:root{--ink: #0e0d13;--panel: #1a1823;--panel-2: #221f2e;--line: #2e2a3c;--text: #f2efea;--muted: #8b8698;--ticket: #ffd338;--ticket-ink: #171307;--star: #ffb01f;--danger: #ff5c5c;--ok: #59d98e}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--ink);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono{font-family:Space Mono,monospace}#root{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.hdr{padding:18px 16px 10px}.hdr .eyebrow{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ticket)}.hdr h1{font-size:24px;font-weight:700;letter-spacing:-.01em}.hdr .bio{color:var(--muted);font-size:13px;margin-top:2px}.tabs{display:flex;gap:4px;padding:8px 12px;position:sticky;top:0;background:linear-gradient(var(--ink) 85%,transparent);z-index:5}.tabs button{flex:1;padding:9px 2px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);white-space:nowrap;font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer}.tabs button.on{background:var(--panel-2);color:var(--text);border-color:var(--ticket)}.tabs button:focus-visible{outline:2px solid var(--ticket);outline-offset:2px}.page{padding:12px 16px 90px;flex:1}.fanpass{position:relative;background:var(--ticket);color:var(--ticket-ink);border-radius:14px;padding:16px 18px;margin-bottom:16px;overflow:hidden}.fanpass:before,.fanpass:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--ink);top:50%;transform:translateY(-50%)}.fanpass:before{left:-11px}.fanpass:after{right:-11px}.fanpass .fp-row{display:flex;justify-content:space-between;align-items:baseline}.fanpass .fp-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.fanpass .fp-rank{font-family:Space Mono,monospace;font-size:34px;font-weight:700;line-height:1}.fanpass .fp-stats{display:flex;gap:18px;margin-top:10px;padding-top:10px;border-top:1.5px dashed rgba(23,19,7,.35)}.fanpass .fp-stat b{font-family:Space Mono,monospace;font-size:17px;display:block}.fanpass .fp-stat span{font-size:11px;opacity:.75}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 14px;margin-bottom:10px}.card.priority{border-color:var(--star)}.card .q-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:6px}.badge{font-family:Space Mono,monospace;font-size:10px;padding:2px 7px;border-radius:99px;background:var(--panel-2);border:1px solid var(--line)}.badge.gold{background:#ffb01f26;color:var(--star);border-color:var(--star)}.q-text{font-size:15px}.q-answer{margin-top:8px;padding:9px 11px;background:var(--panel-2);border-radius:9px;font-size:14px;color:var(--text)}.q-answer .who{color:var(--ticket);font-weight:700}textarea,input[type=text]{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font:inherit;resize:none}textarea:focus,input:focus{outline:2px solid var(--ticket);border-color:transparent}.char{text-align:right;font-size:11px;color:var(--muted);margin-top:4px}.btn{display:block;width:100%;padding:13px;border:0;border-radius:12px;background:var(--ticket);color:var(--ticket-ink);font:700 15px Space Grotesk,sans-serif;cursor:pointer;margin-top:10px}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:500}.btn.danger{background:transparent;border:1px solid var(--danger);color:var(--danger);font-weight:500}.btn.star{background:linear-gradient(100deg,var(--star),#ffcf6b)}.btn-row{display:flex;gap:8px}.btn-row .btn{margin-top:8px}.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid var(--line)}.lb-row .rk{font-family:Space Mono,monospace;width:34px;color:var(--muted)}.lb-row.top1 .rk,.lb-row.top1 .pts{color:var(--ticket)}.lb-row.top2 .rk,.lb-row.top3 .rk{color:var(--star)}.lb-row.me{background:var(--panel-2);border-radius:9px;border-bottom:0}.lb-row .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .pts{font-family:Space Mono,monospace}.lb-row .stk{font-size:11px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--ticket);color:var(--text);padding:10px 18px;border-radius:99px;font-size:13px;z-index:50;max-width:90%;text-align:center}.section-label{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.kv b{font-family:Space Mono,monospace}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:12px;background:var(--panel-2);border:1px solid var(--line);padding:4px 10px;border-radius:99px;cursor:pointer;color:var(--text)}.dir-row{display:flex;align-items:center;gap:12px}.dir-avatar{width:40px;height:40px;border-radius:50%;background:var(--panel-2);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ticket);flex-shrink:0}.spin{text-align:center;padding:60px 0;color:var(--muted)}@media (prefers-reduced-motion: no-preference){.card,.fanpass{animation:rise .25s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .45s ease}.splash img{width:100%;height:100%;object-fit:cover}.splash.out{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.splash{transition:none}}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0a090eeb;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{background:var(--ink2);border:1px solid var(--line);border-radius:20px;padding:28px 24px;max-width:340px;text-align:center}.gate-card h2{margin:14px 0 8px;font-size:20px}.gate-card p{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:18px}.gate-card a{color:var(--ticket)}