:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #0c0d11;--ink: #f6f0e8;--muted: #a9b0b5;--line: rgba(246, 240, 232, .14);--panel: rgba(23, 25, 31, .78);--panel-strong: rgba(31, 34, 42, .94);--green: #46d982;--red: #ff5964;--blue: #57c2ff;--gold: #f6c85f;--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 22% 15%,rgba(87,194,255,.2),transparent 30%),linear-gradient(135deg,#0c0d11,#1a1617 48%,#171b18);color:var(--ink)}button,input,select,summary{font:inherit}button{cursor:pointer}summary{cursor:pointer}.shell{min-height:100vh;padding:18px}.panel{min-height:calc(100vh - 36px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0 / 68px 68px,linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);box-shadow:0 24px 80px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,3vw,34px);border-bottom:1px solid var(--line)}.topbarActions{display:inline-flex;align-items:center;gap:10px}.brand,.serverPill,.eyebrow,.inviteBadge,.people,.shareButton,.copyButton,.quietButton,.primaryAction,.voteButton{display:inline-flex;align-items:center}.brand{gap:10px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:0}.brandMark{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(246,200,95,.38);border-radius:var(--radius);background:#f6c85f21;color:var(--gold)}.serverPill{gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.88rem}.dot{width:8px;height:8px;border-radius:999px;background:var(--red);box-shadow:0 0 0 4px #ff596421}.dot.online{background:var(--green);box-shadow:0 0 0 4px #46d98221}.roomTopMenu{position:relative;display:none}.roomTopMenu summary{display:grid;width:40px;height:40px;place-items:center;list-style:none;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;color:var(--ink)}.roomTopMenu summary::-webkit-details-marker{display:none}.roomTopPanel{position:absolute;top:calc(100% + 12px);right:0;z-index:20;display:grid;width:min(82vw,340px);gap:12px;padding:14px;border:1px solid rgba(246,240,232,.18);border-radius:var(--radius);background:#0f1116fa;box-shadow:0 20px 54px #00000073}.roomTopHeading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.roomTopHeading span{color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.roomTopHeading strong{font-size:1.5rem;letter-spacing:0}.setupGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:clamp(24px,6vw,72px);align-items:center;padding:clamp(28px,6vw,74px)}.setupCopy{max-width:740px}.eyebrow,.inviteBadge{gap:8px;margin-bottom:18px;color:var(--gold);font-weight:800;text-transform:uppercase;font-size:.78rem}h1,h2,p{margin-top:0}.setupCopy h1,.joinLayout h1,.resultsHeader h1{max-width:830px;margin-bottom:18px;font-size:clamp(2.8rem,8vw,7.2rem);line-height:.88;letter-spacing:0}.setupCopy p,.joinLayout p{max-width:560px;margin-bottom:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55}.controlSurface{display:grid;gap:18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.field{display:grid;gap:8px}.field>span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}input,select{width:100%;min-height:48px;border:1px solid rgba(246,240,232,.16);border-radius:var(--radius);background:#07080aa8;color:var(--ink);outline:none;padding:0 13px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--gold)}input:focus,select:focus,button:focus-visible{border-color:var(--blue);outline:3px solid rgba(87,194,255,.2)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment{min-height:46px;border:1px solid rgba(246,240,232,.16);border-radius:var(--radius);background:#ffffff0a;color:var(--muted);font-weight:800}.segment.active{border-color:#f6c85fb3;background:#f6c85f24;color:var(--ink)}.multiSelect{position:relative}.multiSelect summary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;min-height:56px;list-style:none;border:1px solid rgba(246,240,232,.16);border-radius:var(--radius);background:#07080aa8;color:var(--ink);padding:10px 12px}.multiSelect summary::-webkit-details-marker{display:none}.multiSelect summary>span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.multiSelect summary>strong{grid-column:1 / 2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiSelect summary>svg{grid-row:1 / 3;grid-column:2 / 3;color:var(--gold)}.multiSelect[open] summary{border-color:#f6c85fb3}.multiSelectMenu{position:absolute;right:0;left:0;z-index:10;display:grid;max-height:280px;margin-top:8px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(246,240,232,.18);border-radius:var(--radius);background:#0f1116fa;box-shadow:0 20px 54px #00000073}.checkOption{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:center;min-height:42px;padding:9px 12px;color:var(--ink);font-weight:800}.checkOption+.checkOption{border-top:1px solid rgba(246,240,232,.08)}.checkOption span{overflow-wrap:anywhere}.primaryAction{justify-content:center;gap:10px;min-height:54px;border:0;border-radius:var(--radius);background:var(--ink);color:#111318;font-weight:900}.primaryAction.compact{width:min(100%,320px)}.statusText{margin:0;color:var(--red);font-weight:700}.successText{margin:0;color:var(--green);font-weight:800}.pendingText{margin:0;color:var(--gold);font-weight:800}.spinIcon{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{cursor:wait;opacity:.7}.adminLayout{display:grid;gap:28px;padding:clamp(28px,5vw,64px)}.adminHeader h1{max-width:820px;margin-bottom:0;font-size:clamp(2.8rem,8vw,6.6rem);line-height:.9;letter-spacing:0}.adminGrid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:clamp(18px,4vw,42px);align-items:start}.adminControls{align-content:start}.toggleRow{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.toggleRow input{flex:0 0 auto}.adminStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.statTile,.adminPanel{border:1px solid var(--line);border-radius:var(--radius);background:#07080a57}.statTile{display:grid;gap:12px;min-height:132px;padding:18px}.statTile span,.adminPanelTitle{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.statTile strong{align-self:end;overflow-wrap:anywhere;font-size:clamp(1.8rem,4vw,3.4rem);line-height:.94}.adminPanel{display:grid;grid-column:1 / -1;gap:14px;padding:18px}.adminPanelTitle{display:inline-flex;align-items:center;gap:8px;color:var(--gold)}.adminRows{display:flex;flex-wrap:wrap;gap:8px}.adminRows span{max-width:100%;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#ffffff0a;color:var(--muted);font-size:.88rem;font-weight:800}.joinLayout{display:grid;justify-items:start;padding:clamp(28px,7vw,86px)}.joinField{width:min(100%,420px);margin:18px 0}.roomLayout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 111px)}.roomRail{display:flex;flex-direction:column;gap:18px;padding:26px;border-right:1px solid var(--line);background:#07080a3d}.railLabel{margin-bottom:8px;color:var(--gold);font-size:.76rem;font-weight:900;text-transform:uppercase}.roomRail h1{margin:0;font-size:2.6rem;letter-spacing:0}.railMeta{display:grid;gap:8px;color:var(--muted)}.compactMeta{display:flex;flex-wrap:wrap}.railMeta span,.person,.genreRow span,.tagRow span{width:fit-content;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#ffffff0a}.people{flex-wrap:wrap;gap:8px;margin-top:auto}.person{color:var(--muted);font-size:.86rem}.person.connected{color:var(--green)}.compactPeople{margin-top:0}.shareButton,.copyButton,.quietButton{justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;color:var(--ink);font-weight:800}.shareButton{border-color:#f6c85f70;background:#f6c85f24;color:var(--gold)}.copyButton{text-align:center}.quietButton{color:var(--muted)}.deckArea{display:grid;align-content:center;justify-items:center;gap:18px;padding:clamp(20px,4vw,42px)}.deckHeader{display:flex;justify-content:space-between;width:min(100%,620px);color:var(--muted);font-weight:800}.movieCard{position:relative;display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:22px;width:min(100%,620px);min-height:540px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid rgba(246,240,232,.18);border-radius:var(--radius);background-position:center;background-size:cover;box-shadow:0 24px 74px #0000006b;transition:transform .18s cubic-bezier(.2,.86,.34,1),opacity .18s ease,border-color .16s ease,box-shadow .16s ease;will-change:transform,opacity}.movieCard.is-dragging{transition:none}.movieCard.is-exiting{opacity:0;pointer-events:none}.movieCard.is-yes{border-color:#46d98280;box-shadow:0 24px 74px #0000006b,0 0 0 1px #46d9822e}.movieCard.is-no{border-color:#ff596480;box-shadow:0 24px 74px #0000006b,0 0 0 1px #ff59642e}.movieCard:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0c0d11c7,#0c0d1166),linear-gradient(180deg,transparent 42%,rgba(12,13,17,.86))}.movieCard>img{z-index:1;align-self:end;width:100%;max-width:220px;margin:22px 0 112px 22px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);box-shadow:0 18px 40px #00000080}.swipeBadge{position:absolute;top:24px;z-index:3;opacity:0;border:3px solid currentColor;border-radius:var(--radius);padding:8px 12px;background:#0a0c0f7a;font-size:1.4rem;font-weight:1000;line-height:1;text-transform:uppercase;transform:scale(.86);transition:opacity .12s ease,transform .12s ease}.yesBadge{right:24px;color:var(--green);transform:rotate(10deg) scale(.86)}.noBadge{left:24px;color:var(--red);transform:rotate(-10deg) scale(.86)}.movieCard.is-yes .yesBadge,.movieCard.is-no .noBadge{opacity:var(--swipe-progress)}.movieCard.is-yes .yesBadge{transform:rotate(10deg) scale(calc(.86 + var(--swipe-progress) * .14))}.movieCard.is-no .noBadge{transform:rotate(-10deg) scale(calc(.86 + var(--swipe-progress) * .14))}.movieInfo{z-index:1;align-self:end;padding:22px 24px 116px 0}.tagRow,.genreRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tagRow span,.genreRow span{color:var(--ink);font-size:.78rem;font-weight:900}.movieInfo h2{margin-bottom:12px;font-size:clamp(2rem,5vw,4.1rem);line-height:.94;letter-spacing:0}.movieInfo p{color:#f6f0e8d1;line-height:1.45}.voteBar{position:absolute;right:22px;bottom:22px;left:22px;z-index:2;display:flex;justify-content:space-between}.voteButton{justify-content:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0a0c0fd1;color:var(--ink);box-shadow:0 12px 32px #0000005c}.voteButton.no{color:var(--red)}.voteButton.yes{color:var(--green)}.progressTrack{width:min(100%,620px);height:6px;overflow:hidden;border-radius:999px;background:#ffffff1c}.progressTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .24s ease}.emptyState,.finishedPanel,.waitingPanel{display:grid;justify-items:center;max-width:520px;text-align:center}.finishedPanel,.waitingPanel{width:min(100%,760px);max-width:760px;gap:22px}.finishedPanel .resultsHeader p:last-child,.waitingPanel .resultsHeader p:last-child{max-width:460px;margin:0 auto;color:var(--muted);line-height:1.45}.inviteBox{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center;width:min(100%,620px);padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f}.inviteBox code{overflow:hidden;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.inviteActions{display:grid;grid-template-columns:1fr;gap:10px}.rerollControls{display:grid;gap:10px}.finishedPanel .rerollControls{width:min(100%,360px)}.rerollControls .multiSelect summary{min-height:50px}.rerollControls .multiSelectMenu{max-height:min(280px,42vh)}.invitePanel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;width:min(100%,620px)}.qrCard{display:grid;width:188px;height:188px;place-items:center;border:1px solid rgba(246,240,232,.18);border-radius:var(--radius);background:#f6f0e8;box-shadow:0 18px 46px #00000047}.qrCard svg{display:block}.pulseDisc{display:grid;width:128px;min-height:128px;place-items:center;align-content:center;gap:10px;margin-bottom:24px;border:1px solid rgba(246,200,95,.36);border-radius:999px;background:#f6c85f1a;color:var(--gold)}.pulseDisc span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.emptyState h2{margin-bottom:10px;font-size:2rem}.emptyState p{color:var(--muted)}.results{width:min(100%,900px)}.thumbnailGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px;width:100%}.thumbnailMatch{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;min-height:94px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;text-align:left}.thumbnailMatch img{width:58px;height:74px;object-fit:cover;border-radius:calc(var(--radius) - 2px)}.thumbnailMatch h2{margin-bottom:4px;overflow-wrap:anywhere;font-size:.98rem;line-height:1.08}.thumbnailMatch p{margin-bottom:0;color:var(--muted);font-size:.82rem}.serviceRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.serviceRow span{width:fit-content;border:1px solid rgba(246,200,95,.28);border-radius:999px;padding:5px 8px;background:#f6c85f1a;color:var(--gold);font-size:.72rem;font-weight:900}.noMatchesYet{display:grid;justify-items:center;width:100%}@media(max-width:860px){.shell{padding:0}.panel{min-height:100vh;border-width:0;border-radius:0}.setupGrid,.roomLayout,.adminGrid{grid-template-columns:1fr}.roomRail{border-right:0;border-bottom:1px solid var(--line)}.roomTopMenu{display:block}.roomTopPanel{max-height:calc(100svh - 78px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.multiSelectMenu{position:static;max-height:min(360px,52svh);padding-bottom:8px}.roomLayout{min-height:calc(100vh - 69px)}.roomRail{display:none}.movieCard{grid-template-columns:1fr;width:min(100%,520px);min-height:600px}.movieCard>img{align-self:start;width:min(38vw,156px);margin-bottom:0}.movieInfo{padding:0 20px 102px}.movieInfo h2{font-size:clamp(1.85rem,8vw,3.2rem)}.voteBar{right:18px;bottom:18px;left:18px}.voteButton{width:64px;height:64px}}@media(max-width:560px){.topbar{padding:14px}.setupGrid,.joinLayout,.adminLayout,.roomRail,.deckArea{padding:18px}.setupCopy h1,.joinLayout h1,.adminHeader h1,.resultsHeader h1{font-size:clamp(2.6rem,15vw,4.6rem)}.adminStats{grid-template-columns:1fr}.serverPill{font-size:0;width:36px;justify-content:center}.topbarActions{gap:8px}.movieCard{height:clamp(500px,calc(100svh - 150px),560px);min-height:0}.movieCard>img{width:min(34vw,132px);margin:16px 0 0 16px}.movieInfo{padding:0 18px 92px}.movieInfo h2{font-size:clamp(1.65rem,8.5vw,2.65rem)}.movieInfo p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.tagRow,.genreRow{gap:6px;margin-bottom:10px}.tagRow span,.genreRow span{padding:6px 8px;font-size:.72rem}.voteButton{width:58px;height:58px}.deckHeader{font-size:.82rem}.inviteBox{grid-template-columns:1fr}.invitePanel{grid-template-columns:1fr;justify-items:center}.inviteBox{width:100%}.qrCard{width:176px;height:176px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}