@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b0b0c;--paper:#f3f0e9;--lime:#d7ff45;--pink:#ff5c8a;--violet:#8267ff;--muted:#8c8b88;--line:rgba(255,255,255,.13);font-family:Manrope,system-ui,sans-serif;color:#f7f5ee;background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f7f5ee}button,input,select{font:inherit}.brand{display:flex;gap:.7rem;align-items:center;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:1.15rem}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--lime);color:var(--ink);font-family:DM Mono;font-size:1rem}.eyebrow,.step-label{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--lime)}.muted{color:#999894;line-height:1.7}.button{border:1px solid transparent;padding:1rem 1.3rem;border-radius:.25rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink)}.button.ghost{color:inherit;border-color:rgba(255,255,255,.3);background:transparent}.button:hover{transform:translateY(-1px)}.full{width:100%}.landing{min-height:100vh;background:radial-gradient(circle at 85% 0%,#392a57 0,transparent 36%),var(--ink)}.landing-wrap{max-width:1320px;margin:auto;padding:2rem 4vw}.hero{padding:12vh 0 9vh;position:relative}.hero:after{content:'✦';position:absolute;right:10%;top:17%;font-size:13rem;color:var(--lime);line-height:1;filter:drop-shadow(35px 50px 0 var(--pink));opacity:.95}.hero h1,.admin-title h1{font-size:clamp(4rem,9vw,9rem);line-height:.85;letter-spacing:-.085em;margin:1.5rem 0 2.5rem;max-width:1000px}.hero h1 em,.admin-title h1 em{font-weight:400;color:var(--lime)}.hero-copy{font-size:1.1rem;line-height:1.7;max-width:530px;color:#aaa9a5}.hero-actions{display:flex;gap:1rem;margin-top:2.5rem}.steps{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.steps article{padding:2rem;border-right:1px solid var(--line);position:relative}.steps article:first-child{padding-left:0}.steps b{font-family:DM Mono;color:#666;margin-right:1.5rem}.steps span{font-weight:700;font-size:1.1rem}.steps p{color:#888;font-size:.9rem;margin:.7rem 0 0 3.4rem}.admin-link{display:block;color:#777;font-size:.8rem;margin-top:3rem}.screen-page{overflow:hidden}.screen{height:100vh;padding:3vh 4vw;position:relative;background:radial-gradient(circle at 78% 25%,rgba(130,103,255,.22),transparent 28%),var(--ink)}.screen:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.screen-header,.screen-footer{display:flex;align-items:center;justify-content:space-between;position:absolute;left:4vw;right:4vw;z-index:5}.screen-header{top:3vh}.screen-footer{bottom:3vh;font:500 .65rem DM Mono;letter-spacing:.15em;color:#5f5f5e}.connection-pill{font:500 .65rem DM Mono;text-transform:uppercase;letter-spacing:.08em;border:1px solid #484847;padding:.6rem .8rem;border-radius:3rem;color:#777}.connection-pill.online{color:var(--lime);border-color:rgba(215,255,69,.35)}.screen-state{display:none;position:absolute;inset:0;padding:14vh 8vw 10vh;z-index:2}.screen-state.active{display:flex;flex-direction:column;justify-content:center}.screen-state h1,.screen-state h2{font-size:clamp(4rem,8.4vw,9rem);line-height:.88;letter-spacing:-.075em;margin:1rem 0}.join-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-top:1px solid var(--line);margin-top:4vh;padding-top:2.2rem}.join-grid span{display:block;color:#777;text-transform:uppercase;font:500 .65rem DM Mono;letter-spacing:.12em;margin-bottom:.7rem}.join-grid strong{font-size:1.15rem}.join-grid .room-block{text-align:right}.join-grid .room-block strong{font:500 clamp(4rem,8vw,8rem) DM Mono;letter-spacing:.12em;color:var(--lime)}#ready,#ended{text-align:center;align-items:center}.orb{width:6rem;height:6rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 25px rgba(215,255,69,.05),0 0 0 55px rgba(215,255,69,.025);margin-bottom:2rem;animation:pulse 2s infinite}@keyframes pulse{50%{transform:scale(.9);box-shadow:0 0 0 35px rgba(215,255,69,.07),0 0 0 70px rgba(215,255,69,.02)}}.loader{display:flex;gap:1rem}.loader i{display:block;width:1rem;height:1rem;background:var(--lime);border-radius:50%;animation:blink 1s infinite}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.15;transform:translateY(-8px)}}.video-state{padding:0!important;background:#000}.video-state iframe,#yt-player{width:100%;height:100%;border:0}#yt-player{opacity:0;transition:opacity .3s ease}#yt-player.yt-visible{opacity:1}.video-shade{position:absolute;inset:0;box-shadow:inset 0 0 8vw #000;pointer-events:none}.timeline-line{width:min(700px,70vw);height:2px;background:#444;margin:4rem auto;display:flex;justify-content:space-between}.timeline-line i{width:12px;height:12px;background:var(--ink);border:2px solid var(--lime);border-radius:50%;transform:translateY(-5px)}.reveal-state{text-align:left;background:var(--lime);color:var(--ink)}.reveal-state .eyebrow{color:#5a690e}.reveal-state h2{max-width:75%;position:relative;z-index:2}.giant-year{position:absolute;right:5vw;bottom:2vh;font-size:clamp(12rem,29vw,32rem);font-weight:800;letter-spacing:-.12em;line-height:.8;color:rgba(11,11,12,.1)}.reveal-state .muted{color:#56630f}.phone-shell{width:min(100%,520px);margin:auto;min-height:100vh;padding:1.5rem 1.3rem;display:flex;flex-direction:column;background:radial-gradient(circle at 120% 20%,rgba(130,103,255,.22),transparent 38%),var(--ink)}.phone-shell>header{display:flex;justify-content:space-between;align-items:center}.tiny-status{font:500 .65rem DM Mono;color:#777}.tiny-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#666}.tiny-status.online{color:var(--lime)}.tiny-status.online i{background:var(--lime)}.phone-view{display:none;flex:1;padding-top:10vh}.phone-view.active{display:block}.phone-view h1,.phone-view h2{font-size:clamp(3.2rem,16vw,5rem);line-height:.91;letter-spacing:-.07em;margin:1.2rem 0 1.5rem}.phone-view form{margin-top:3rem}.phone-view label,.card-editor label{display:grid;gap:.55rem;text-transform:uppercase;letter-spacing:.1em;font:500 .63rem DM Mono;color:#8c8b88}.phone-view input,.card-editor input,.card-editor select,.search-form input{width:100%;background:#171718;border:1px solid #343435;color:#fff;border-radius:.25rem;padding:1rem;outline:none}.room-input{font:500 3rem DM Mono!important;letter-spacing:.25em;text-align:center;margin:.5rem 0 1rem}.form-error{min-height:1.2rem;color:#ff7b9f;font-size:.8rem}.scanner{height:35vh;min-height:250px;background:#171718;position:relative;border:1px solid #343435;overflow:hidden;display:grid;place-items:center}.scanner video{width:100%;height:100%;object-fit:cover;display:none}.scanner.camera-on video{display:block}.camera-button{background:transparent;border:1px solid #555;color:#fff;padding:.8rem 1rem;border-radius:2rem;position:absolute}.camera-on .camera-button{display:none}.scan-frame{position:absolute;width:55%;aspect-ratio:1;display:none}.camera-on .scan-frame{display:block}.scan-frame i{position:absolute;width:28px;height:28px;border-color:var(--lime)}.scan-frame i:nth-child(1){left:0;top:0;border-left:3px solid var(--lime);border-top:3px solid var(--lime)}.scan-frame i:nth-child(2){right:0;top:0;border-right:3px solid var(--lime);border-top:3px solid var(--lime)}.scan-frame i:nth-child(3){left:0;bottom:0;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime)}.scan-frame i:nth-child(4){right:0;bottom:0;border-right:3px solid var(--lime);border-bottom:3px solid var(--lime)}.divider{text-align:center;border-top:1px solid #29292a;margin:2rem 0;line-height:0}.divider span{background:var(--ink);padding:0 .8rem;color:#666;font-size:.7rem}.inline-form{display:flex!important;margin:0!important}.inline-form input{border:1px solid #343435;background:#171718;color:#fff;padding:1rem;flex:1}.inline-form button{width:3.5rem;background:var(--lime);border:0;font-size:1.4rem}.center-view{text-align:center;padding-top:18vh}.pulse-icon{margin:0 auto 3rem;width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);box-shadow:0 0 0 18px rgba(215,255,69,.07),0 0 0 38px rgba(215,255,69,.03)}.bottom-action{margin-top:10vh}.phone-year{font:500 6rem DM Mono;color:var(--lime);letter-spacing:-.08em}.admin-page{background:var(--paper);color:var(--ink)}.admin-header{height:80px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfccc5}.admin-header div{display:flex;gap:2rem}.admin-header a{color:inherit;text-decoration:none;font-size:.8rem;font-weight:700}.admin-wrap{max-width:1400px;margin:auto;padding:5rem 4vw}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:5rem}.admin-title h1{font-size:clamp(4rem,8vw,7rem);margin:.8rem 0 0}.admin-title h1 em{color:#6550da}.admin-title>.eyebrow{color:#6550da}.admin-title>p{width:350px;line-height:1.7;color:#686763}.admin-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(500px,1.4fr);gap:1.2rem}.panel{background:#fff;border:1px solid #d8d5ce;padding:1.5rem}.panel-title{display:flex;gap:1rem;align-items:center;border-bottom:1px solid #e5e2dc;padding-bottom:1.2rem}.panel-title span{font:500 .65rem DM Mono;color:#777}.panel-title h2{font-size:1rem;margin:0}.search-form{display:flex;margin:1.5rem 0 .5rem}.search-form input{background:#f4f2ed;color:#111;border-color:#ddd}.search-form button{width:3.5rem;background:var(--ink);color:#fff;border:0;font-size:1.5rem}.results{max-height:650px;overflow:auto}.result-item{width:100%;border:0;border-bottom:1px solid #eee;background:#fff;display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;text-align:left;padding:.7rem 0;cursor:pointer}.result-item:hover{background:#f8f7f3}.result-item img,.poster-fallback{width:48px;height:66px;object-fit:cover;background:#ddd;display:grid;place-items:center}.result-item span span{display:block}.result-item strong{display:block;font-size:.86rem}.result-item small{display:block;color:#888;margin-top:.25rem}.empty-editor{height:550px;display:grid;place-content:center;text-align:center;color:#999}.empty-editor div{font-size:4rem;color:#bbb}.hidden{display:none!important}.selected-media{display:flex;gap:1.2rem;margin:1.5rem 0}.selected-media img{width:86px;height:120px;object-fit:cover;background:#eee}.selected-media h3{font-size:1.5rem;margin:.65rem 0 .3rem}.selected-media p{margin:0;color:#777;font-size:.8rem}.media-badge{display:inline-block;font:500 .58rem DM Mono;letter-spacing:.1em;background:var(--lime);padding:.3rem .5rem}.card-editor>label{margin:1rem 0}.admin-player{aspect-ratio:16/9;background:#111;margin:1.2rem 0}.admin-player iframe{width:100%;height:100%}.time-grid,.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.mini-button{border:0;background:transparent;text-align:left;padding:0;color:#6550da;font-size:.65rem;cursor:pointer}.editor-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.editor-actions .ghost{color:var(--ink);border-color:#bbb}.save-message{font-size:.8rem;color:#586b0c}.library{margin-top:6rem}.library-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ccc;padding-bottom:1rem}.library-head h2{font-size:2.5rem;margin:.3rem 0}.library-head .eyebrow{color:#6550da}.library-head>span{font:500 .7rem DM Mono}.card-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.card-list article{min-height:230px;background:var(--ink);color:#fff;padding:1.2rem;position:relative}.card-list article>div{display:flex;justify-content:space-between}.card-id{font:500 .7rem DM Mono;color:#999}.card-list h3{font-size:1.4rem;margin:3rem 0 .3rem}.card-list article>strong{font:500 2rem DM Mono;color:var(--lime)}.card-list p{font-size:.7rem;color:#777}.card-list button{position:absolute;right:1rem;bottom:1rem;border:0;background:transparent;color:#777;font-size:1.2rem;cursor:pointer}
@media(max-width:800px){.hero:after{display:none}.hero{padding-top:15vh}.hero-actions{flex-direction:column}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.join-grid{grid-template-columns:1fr}.join-grid .room-block{text-align:left;margin-top:2rem}.screen-state{padding-left:6vw;padding-right:6vw}.admin-title{display:block}.admin-title>p{width:auto}.admin-grid{grid-template-columns:1fr}.card-list{grid-template-columns:repeat(2,1fr)}.admin-header div{display:none}}@media(max-width:480px){.card-list{grid-template-columns:1fr}.time-grid,.form-grid{grid-template-columns:1fr}.editor-actions{flex-direction:column}.admin-wrap{padding-top:3rem}}
.mode-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:#686866;font:500 .62rem DM Mono;text-transform:uppercase;letter-spacing:.08em}.mode-divider:before,.mode-divider:after{content:'';height:1px;background:#29292a;flex:1}.solo-button{background:#1a1a1b;color:#fff;border:1px solid #383839;text-align:left}.solo-button span{display:grid;gap:.25rem}.solo-button small{font-weight:400;color:#858582}.local-player-wrap{display:none;position:relative;width:calc(100% + 2.6rem);margin:-7vh -1.3rem 2rem;aspect-ratio:16/10;background:#000;overflow:hidden}.local-player-wrap.enabled{display:block}.local-player-wrap iframe,#phone-yt-player{width:100%;height:100%;border:0;opacity:0;transition:opacity .3s ease}.local-player-wrap #phone-yt-player.yt-visible{opacity:1}.local-video-mask{position:absolute;inset:0;display:grid;place-items:center;background:#101011;transition:opacity .2s}.local-video-mask button{display:grid;place-items:center;gap:.65rem;background:transparent;border:0;color:#fff;font:500 .7rem DM Mono;text-transform:uppercase;letter-spacing:.08em}.local-video-mask button span{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--lime);color:var(--ink);font-size:1.1rem}.local-player-wrap:has(#phone-yt-player.yt-visible) .local-video-mask{opacity:0;pointer-events:none}.local-player-wrap.clip-finished .local-video-mask{opacity:1;background:var(--ink);pointer-events:none}.local-player-wrap.clip-finished .local-video-mask button{display:none}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}
.playback-fallback{display:none;margin-top:2rem;width:max-content;padding:.9rem 1.2rem;border:1px solid var(--lime);background:transparent;color:var(--lime);font:500 .75rem DM Mono;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.playback-fallback.visible{display:block}