@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--ink: #f8f1e4;--muted: #b9ae9c;--paper: #0a0b12;--panel: #161624;--panel-elevated: #1b1a2c;--edge: #3f3550;--edge-soft: #2e2940;--brand: #f3bf4f;--brand-soft: #34270f;--brand-ink: #281c0a;--yes: #51d2ad;--no: #ff7a76;--services-primary-height: 230px;--services-more-collapsed-height: 44px;--services-more-expanded-height: 320px;--radius: 18px;--shadow: 0 22px 58px rgba(0, 0, 0, .52)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at 50% -12%,rgba(255,211,120,.18) 0,transparent 50%),radial-gradient(circle at 13% 16%,rgba(163,33,56,.38) 0,transparent 38%),radial-gradient(circle at 88% 18%,rgba(77,46,124,.42) 0,transparent 34%),linear-gradient(180deg,#161427,#08090f 55%,#07060e);min-height:100vh;position:relative}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{opacity:.2;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 2px,transparent 2px 18px);mix-blend-mode:soft-light}body:after{background:radial-gradient(circle at 50% 28%,transparent 15%,rgba(0,0,0,.58) 100%)}h1,h2,h3,h4{font-family:Fraunces,serif;margin:0;line-height:1.1}p{margin:0;line-height:1.5}button,input{font:inherit}input[type=checkbox],input[type=radio]{accent-color:#d7a640}button:focus-visible,a:focus-visible,summary:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 70%,#fff2cf);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),summary:focus:not(:focus-visible),input[type=checkbox]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible){outline:none}.app-shell{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 72px}.app-shell-home{padding-bottom:48px}.app-shell.with-match-footer{padding-bottom:170px}.home-shell{width:min(1120px,100%);display:grid;gap:10px}.hero-card,.session-layout{width:min(1120px,100%);animation:fade-in .35s ease}.hero-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#1e1a2cf2,#13121ff2);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,3.3vw,34px);display:grid;gap:18px}.hero-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#b78222,#f3bf4f 34%,#ffe1a2,#f3bf4f 70%,#b78222)}.session-layout{display:grid;gap:18px}.session-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:linear-gradient(180deg,#1d1b2cf2,#141320f2);border:1px solid var(--edge);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow)}.session-head-main{min-width:0;display:grid;gap:6px}.session-head-main h2{font-size:clamp(1.45rem,3.1vw,2rem)}.session-badges{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:color-mix(in srgb,var(--brand) 76%,white);margin-bottom:6px}.marquee-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#ccb685;padding:10px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--edge-soft));background:linear-gradient(90deg,#36191461,#4d331538,#3e171461)}.hero-grid{display:flex;align-items:center;gap:18px}.hero-copy{flex:1 1 58%;min-width:0;display:grid;gap:12px;align-content:start}.hero-card h1{font-size:clamp(2rem,4.8vw,3.35rem);line-height:1.05;letter-spacing:.01em;color:#fff4db;text-wrap:balance}.hero-subtitle{max-width:54ch}.hero-points{margin:0;padding:0;list-style:none;display:grid;gap:8px}.hero-points li{position:relative;padding-left:18px;color:#d8ccb8;font-size:15px}.hero-points li:before{content:"";position:absolute;left:0;top:.54em;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle,#ffe0a1,#f3bf4f 72%,#d49d34);box-shadow:0 0 0 3px #f3bf4f2e}.hero-side-panel{flex:1 1 42%;max-width:580px;align-self:center;align-content:start;gap:14px;padding:16px}.hero-side-panel h3{font-size:1.25rem;color:#f8e8c8}.hero-steps{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:watch-steps}.hero-steps li{counter-increment:watch-steps;border:1px solid var(--edge-soft);border-radius:12px;padding:10px 12px 10px 42px;background:#0d0c17b3;display:grid;gap:4px;position:relative}.hero-steps li:before{content:counter(watch-steps);position:absolute;left:12px;top:10px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--brand-ink);background:linear-gradient(180deg,#ffd36e,#e0a83f)}.hero-steps strong{color:#f5e5c5;font-weight:700}.hero-steps span{color:var(--muted);font-size:13px}.subtitle{color:var(--muted)}.subtitle.small{font-size:14px}.label{font-size:14px;font-weight:500}.input{width:100%;background:#0b0b13c7;color:var(--ink);border:1px solid var(--edge-soft);border-radius:12px;padding:11px 12px}.input::placeholder{color:#8f819f}.input:focus{outline:2px solid color-mix(in srgb,var(--brand) 45%,white);border-color:var(--brand)}.home-actions{display:flex;gap:10px}.start-panel{margin-top:4px;gap:14px}.start-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:8px;border-bottom:1px solid var(--edge-soft)}.selection-counts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.counter-chip{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--edge-soft));border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.03em;color:#f2ddad;background:color-mix(in srgb,var(--brand-soft) 64%,rgba(12,11,19,.85))}.join-block{margin-top:8px;display:grid;gap:8px}.join-row{display:flex;gap:10px}.name-block{display:grid;gap:6px;padding:12px;border:1px solid var(--edge-soft);border-radius:12px;background:#0b0a12d6}.home-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}.join-mini-panel{margin-top:4px;border:1px solid var(--edge-soft);border-radius:14px;background:#0e0d1799;padding:12px;display:grid;gap:8px}.join-mini-head{display:grid;gap:4px}.join-mini-row{display:grid;grid-template-columns:1fr auto;gap:8px}.selection-layout{display:grid;gap:14px;grid-template-columns:1fr 1fr;align-items:start}.selection-column{display:grid;gap:8px;min-width:0;align-content:start}.selection-column>h4{font-size:1.15rem}.genres-column{display:flex;flex-direction:column;min-height:0;height:var(--genres-column-height, auto)}.genres-column .vertical-list.tall-list{flex:1 1 0;min-height:0;max-height:none}.vertical-list{list-style:none;margin:0;padding:8px;border:1px solid var(--edge-soft);border-radius:12px;background:#0a0a12a8;display:grid;gap:4px;max-height:260px;overflow-y:auto}.vertical-list.tall-list{max-height:380px}.vertical-list.compact-list{max-height:180px}.primary-services-list{height:var(--services-primary-height);max-height:var(--services-primary-height)}.extra-services-list{flex:1 1 auto;min-height:0;max-height:none}.extra-services-panel{display:flex;flex-direction:column;gap:8px;padding:8px}.services-column .collapsed-block[open] .extra-services-panel{height:var(--services-more-expanded-height)}.extra-services-search{flex-shrink:0}.extra-services-empty{min-height:48px;display:flex;align-items:center;padding:0 6px 6px}.list-row{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px}.list-row:hover{background:color-mix(in srgb,var(--brand) 13%,transparent)}.read-only-item{padding:7px 10px;border-radius:8px;border:1px solid var(--edge-soft);background:#1a1724f2}.collapsed-block{border:1px solid var(--edge-soft);border-radius:12px;background:#0e0d18e0;overflow:hidden}.collapsed-block>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 12px;font-weight:500;color:#d6ccbb}.services-column .collapsed-block>summary{min-height:var(--services-more-collapsed-height)}.collapsed-block>summary::marker{content:""}.collapsed-block>summary::-webkit-details-marker{display:none}.collapsed-block>summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #cab37f;transition:transform .14s ease}.collapsed-block[open]>summary{border-bottom:1px solid var(--edge-soft)}.collapsed-block[open]>summary:before{transform:rotate(90deg)}.collapsed-block .vertical-list{border:0;border-radius:0;background:transparent;margin:0}.collapsed-block .vertical-list.compact-list{max-height:220px}.collapsed-block .extra-services-list.compact-list{max-height:none}.code-input{text-transform:uppercase;font-weight:700;letter-spacing:.08em}.button{border:1px solid var(--edge-soft);border-radius:12px;padding:11px 14px;font-weight:600;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-primary{border-color:color-mix(in srgb,var(--brand) 52%,#967233);background:linear-gradient(180deg,#ffd36e 0%,var(--brand) 58%,#dca236 100%);color:var(--brand-ink);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.22)}.start-panel>.button-primary{width:100%;min-height:48px}.button-outline{border-color:#5f5574;background:#211d31;color:var(--ink)}.button-ghost{border-color:#5b526f;background:#1c1829d1;color:var(--muted)}.button-like{background:color-mix(in srgb,var(--yes) 18%,#101722);border-color:color-mix(in srgb,var(--yes) 45%,#273c42);color:var(--yes);font-weight:700}.button-nope{background:color-mix(in srgb,var(--no) 17%,#180f1b);border-color:color-mix(in srgb,var(--no) 44%,#432029);color:var(--no);font-weight:700}.panel{background:linear-gradient(180deg,#1c192af2,#13121ff2);border:1px solid var(--edge);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);display:grid;gap:14px}.helper{color:var(--muted);font-size:14px}.share-url{margin-top:6px;font-size:12px;color:#e2d9c9;background:#0a0a12a3;border:1px solid var(--edge-soft);border-radius:10px;padding:8px 10px;word-break:break-all}.people-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.person-row{display:grid;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--edge-soft);background:#0d0c17b8}.person-meta{display:flex;gap:10px;color:var(--muted);font-size:13px}.tag{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--brand-soft);color:#f7e0ad;font-size:12px}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--edge-soft);border-radius:999px;background:#0d0c16d1;color:var(--ink);padding:8px 12px;cursor:pointer}.chip-active{border-color:var(--brand);background:var(--brand-soft);color:#ffe8b7}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.error-banner{border:1px solid #7f2937;border-radius:12px;background:#5e17256b;color:#ffd2cf;padding:10px 12px}.swipe-panel{gap:16px}.swipe-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.swipe-progress-text{color:#d6cbba;border:1px solid var(--edge-soft);border-radius:999px;padding:4px 10px;background:#0b0a13ad}.swipe-card{position:relative;border:1px solid var(--edge-soft);background:linear-gradient(180deg,#13131ef0,#0e0d17f0);border-radius:16px;padding:14px;display:grid;grid-template-columns:minmax(170px,210px) 1fr;gap:14px}.swipe-card-transitioning{opacity:.62}.swipe-transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0c0b14bd;color:#e5d9c4;font-weight:600;border-radius:16px;pointer-events:none}.poster{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px;border:1px solid var(--edge-soft)}.swipe-content{display:grid;gap:12px;align-content:start}.swipe-content h4{font-size:clamp(1.2rem,2vw,1.45rem)}.meta-line{color:var(--muted);font-size:14px}.swipe-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.swipe-actions .button{min-width:110px}.waiting-card{border:1px dashed #6f6682;border-radius:12px;padding:16px;display:grid;gap:10px;background:#161423db}.results-grid{display:grid;gap:10px}.result-card{border:1px solid var(--edge-soft);border-radius:12px;background:#100f1be0;padding:14px;display:grid;gap:8px}.head-actions{display:flex;flex-wrap:wrap;gap:8px}.match-drawer{position:fixed;left:16px;right:16px;bottom:12px;z-index:20;border:1px solid #6d5a2a;border-radius:16px;overflow:hidden;box-shadow:0 16px 38px #00000073}.match-drawer-toggle{width:100%;border:0;border-top:1px solid transparent;border-radius:0;background:linear-gradient(180deg,#f2bf50,#ce952e);color:var(--brand-ink);display:flex;justify-content:space-between;align-items:center;padding:13px 16px;font-weight:600}.match-drawer-toggle:hover{transform:none;background:linear-gradient(180deg,#ffd470,#dca53f)}.match-drawer-sheet{background:linear-gradient(180deg,#1b1a2d,#131320);max-height:0;overflow:hidden;transition:max-height .2s ease;border-top:1px solid var(--edge)}.match-drawer.open .match-drawer-sheet{max-height:48vh}.live-match-list{list-style:none;margin:0;padding:10px;display:grid;gap:8px;max-height:45vh;overflow:auto}.live-match-item{border:1px solid var(--edge-soft);border-radius:10px;background:#0b0a13d6;padding:9px 10px;display:grid;gap:3px}.live-match-item span{color:var(--muted);font-size:13px}.match-drawer-empty{margin:0;padding:12px 16px 14px}.tmdb-attribution{border:1px solid var(--edge-soft);border-radius:12px;background:#0d0c16b8;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.tmdb-attribution-logo{width:76px;height:auto;flex-shrink:0}.tmdb-attribution a{color:#8fd3f0}.tmdb-attribution a:hover{color:#b1e5ff}@media (max-width: 780px){.session-head,.person-row,.swipe-head,.join-row{flex-direction:column;align-items:stretch}.home-grid,.selection-layout{grid-template-columns:1fr}.hero-grid{flex-direction:column;align-items:stretch}.hero-card{padding:16px}.marquee-strip{flex-direction:column;align-items:flex-start;gap:4px;font-size:11px}.hero-card h1{font-size:clamp(2rem,11vw,2.6rem)}.start-panel-head{flex-direction:column;align-items:flex-start}.genres-column .vertical-list.tall-list{max-height:380px}.join-mini-row{grid-template-columns:1fr}.primary-services-list{height:auto;max-height:230px}.genres-column{height:auto}.genres-column .vertical-list.tall-list{flex:0 1 auto;height:auto;min-height:230px;max-height:380px}.services-column .collapsed-block[open] .extra-services-list{height:auto;max-height:var(--services-more-expanded-height)}.swipe-card{grid-template-columns:1fr}.poster{max-width:260px;justify-self:center}.person-meta{flex-wrap:wrap}.head-actions{width:100%}.head-actions .button{flex:1}.swipe-actions{justify-content:stretch}.swipe-actions .button{flex:1;min-width:0}.tmdb-attribution{flex-direction:column;align-items:flex-start}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}