:root{--cyan:#00f0ff;--magenta:#ff2bd6;--amber:#ffb000;--fg:#e8f6f8;--dim:#7d8a8f}html,body{height:100%;color:var(--fg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}#scene{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#landing{z-index:2;text-align:center;background:radial-gradient(#00000059,#000 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;transition:opacity .6s;display:flex;position:fixed;inset:0;overflow-y:auto}#landing.hidden{opacity:0;pointer-events:none}h1{letter-spacing:.35em;text-shadow:0 0 18px #00f0ff8c,0 0 42px #ff2bd640;margin:0 -.35em 0 0;font-size:clamp(30px,8.5vw,96px);font-weight:200}.line{max-width:34em;color:var(--fg);margin:0;font-size:clamp(15px,2.4vw,19px);font-weight:300;line-height:1.5}.dots{gap:14px;margin:4px 0 8px;display:flex}.dots span{border-radius:50%;width:7px;height:7px;animation:3.2s ease-in-out infinite breathe}.dots span:first-child{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.dots span:nth-child(2){background:var(--magenta);box-shadow:0 0 12px var(--magenta);animation-delay:.4s}.dots span:nth-child(3){background:var(--amber);box-shadow:0 0 12px var(--amber);animation-delay:.8s}@keyframes breathe{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}#enter,#screen.primary{font:inherit;letter-spacing:.12em;color:#000;background:var(--cyan);cursor:pointer;border:0;border-radius:999px;margin-top:10px;padding:16px 40px;font-size:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 24px #00f0ff8c}#screen{font:inherit;letter-spacing:.08em;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 24px;font-size:15px;box-shadow:inset 0 0 0 1px #e8f6f859}#screen:hover{box-shadow:inset 0 0 0 1px var(--cyan)}#enter[hidden],#screen[hidden]{display:none}#enter:hover:not(:disabled),#screen.primary:hover{transform:scale(1.04);box-shadow:0 0 36px #00f0ffcc}#enter:disabled{color:var(--dim);box-shadow:none;cursor:default;background:#1b2426}.note{color:var(--dim);letter-spacing:.04em;margin:0;font-size:14px}#status{min-height:1.2em;color:var(--amber);margin:0;font-size:14px}.fps{color:#7dffb0;pointer-events:none;z-index:10;font:12px monospace;position:fixed;bottom:8px;left:8px}#share{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:5;font:inherit;letter-spacing:.08em;color:var(--fg);cursor:pointer;background:#0000008c;border:0;border-radius:999px;padding:9px 18px;font-size:14px;position:fixed;box-shadow:inset 0 0 0 1px #00f0ff80}#share[hidden]{display:none}#toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:6;color:#000;background:var(--cyan);opacity:0;pointer-events:none;border-radius:999px;padding:8px 16px;font-size:14px;transition:opacity .3s;position:fixed;transform:translate(-50%)}#toast.visible{opacity:1}#song{flex-direction:column;align-items:center;gap:12px;margin-top:6px;display:flex}#song[hidden]{display:none}#qr{border-radius:10px;width:140px;height:140px;box-shadow:0 0 24px #00f0ff59}#song .row{gap:10px;display:flex}#copy,#send{font:inherit;letter-spacing:.06em;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 18px;font-size:14px;box-shadow:inset 0 0 0 1px #00f0ff80}#send[hidden]{display:none}