@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Space+Grotesk:wght@500;600&display=swap";:root{color-scheme:dark;--bg: #0f1115;--bg-soft: #151820;--ink: #f5f1e8;--muted: #b3a99a;--card: #1a1f2a;--accent: #f4b65f;--accent-dark: #c48a36;--primary: var(--accent);--outline: rgba(255, 255, 255, .08);--shadow: none;--soft-shadow: none;--panel-bg: rgba(21, 26, 36, .5);--panel-join-bg: rgba(22, 26, 36, .85);--panel-start-bg: rgba(20, 24, 34, .9);--join-bg: rgba(12, 14, 20, .5);--input-bg: rgba(12, 15, 21, .45);--panel-border-shadow: none;--button-shadow: none;--tertiary-border: 1px dashed rgba(202, 164, 107, .45);--secondary-border: none;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-btn: 10px;--topbar-pad: 32px 28px 14px;--content-pad-top: 14px;--content-pad-x: 20px;--content-pad-bottom: max(6px, env(safe-area-inset-bottom));--content-gap: 20px;--hero-pad: 14px 6px 0;--hero-gap: 8px;--eyebrow-margin: 12px;--hero-title-size: 1.6rem;--hero-subtitle-size: 1rem;--hero-subtitle-leading: 1.6;--panel-pad: 24px 24px;--panel-gap: 16px;--panel-title-size: 1.2rem;--panel-text-size: .95rem;--panel-text-leading: 1.6;--panel-header-gap: 16px;--join-pad: 12px;--join-gap: 12px;--input-min-h: 52px;--button-pad: 14px 20px;--button-font: 1rem;--step-gap: 12px;--step-font: .9rem;--theatrical-glow: none;--ticket-border: 1px dashed rgba(255, 255, 255, .1);--film-strip-dots: radial-gradient(circle, rgba(255,255,255,.05) 2px, transparent 0)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,Segoe UI,sans-serif;background:radial-gradient(1000px 700px at 12% -10%,rgba(255,201,120,.18),transparent 60%),radial-gradient(800px 600px at 85% 10%,rgba(86,132,255,.18),transparent 70%),linear-gradient(160deg,#0a0c11,#131622 45%,#0f1115);color:var(--ink);min-height:100vh}.app-shell{min-height:100svh;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0;position:relative;overflow-x:hidden;width:100%}.app-shell:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(245,241,232,.08) 1px,transparent 0);background-size:20px 20px;opacity:.2;pointer-events:none;z-index:0}.emoji-rain{position:fixed;inset:0;pointer-events:none;opacity:.35;z-index:0;overflow:hidden}.emoji-rain span{position:absolute;top:-12vh;font-size:1.2rem;animation:emoji-fall 12s linear infinite;filter:blur(.2px);opacity:.65}.emoji-rain span:nth-child(1){left:6%;animation-duration:14s;animation-delay:-2s}.emoji-rain span:nth-child(2){left:18%;animation-duration:11s;animation-delay:-6s}.emoji-rain span:nth-child(3){left:30%;animation-duration:13s;animation-delay:-3s}.emoji-rain span:nth-child(4){left:42%;animation-duration:15s;animation-delay:-8s}.emoji-rain span:nth-child(5){left:54%;animation-duration:12s;animation-delay:-5s}.emoji-rain span:nth-child(6){left:66%;animation-duration:10s;animation-delay:-7s}.emoji-rain span:nth-child(7){left:78%;animation-duration:16s;animation-delay:-4s}.emoji-rain span:nth-child(8){left:90%;animation-duration:12.5s;animation-delay:-9s}.emoji-rain span:nth-child(9){left:12%;animation-duration:13.5s;animation-delay:-1s}.emoji-rain span:nth-child(10){left:24%;animation-duration:11.5s;animation-delay:-10s}.emoji-rain span:nth-child(11){left:36%;animation-duration:14.5s;animation-delay:-6.5s}.emoji-rain span:nth-child(12){left:48%;animation-duration:10.5s;animation-delay:-2.5s}.emoji-rain span:nth-child(13){left:60%;animation-duration:15.5s;animation-delay:-8.5s}.emoji-rain span:nth-child(14){left:72%;animation-duration:12.8s;animation-delay:-3.5s}.emoji-rain span:nth-child(15){left:84%;animation-duration:11.8s;animation-delay:-9.5s}.emoji-rain span:nth-child(16){left:4%;animation-duration:13.2s;animation-delay:-5.5s}.emoji-rain span:nth-child(17){left:26%;animation-duration:12.2s;animation-delay:-7.5s}.emoji-rain span:nth-child(18){left:58%;animation-duration:14.2s;animation-delay:-4.5s}.emoji-rain span:nth-child(19){left:70%;animation-duration:16.2s;animation-delay:-1.5s}.emoji-rain span:nth-child(20){left:92%;animation-duration:12.6s;animation-delay:-6.2s}@keyframes emoji-fall{0%{transform:translateY(-15vh) rotate(0)}to{transform:translateY(115vh) rotate(360deg)}}.phone-frame{width:100%;max-width:540px;height:100svh;height:100vh;background:transparent;display:flex;flex-direction:column;border:none;position:relative;overflow-x:hidden;overflow-y:auto;z-index:1}.phone-frame:before{content:none}.top-bar{display:flex;align-items:center;justify-content:center;padding:var(--topbar-pad);position:relative;z-index:1}.flat-hero{text-align:left;padding:50px 0 32px}.flat-hero .hero-title{font-size:2.75rem;font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:20px}.flat-hero .hero-subtitle{font-size:1.05rem;line-height:1.6;opacity:.6;max-width:320px}.action-bar{display:flex;flex-direction:column;gap:16px;width:100%}.footer-actions{margin-top:60px;padding:32px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mute-toggle-footer{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:999px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--muted);transition:all .2s ease}.mute-toggle-footer:hover{background:#ffffff0f;color:var(--primary)}.logo{font-family:Space Grotesk,Segoe UI,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.04em;color:var(--ink);display:flex;align-items:center;gap:8px}.logo-emoji{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1.05rem;background:transparent;border-radius:0;filter:drop-shadow(0 6px 10px rgba(6,7,12,.45))}.mute-toggle{position:absolute;right:var(--content-pad-x);display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--outline);background:#ffffff14;color:var(--ink);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.mute-toggle:hover{border-color:#fff6}.mute-label{font-size:.65rem}.icon-chip{width:34px;height:34px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;color:var(--muted);border:1px solid var(--outline);box-shadow:var(--soft-shadow);font-size:.9rem}.content{padding:var(--content-pad-top) var(--content-pad-x) var(--content-pad-bottom);display:grid;gap:var(--content-gap);position:relative;z-index:1;align-content:start;align-items:stretch}.hero{padding:var(--hero-pad);display:grid;gap:var(--hero-gap)}.eyebrow{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);display:inline-block;margin-bottom:var(--eyebrow-margin)}.hero-title{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:var(--hero-title-size);margin:0 0 8px}.hero-subtitle{margin:0;color:var(--muted);font-size:var(--hero-subtitle-size);line-height:var(--hero-subtitle-leading)}.card,.panel{background:transparent;border-radius:0;padding:0;border:none;box-shadow:none;display:grid;gap:var(--panel-gap);align-content:start}.panel-join,.panel-start{background:transparent}.panel-title{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:var(--panel-title-size);margin:0}.panel-text{margin:0;color:var(--muted);font-size:var(--panel-text-size);line-height:var(--panel-text-leading)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--panel-header-gap);flex-wrap:wrap}.join-input{display:grid;grid-template-columns:1fr;gap:var(--join-gap);background:#ffffff08;border-radius:var(--radius-md);padding:16px;border:1px solid rgba(255,255,255,.05)}.input{border:none;border-radius:var(--radius-sm);padding:10px 12px;font-size:.95rem;background:var(--input-bg);color:var(--ink)}.code-input{background:transparent;text-transform:uppercase;letter-spacing:.2em;font-weight:600}.join-input .input,.join-actions .button{min-height:var(--input-min-h)}.input::placeholder{color:#8f8b82}.button{border:none;border-radius:var(--radius-btn);padding:var(--button-pad);font-size:var(--button-font);font-weight:600;background:var(--accent);color:#22180d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--button-shadow)}.button.secondary{background:#f4b65f1f;color:#f7c982;border:var(--secondary-border);box-shadow:none}.button.tertiary{background:transparent;color:#caa46b;border:var(--tertiary-border);box-shadow:none;padding:8px 14px;font-size:.88rem}.join-actions{display:grid;grid-template-columns:1fr;align-items:center;gap:10px}.join-actions .button{width:100%}.button:hover{transform:translateY(-1px)}.step-list{display:grid;gap:var(--step-gap);margin:0;padding:0;list-style:none}.step{display:flex;align-items:center;gap:10px;font-size:var(--step-font);color:var(--muted)}.step strong{color:var(--ink)}.step-badge{width:28px;height:28px;border-radius:10px;background:#f4b65f2e;color:#f2b35a;display:grid;place-items:center;font-weight:600;font-size:.8rem;border:none}@media(max-width:480px){.app-shell{align-items:stretch}.phone-frame{width:100%;height:100svh;height:100vh;border-radius:0}}@media(min-width:900px){.phone-frame{max-width:620px}.emoji-rain span{font-size:2rem}:root{--topbar-pad: 48px 40px 24px;--content-pad-top: 28px;--content-pad-x: 44px;--content-pad-bottom: max(8px, env(safe-area-inset-bottom));--content-gap: 40px;--hero-pad: 24px 8px 0;--hero-gap: 6px;--panel-pad: 32px 32px;--panel-gap: 20px;--panel-header-gap: 22px;--button-pad: 18px 24px;--input-pad: 16px 20px}html{font-size:18px}}@keyframes float-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.content>*{opacity:0;animation:float-in .45s ease forwards}.content>:nth-child(1){animation-delay:.02s}.content>:nth-child(2){animation-delay:.1s}.content>:nth-child(3){animation-delay:.18s}@media(prefers-reduced-motion:reduce){.content>*{animation:none;opacity:1;transform:none}.emoji-rain span{animation:none}}.ticket{background:var(--bg-soft);border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.participant-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px 0}.avatar-pill{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;background:#ffffff08;border:none;border-radius:999px;transition:all .2s ease}.avatar-pill.ready{background:#f4b65f1a;border-color:var(--accent)}.avatar-emoji{width:36px;height:36px;display:grid;place-items:center;font-size:1.25rem;background:#ffffff0a;border-radius:50%;border:none;box-shadow:var(--soft-shadow)}.avatar-pill.ready .avatar-emoji{border-color:var(--accent);color:var(--accent)}.avatar-name{font-weight:500;font-size:.95rem}.remove-btn-overlay{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ff3c3c1a;color:#ff6b6b;display:grid;place-items:center;border:none;transition:all .2s;cursor:pointer;z-index:5}.remove-btn-overlay:hover{background:#ff3c3c;color:#fff;transform:scale(1.1)}.waiting-indicator{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.status-text{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.movie-grid::-webkit-scrollbar,.genre-wall::-webkit-scrollbar{width:6px}.movie-grid::-webkit-scrollbar-thumb,.genre-wall::-webkit-scrollbar-thumb{background:var(--outline);border-radius:10px}.movie-grid::-webkit-scrollbar-track,.genre-wall::-webkit-scrollbar-track{background:transparent}