:root{--bg:#0a0e14;--bg-raised:#10151d;--card:#141a24;--card-border:#232c3b;--text:#eef2f7;--text-dim:#93a1b5;--accent:#4f83c2;--accent-strong:#6ea3dd;--accent-soft:rgba(79,131,194,0.16);--danger:#d66a6a;--radius:18px;--font:"Nunito","Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.shell{max-width:680px;margin:0 auto;padding:0 16px 96px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 4px 10px;background:linear-gradient(var(--bg) 78%,transparent)}.wordmark{font-size:22px;font-weight:800;letter-spacing:.2px;color:var(--text)}.wordmark .on{color:var(--accent-strong)}.tagline{font-size:12px;color:var(--text-dim)}.mainnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:4px;background:rgba(13,18,26,.96);border-top:1px solid var(--card-border);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mainnav a{color:var(--text-dim);font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px}.mainnav a:hover{color:var(--text);text-decoration:none;background:var(--accent-soft)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px;margin:14px 0}.card h2{margin:0 0 8px;font-size:18px}.muted{color:var(--text-dim)}.small{font-size:13px}.btn{display:inline-block;background:var(--accent);color:#fff;border:0;font:inherit;font-weight:800;border-radius:999px;padding:10px 22px;cursor:pointer}.btn:hover{background:var(--accent-strong);text-decoration:none}.btn.secondary{background:transparent;border:1px solid var(--card-border);color:var(--text)}.empty{border:1px dashed var(--card-border);border-radius:var(--radius);padding:28px 18px;text-align:center;color:var(--text-dim);margin:14px 0}.banner{height:168px;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(135deg,#1b2940,#0f1622 60%,#131c2b)}.avatar-ring{width:96px;height:96px;border-radius:50%;border:3px solid var(--accent);background:var(--bg-raised);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:var(--accent-strong);overflow:hidden;flex:none}.avatar-ring img{width:100%;height:100%;object-fit:cover}.profile-head{display:flex;gap:14px;align-items:flex-end;margin-top:-48px;padding:0 6px}.verified{color:var(--accent-strong);font-size:16px;vertical-align:middle}.stats{display:flex;gap:22px;margin:14px 6px;flex-wrap:wrap}.stats .num{font-weight:800}.stats .lbl{color:var(--text-dim);font-size:12px;display:block}.chip{display:inline-block;border:1px solid var(--card-border);color:var(--text);border-radius:999px;padding:5px 12px;font-size:13px;margin:0 6px 6px 0;background:var(--bg-raised)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--card-border);margin-top:10px}.tabs span{padding:10px 14px;font-weight:800;color:var(--text-dim)}.tabs span.active{color:var(--text);border-bottom:2px solid var(--accent)}.pill{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;cursor:pointer;font:inherit;text-align:left;border-radius:999px;padding:14px 20px;margin:8px 0;color:#fff;font-weight:800;background:var(--accent)}.pill.green{background:#3f7d5c}.pill.slate{background:#3c4b63}.pill.gold{background:#8a6d3b}.pill.highlight{outline:2px solid var(--accent-strong);outline-offset:2px}.bundle-pill{background:var(--bg-raised);border:1px solid var(--card-border);color:var(--text)}.off{color:var(--accent-strong);font-weight:800}.locked-tile{border-radius:var(--radius);border:1px solid var(--card-border);background:repeating-linear-gradient(135deg,#131a26,#131a26 10px,#10151f 0,#10151f 20px);padding:34px 18px;text-align:center;color:var(--text-dim)}.receipt-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--card-border)}.receipt-row:last-child{border-bottom:0}.input{width:100%;background:var(--bg-raised);color:var(--text);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px;font:inherit;margin:6px 0}.input:focus{outline:2px solid var(--accent);outline-offset:0}.mini-btn{background:transparent;border:1px solid var(--card-border);color:var(--text-dim);font:inherit;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;cursor:pointer}.mini-btn:hover{color:var(--text);border-color:var(--accent)}.post-footer{display:flex;margin-top:10px;flex-wrap:wrap}.icon-btn,.post-footer{align-items:center;gap:6px}.icon-btn{background:transparent;border:0;color:var(--text);font:inherit;font-size:16px;cursor:pointer;padding:6px 10px;border-radius:999px;display:inline-flex}.icon-btn:hover{background:var(--accent-soft);text-decoration:none}.icon-btn span{font-size:13px;font-weight:700;color:var(--text-dim)}.super-count{color:var(--accent-strong)!important}.pay-panel{border:1px solid var(--card-border);border-radius:12px;background:var(--bg-raised);padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.comments{margin-top:8px;border-top:1px solid var(--card-border)}.comment{padding:10px 0;border-bottom:1px solid var(--card-border)}.comment:last-of-type{border-bottom:0}.comment-head{display:flex;align-items:center;gap:6px}.pin-badge{background:var(--accent-soft);color:var(--accent-strong);font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}.comment-actions{display:flex;gap:6px}.thread-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:14px 16px;margin:10px 0;color:var(--text)}.thread-row:hover{text-decoration:none;border-color:var(--accent)}.thread-main{display:flex;flex-direction:column;gap:2px;min-width:0}.thread-preview{color:var(--text-dim);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.thread-side{display:flex;align-items:center;gap:8px}.unread-badge{background:var(--accent);color:#fff;font-size:12px;font-weight:800;border-radius:999px;min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-strong);flex:none}.thread-tools{display:flex;gap:6px;margin-bottom:10px}.msg-list{flex-direction:column;gap:8px;margin:10px 0}.bubble-row,.msg-list{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{background:var(--bg-raised);border:1px solid var(--card-border);border-radius:16px;padding:10px 12px;max-width:82%}.bubble-row.mine .bubble{background:var(--accent-soft);border-color:var(--accent)}.bubble.locked-bubble{text-align:center;min-width:200px}.bubble-meta{color:var(--text-dim);font-size:11px;margin-top:4px;text-align:right}.bubble-actions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.quote{border-left:3px solid var(--accent);padding:4px 8px;margin-bottom:6px;background:rgba(0,0,0,.18);border-radius:6px}.quote,.quote-banner{color:var(--text-dim);font-size:13px}.quote-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--card-border);border-radius:12px;padding:8px 12px;margin:8px 0}.reactions{display:flex;gap:6px;margin-top:6px}.reactions span{background:var(--bg);border:1px solid var(--card-border);border-radius:999px;padding:2px 8px;font-size:12px}.reactions span.mine{border-color:var(--accent);color:var(--accent-strong)}.composer{display:flex;gap:8px;align-items:center;margin-top:10px}.composer .input{margin:0}.notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--card-border)}.notif-row:last-of-type{border-bottom:0}.pref-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--card-border);cursor:pointer}.pref-row:last-child{border-bottom:0}.pref-row input{width:20px;height:20px;accent-color:var(--accent)}