*{box-sizing:border-box}body,html{margin:0;height:100%;background:#010102;color:#d8dae4;overflow:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}main{position:fixed;inset:0}.stage{width:100%;height:100%;display:block}.gate,.stage{position:absolute;inset:0}.gate{justify-content:center;padding:24px;overflow-y:auto;background:radial-gradient(ellipse at 50% 55%,rgba(0,0,0,.78) 0,rgba(0,0,0,.45) 55%,rgba(0,0,0,.2) 100%)}.gate,.gate-inner{display:flex;align-items:center}.gate-inner{flex-direction:column;gap:14px;text-align:center;max-width:520px;margin:auto}.eyebrow{font-size:.7rem;letter-spacing:.35em;opacity:.55}.eyebrow,.gate h1{margin:0;text-transform:uppercase}.gate h1{font-size:clamp(2.2rem,9vw,4.2rem);font-weight:600;letter-spacing:.4em;padding-left:.4em;color:#f4f5fa;text-shadow:0 0 40px rgba(120,140,255,.35)}.lead{margin:0;font-size:.95rem;line-height:1.6;opacity:.8;max-width:38ch}.steps{list-style:none;margin:10px 0 4px;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%}.steps li{display:flex;gap:14px;align-items:baseline;padding:10px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;font-size:.85rem;line-height:1.45}.steps b{font-weight:500;font-size:.7rem;letter-spacing:.2em;color:#8aa2ff}.fine{font-size:.72rem;opacity:.5}.fine,.gate .warn{margin:0;max-width:44ch;line-height:1.5}.gate .warn{font-size:.7rem;opacity:.6}.enter{margin-top:8px;font-size:.8rem;letter-spacing:.45em;padding:12px 56px 12px calc(56px + .45em);text-transform:uppercase;background:transparent;color:#f4f5fa;border:1px solid rgba(255,255,255,.55);border-radius:0;transition:background .2s,color .2s,box-shadow .2s}.enter:hover{background:#f4f5fa;color:#000;box-shadow:0 0 30px rgba(140,160,255,.5)}.brand{position:absolute;top:16px;left:16px;font-size:.65rem;letter-spacing:.45em;text-transform:uppercase;opacity:.55;transition:opacity .5s;z-index:5;pointer-events:none}.brand.hidden{opacity:0}.dock{position:absolute;left:16px;bottom:16px;width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .5s,transform .5s;z-index:5}.dock.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.lbl{font-size:.68rem;letter-spacing:.08em;white-space:nowrap}.lbl,.note{opacity:.55}.note{margin:0;font-size:.7rem}.error{margin:0;font-size:.75rem;color:#ff6b6b}.btn,button,input[type=url]{font:inherit;font-size:.72rem;color:inherit;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);cursor:pointer}input[type=url]{flex:1 1;min-width:0;cursor:text}.btn:hover,button:hover{border-color:rgba(255,255,255,.35)}.btn.on,button.on{background:#e9eaf0;color:#000;border-color:#e9eaf0}input[type=range]{flex:1 1;accent-color:#e9eaf0}.check{gap:6px;font-size:.72rem;opacity:.8}.check,.meter{display:flex;align-items:center}.meter{gap:8px;font-size:.68rem}.meter .bars{flex:1 1;display:grid;grid-gap:3px;gap:3px}.meter .bars i{display:block;height:3px;border-radius:2px;background:#e9eaf0;transform-origin:left;transform:scaleX(0);opacity:.8}.meter>b{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12)}.meter.beat>b{background:#fff;box-shadow:0 0 8px #fff}.meter .bpm{min-width:84px;text-align:right;opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player{bottom:16px;width:min(320px,60vw);aspect-ratio:16/9;min-width:200px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.file-player,.player{position:absolute;right:16px;z-index:4}.file-player{top:16px;width:min(300px,calc(100% - 32px))}.hidden.file-player{opacity:0;pointer-events:none}@media (max-width:600px){.player{bottom:auto;top:16px}}.diag{width:100%;height:36px;background:rgba(255,255,255,.04);border-radius:4px}.fb-wrap{position:absolute;top:16px;right:16px;z-index:6;transition:opacity .5s}.fb-wrap.hidden{opacity:0;pointer-events:none}.fb{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fb-toggle{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7;background:rgba(0,0,0,.45)}.fb-panel{width:min(300px,calc(100vw - 32px));flex-direction:column;padding:12px;border-radius:10px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fb-panel,.fb-votes{display:flex;gap:8px}.fb-votes button{flex:1 1;font-size:1.1rem;padding:8px}.fb-reasons{display:flex;flex-wrap:wrap;gap:6px}.fb-panel input[type=email],.fb-panel textarea{font:inherit;font-size:.78rem;color:inherit;padding:8px 10px;border-radius:6px;width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);resize:none}.fb-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.fb-fine{margin:0;font-size:.65rem;line-height:1.5;opacity:.5}.fb-done{margin:4px 0;font-size:.82rem}.fb-send{align-self:flex-end}.fb-send:disabled{opacity:.4;cursor:default}.msgs{position:static;padding:32px 20px 64px;max-width:720px;margin:0 auto;overflow-y:auto;height:100%}.msgs h1{font-size:1.1rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500}.msgs-sum{opacity:.7;font-size:.85rem}.msgs ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.msgs li{padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.03)}.msgs-head{display:flex;gap:10px;align-items:baseline;font-size:.78rem;opacity:.8}.msgs-head em{font-style:normal;color:#8aa2ff}.msgs li p{margin:8px 0 6px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.msgs small{opacity:.5;font-size:.7rem}.priv h2{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin:28px 0 8px;opacity:.8}.priv li,.priv p{font-size:.88rem;line-height:1.65;opacity:.85}.priv ul{display:block;padding-left:18px;list-style:disc}.priv li{margin-bottom:8px;border:0;background:none;padding:0}.fb-fine a,.fine a,.priv a{color:#8aa2ff;text-decoration:underline}.gate .credit{margin:6px 0 0;font-size:.68rem;letter-spacing:.08em;opacity:.45}.gate .credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.gate .credit a:hover{opacity:1;color:#8aa2ff}.welcome{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.welcome-box{max-width:420px;width:100%;padding:26px 24px;border-radius:12px;text-align:center;background:rgba(8,8,14,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 60px rgba(100,120,255,.15)}.welcome-box h2{margin:10px 0 12px;font-size:1.15rem;font-weight:600;line-height:1.35}.welcome-box p{margin:0;font-size:.86rem;line-height:1.6;opacity:.8}.welcome-box .eyebrow{margin:0;opacity:.55}.welcome-actions{margin-top:20px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.welcome-actions button{padding:9px 18px;font-size:.8rem}.welcome-go{background:#e9eaf0;color:#000;border-color:#e9eaf0}