:root{color-scheme:dark;--bg: #08090d;--panel: #11131a;--line: rgba(255, 255, 255, .12);--text: #f7f4ee;--muted: #a8acb8;--hot: #ff4f6d;--amber: #ffb84d;--mint: #3ee2a0;--blue: #65a7ff;--violet: #a980ff;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,79,109,.18),transparent 32rem),radial-gradient(circle at 80% 10%,rgba(62,226,160,.12),transparent 26rem),var(--bg);color:var(--text)}button{color:inherit;font:inherit}.reset-button{border:0;background:transparent;text-align:left;cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 18px;border-right:1px solid var(--line);background:#08090ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:28px}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.24rem}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--hot),var(--amber));color:#12070a;font-weight:950}.nav-stack{display:grid;gap:6px}.nav-stack button,.top-links button,.mobile-nav button,.profile-tabs button{color:var(--muted);border-radius:var(--radius);padding:11px 12px;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-stack button:hover,.nav-stack button:focus-visible,.nav-stack button.is-active,.top-links button:hover,.top-links button.is-active,.mobile-nav button.is-active,.profile-tabs button:hover{background:#ffffff17;color:var(--text);outline:none}.sidebar-card{margin-top:auto;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);border-radius:var(--radius)}.sidebar-card p,.page-heading p,.hero-copy p,.playlist-copy p,.roulette-copy p,.results-placeholder p,.playlist-card p,.footer{color:var(--muted);line-height:1.55}.eyebrow{color:var(--amber);text-transform:uppercase;font-size:.72rem;font-weight:850;letter-spacing:.08em}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:10;height:72px;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 clamp(18px,4vw,44px);background:#08090db8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.mobile-brand{display:none}.top-links{display:flex;gap:4px}.ghost-button,.secondary-button,.primary-button,.playlist-copy button,.spin-button,.blind-button,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);padding:0 16px;font-weight:800;border:1px solid var(--line);background:#ffffff12;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-button,.spin-button{background:linear-gradient(135deg,var(--hot),var(--amber));color:#17070b;border-color:transparent}.secondary-button,.blind-button{background:#3ee2a01f;color:#d7ffee;border-color:#3ee2a04d}.danger-button{background:#ff4f6d1f;color:#ffd5dc;border-color:#ff4f6d61}.danger-button.compact{width:100%;min-height:38px;justify-content:center}.ghost-button:hover,.secondary-button:hover,.primary-button:hover,.playlist-copy button:hover,.spin-button:hover,.blind-button:hover,.danger-button:hover{transform:translateY(-1px)}.page-container{width:min(1480px,100%);margin:0 auto;padding:clamp(18px,3vw,44px);padding-bottom:96px}.route-page{animation:pageIn .28s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero,.playlist-hero,.roulette-stage,.profile-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff1a,#ffffff09);overflow:hidden}.home-hero{min-height:520px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:30px;align-items:center;padding:clamp(20px,4vw,52px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.35rem,7vw,6.1rem);line-height:.92;margin-bottom:18px;letter-spacing:0}h2{font-size:clamp(1.3rem,2vw,2rem);letter-spacing:0}h3{margin-bottom:8px}.hero-copy p{font-size:clamp(1.02rem,1.6vw,1.22rem);max-width:680px}.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hero-posters{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:14px;transform:rotate(2deg)}.poster{aspect-ratio:2 / 3;min-height:180px;border-radius:8px;box-shadow:0 24px 70px #0006;border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff24,#ffffff05)}.poster:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.poster:after{content:"Movie Title";position:absolute;left:14px;right:14px;bottom:16px;font-weight:900;font-size:clamp(.85rem,1.5vw,1.1rem)}.poster.tall{transform:translateY(-18px)}.tone-red,.poster.tone-red,.playlist-cover.red{background:linear-gradient(145deg,#702139,#ff4f6d)}.tone-blue,.poster.tone-blue,.playlist-cover.blue{background:linear-gradient(145deg,#12365c,#65a7ff)}.tone-green,.poster.tone-green,.playlist-cover.green{background:linear-gradient(145deg,#114d3d,#3ee2a0);color:#06110d}.tone-gold,.poster.tone-gold,.playlist-cover.gold{background:linear-gradient(145deg,#704716,#ffb84d);color:#160d02}.tone-violet,.poster.tone-violet,.playlist-cover.violet{background:linear-gradient(145deg,#41216f,#a980ff)}.section-grid{display:grid;gap:16px;margin:22px 0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-panel,.results-placeholder,.stats-grid article,.provider-grid article,.playlist-card{border:1px solid var(--line);background:#ffffff0e;border-radius:var(--radius);padding:18px}.mini-playlist-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.mini-playlist-row span{aspect-ratio:2 / 3;border-radius:6px;background:linear-gradient(145deg,#ff4f6db3,#65a7ff66)}.shelf{margin:32px 0}.shelf-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.shelf-title{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:900}.poster-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(132px,17vw,220px);gap:14px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity}.poster-card{scroll-snap-align:start;outline:none}.poster-card:hover .poster,.poster-card:focus-visible .poster{transform:translateY(-4px) scale(1.015);border-color:#ffffff6b}.poster-card .poster{transition:transform .18s ease,border-color .18s ease}.poster-card-button{width:100%;color:inherit;cursor:pointer}.poster-image,.movie-detail-poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px #00000059;background:#ffffff14}.card-title{margin:10px 0 3px;font-weight:850}.card-meta{color:var(--muted);font-size:.88rem;display:flex;gap:7px;flex-wrap:wrap}.provider-dots{display:flex;gap:4px;margin-top:8px}.provider-badge{width:18px;height:18px;border-radius:5px;background:#fff3;border:1px solid var(--line)}.status-pill{margin-top:8px;display:inline-flex;border-radius:999px;padding:4px 8px;background:#3ee2a024;color:#baf8dc;font-size:.75rem}.card-actions{display:grid;gap:8px;margin-top:10px}.watched-toggle{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem}.text-button{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;color:var(--text);padding:8px 10px;cursor:pointer}.genre-strip,.selector-cloud,.profile-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.genre-chip,.selector-cloud span{border:1px solid var(--line);background:#ffffff12;border-radius:999px;padding:10px 14px;font-weight:750}.page-heading{margin-bottom:26px;max-width:880px}.page-heading h1{font-size:clamp(2rem,5vw,4.3rem)}.split-heading{display:flex;justify-content:space-between;gap:18px;max-width:none;align-items:end}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.playlist-card.large{grid-column:span 2}.playlist-card-button{width:100%;color:inherit}.playlist-cover{height:210px;border-radius:7px;margin-bottom:14px;border:1px solid rgba(255,255,255,.18)}.poster-collage{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px;background:linear-gradient(145deg,#ff4f6d6b,#65a7ff33)}.poster-collage img,.poster-collage span{width:100%;height:100%;object-fit:cover;border-radius:5px;background:#ffffff1f;min-height:0}.playlist-hero{min-height:430px;display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:28px;align-items:center;padding:clamp(22px,4vw,44px)}.playlist-management-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 6px}.playlist-cover-xl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;transform:rotate(-2deg)}.playlist-cover-xl div{aspect-ratio:2 / 3;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,var(--hot),var(--blue))}.playlist-cover-xl img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.18)}.playlist-cover-xl div:nth-child(2){background:linear-gradient(145deg,var(--mint),var(--blue))}.playlist-cover-xl div:nth-child(3){background:linear-gradient(145deg,var(--amber),var(--hot))}.playlist-cover-xl div:nth-child(4){background:linear-gradient(145deg,var(--violet),#1f2440)}.meta-row{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);margin:16px 0}.meta-row span{border:1px solid var(--line);border-radius:999px;padding:8px 10px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.roulette-stage{min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:28px;align-items:center;padding:clamp(24px,5vw,56px)}.roulette-wheel{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--hot),var(--amber),var(--mint),var(--blue),var(--violet),var(--hot));box-shadow:0 24px 80px #00000059}.wheel-core{width:36%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#0e1017;border:1px solid var(--line);font-size:clamp(3rem,7vw,5rem);font-weight:950}.orbit{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%}.orbit.one{top:10%;right:10%;bottom:10%;left:10%}.orbit.two{top:24%;right:24%;bottom:24%;left:24%}.orbit.three{top:38%;right:38%;bottom:38%;left:38%}.results-placeholder{margin-top:22px}.roulette-result{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:18px;align-items:start}.profile-hero{display:flex;gap:20px;align-items:center;padding:28px}.avatar-placeholder{width:88px;height:88px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--mint));color:#06100d;font-size:2rem;font-weight:950}.stats-grid,.provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.stats-grid strong{display:block;font-size:clamp(1.8rem,3vw,2.7rem)}.stats-grid span{color:var(--muted)}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.provider-grid article{min-height:130px;display:grid;gap:10px;place-items:center;text-align:center;font-weight:900}.provider-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:950;color:#08090d}.provider-row{display:flex;gap:10px;flex-wrap:wrap}.provider-row-item{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.search-panel,.playlist-form{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;padding:18px;margin:22px 0}.hero-search-panel{margin:24px 0 0;padding:16px;background:#08090d8a;box-shadow:0 24px 80px #00000047}.search-form,.playlist-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.hero-search-panel .search-form{grid-template-columns:minmax(0,1fr) auto}.hero-search-panel input[type=search]{min-height:58px;font-size:clamp(1.05rem,2vw,1.28rem);background:#ffffff1a}.search-action-row{display:flex;gap:10px;align-items:end}.search-submit-button{min-width:132px}.playlist-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}label span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#08090dd1;color:var(--text);min-height:42px;padding:10px 12px;font:inherit}textarea{min-height:42px;resize:vertical}.select-action{min-width:180px}.helper-text,.empty-state{color:var(--muted)}.success-message{border:1px solid rgba(62,226,160,.34);border-radius:var(--radius);background:#3ee2a01a;color:#d7ffee;padding:12px 14px}.search-results-experience{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.search-results-heading{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:12px}.search-results-heading h2{margin-bottom:0;font-size:clamp(1.1rem,2vw,1.5rem)}.search-results{display:grid;gap:14px;margin-top:18px}.search-result-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#ffffff0a}.floating-search-button{position:fixed;z-index:40;right:18px;bottom:18px;min-height:48px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:0 16px;background:linear-gradient(135deg,var(--hot),var(--amber));color:#17070b;box-shadow:0 18px 60px #0000006b;font-weight:900;cursor:pointer}.floating-search-button span:first-child{font-size:1.25rem;line-height:1}.movie-detail-hero{display:grid;grid-template-columns:minmax(220px,330px) minmax(0,1fr);gap:28px;align-items:start;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,4vw,44px);background:linear-gradient(135deg,#ffffff1a,#ffffff09)}.footer{border-top:1px solid var(--line);padding:26px clamp(18px,4vw,44px)}.mobile-nav{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex}.topbar{height:66px}.top-links{display:none}.home-hero,.playlist-hero,.roulette-stage{grid-template-columns:1fr}.hero-posters{grid-template-columns:repeat(4,minmax(86px,1fr));transform:none}.poster.tall{transform:none}.playlist-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-card.large{grid-column:span 2}.mobile-nav{position:fixed;z-index:30;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#0a0b10e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #00000061}.floating-search-button{bottom:84px}.mobile-nav button{text-align:center;font-size:.78rem;padding:9px 4px}}@media(max-width:620px){.page-container{padding:16px 16px 96px}.topbar{padding:0 14px}.ghost-button{display:none}.home-hero,.playlist-hero,.roulette-stage,.profile-hero{padding:18px}.hero-posters{grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-grid,.stats-grid{grid-template-columns:1fr}.playlist-card.large{grid-column:auto}.split-heading{display:block}.poster-row{grid-auto-columns:42vw}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-form,.hero-search-panel .search-form,.playlist-form,.search-result-card,.movie-detail-hero,.roulette-result{grid-template-columns:1fr}.search-action-row{display:grid;grid-template-columns:1fr}.hero-search-panel input[type=search]{min-height:54px}.floating-search-button{right:14px;bottom:82px;min-width:48px;padding:0 14px}.floating-search-button span:last-child{display:none}h1{font-size:clamp(2.2rem,16vw,4.3rem)}}