:root{--bg: #07090d;--bg-1: #0b0e14;--bg-2: #10141c;--line: #1c2230;--line-bright: #2a3346;--ink: #e7ebf2;--ink-dim: #8a93a6;--ink-faint: #59607239;--blue: #1e5aff;--blue-bright: #4d82ff;--cyan: #17b3c9;--primary: #1e5aff;--danger: #ff5a5a;--ok: #33d17a;--radius: 4px;--pad: 16px;--font-display: "Unbounded", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.15;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%)}.app{position:relative;max-width:620px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.hdr{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px var(--pad);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.hdr__back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-bright);background:var(--bg-1);color:var(--ink);width:34px;height:34px;border-radius:var(--radius);font-size:16px;cursor:pointer;display:grid;place-items:center;flex:none}.hdr__back:active{background:var(--bg-2)}.hdr__title{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.screen{flex:1;padding:var(--pad);padding-bottom:40px;animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue-bright)}.h1{font-family:var(--font-display);font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-.01em;margin:8px 0 6px}.h2{font-family:var(--font-display);font-weight:600;font-size:19px;margin:0 0 4px}.lead{color:var(--ink-dim);font-size:14px;white-space:pre-line}.brand{text-align:center;padding:34px 0 26px}.brand__mark{width:64px;height:64px;margin:0 auto 16px;display:block;object-fit:contain;border-radius:14px;filter:drop-shadow(0 0 44px color-mix(in srgb,var(--blue) 45%,transparent))}.brand__name{font-family:var(--font-display);font-weight:800;font-size:34px;letter-spacing:.02em}.brand__name b{color:var(--blue-bright)}.brand__sub{margin-top:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:10px;margin-top:18px}.card{--a: var(--blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;border:1px solid var(--line);border-left:2px solid var(--a);background:var(--bg-1);color:var(--ink);border-radius:var(--radius);padding:15px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .12s,border-color .12s}.card:active{background:var(--bg-2);border-color:var(--line-bright)}.card__body{flex:1;min-width:0}.card__kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--a)}.card__title{font-family:var(--font-display);font-weight:600;font-size:16px;margin:3px 0 2px}.card__desc{font-size:13px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__arrow{font-family:var(--font-mono);color:var(--ink-dim);flex:none}.card--cyan{--a: var(--cyan)}.card--primary{--a: var(--primary)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--blue);background:var(--blue);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:15px 16px;border-radius:var(--radius);cursor:pointer}.btn:active{background:var(--blue-bright)}.btn[disabled]{opacity:.45;cursor:default}.btn--ghost{background:var(--bg-1);color:var(--ink);border-color:var(--line-bright)}.btn--ghost:active{background:var(--bg-2)}.btn-row{display:flex;flex-direction:column;gap:10px;margin-top:22px}.gate{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--pad);gap:6px}.gate .brand__mark{margin-bottom:22px}.gate__title{font-family:var(--font-display);font-weight:800;font-size:26px}.gate__text{color:var(--ink-dim);font-size:14px;max-width:30ch}.gate__channel{font-family:var(--font-mono);color:var(--blue-bright);font-size:14px;margin-top:2px}.gate__fail{color:var(--danger);font-size:12px;font-family:var(--font-mono);margin-top:8px;max-width:32ch}.gate .btn-row{width:100%;max-width:340px;margin-top:26px}.loader{min-height:100dvh;display:grid;place-items:center}.loader span{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:.3}}.mv__frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16 / 9;margin-bottom:14px}.mv__frame iframe,.mv__frame video{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}.mv__ext{border:1px dashed var(--line-bright);border-radius:var(--radius);padding:22px 16px;text-align:center;color:var(--ink-dim);font-size:13px;margin-bottom:14px}.mv__desc{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:13px;line-height:1.6;white-space:pre-line}.mv__soon{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 18px;border:1px solid var(--line);border-radius:var(--radius);background:repeating-linear-gradient(-45deg,var(--bg-1),var(--bg-1) 10px,var(--bg-2) 10px,var(--bg-2) 20px);margin-bottom:14px}.mv__soon b{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink)}.mv__soon span{font-size:12px;color:var(--ink-dim);max-width:32ch}.mv__soon-mark{color:var(--cyan);font-size:10px;animation:blink 1.4s steps(1) infinite}.perks{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.perks li{background:var(--bg-1);padding:12px 14px;font-size:13px;display:flex;gap:10px}.perks li:before{content:"✓";font-size:12px;color:var(--cyan);flex:none;margin-top:1px}.field{margin-top:16px}.field__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);display:block;margin-bottom:7px}.input,.textarea{width:100%;background:var(--bg-1);border:1px solid var(--line-bright);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:15px;padding:12px;outline:none}.input:focus,.textarea:focus{border-color:var(--blue)}.textarea{min-height:92px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-bright);background:var(--bg-1);color:var(--ink-dim);font-family:var(--font-mono);font-size:12px;padding:8px 12px;border-radius:var(--radius);cursor:pointer}.chip[aria-pressed=true]{border-color:var(--blue);color:#fff;background:color-mix(in srgb,var(--blue) 18%,var(--bg-1))}.success{text-align:center;padding:60px 16px}.success .h1{color:var(--ok)}.footnote{margin-top:28px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;text-align:center;opacity:.6}.dev-badge{position:fixed;bottom:8px;left:8px;z-index:100;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--danger);border:1px solid var(--danger);padding:2px 6px;border-radius:3px;background:var(--bg);opacity:.7}
