:root{color-scheme:dark;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;background:#050708;color:#e6f4e8;--bg-primary: #050708;--panel-surface: #0c1214;--panel-strong: #1a262c;--border-strong: #1f2f36;--text-main: #e6f4e8;--text-muted: #83a59d;--accent-primary: #2dd4bf;--accent-strong: #38bdf8;--accent-glow: #27c499;--accent-soft: rgba(45, 212, 191, .08);--accent-border: #1f9f83;--moon-color: #2dd4bf;--moon-soft: rgba(45, 212, 191, .16);--moon-strong: rgba(45, 212, 191, .8);--dump-color: #f87171;--dump-soft: rgba(248, 113, 113, .18);--dump-strong: rgba(248, 113, 113, .7);--site-card-accent: var(--accent-primary);--site-card-accent-rgb: 45, 212, 191;--user-comment-accent: var(--accent-primary);--user-comment-accent-rgb: 45, 212, 191;--bg: var(--bg-primary);--panel: var(--panel-surface);--border: var(--border-strong);--text: var(--text-main);--muted: var(--text-muted);--pill-bg: var(--accent-soft);--pill-border: var(--accent-border);--accent: var(--accent-primary);--accent-2: var(--accent-strong);--glow: var(--accent-glow)}html,body,#root{height:100%;width:100%}[data-theme=light]{color-scheme:light;background:#f4f7fb;--bg-primary: #f4f7fb;--panel-surface: #ffffff;--panel-strong: #edf2fb;--border-strong: #d5deec;--text-main: #142033;--text-muted: #5a6778;--accent-primary: #2f6fed;--accent-strong: #1f4fd6;--accent-glow: #3a7af7;--accent-soft: rgba(47, 111, 237, .14);--accent-border: rgba(47, 111, 237, .35);--moon-color: #0f766e;--moon-soft: rgba(15, 118, 110, .12);--moon-strong: rgba(15, 118, 110, .8);--dump-color: #c2412f;--dump-soft: rgba(194, 65, 47, .14);--dump-strong: rgba(194, 65, 47, .8);--site-card-accent: var(--accent-primary);--site-card-accent-rgb: 47, 111, 237;--user-comment-accent: var(--accent-primary);--user-comment-accent-rgb: 47, 111, 237;--shadow-soft: 0 10px 24px rgba(15, 23, 42, .08);--shadow-card: 0 16px 34px rgba(15, 23, 42, .14);--bg: var(--bg-primary);--panel: var(--panel-surface);--border: var(--border-strong);--text: var(--text-main);--muted: var(--text-muted);--pill-bg: var(--accent-soft);--pill-border: var(--accent-border);--accent: var(--accent-primary);--accent-2: var(--accent-strong);--glow: var(--accent-glow)}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,var(--accent-soft),transparent 1px),var(--bg);background-size:100% 18px,24px 24px,auto;text-rendering:optimizeLegibility}[data-theme=light] body{background:radial-gradient(circle at 12% 8%,rgba(47,111,237,.18),transparent 45%),radial-gradient(circle at 80% 12%,rgba(15,118,110,.14),transparent 45%),radial-gradient(circle at 80% 85%,rgba(251,191,36,.1),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.92),transparent 45%),var(--bg);background-size:auto}.page{width:100%;max-width:none;margin:0;padding:32px 24px 64px;min-height:100vh;box-sizing:border-box}.sticky-shell{position:sticky;top:0;z-index:20;background:#050708f2;border-bottom:1px solid var(--border);box-shadow:0 0 0 1px #27c49926,0 20px 35px #00000073}[data-theme=light] .sticky-shell{background:#ffffffeb;box-shadow:0 8px 24px #0f172a14}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;border-left:3px solid var(--site-card-accent);padding-left:16px;text-transform:uppercase}.hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.top-row{margin:20px 0 8px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}.connection-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:#ffffff05;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.connection-dot{width:8px;height:8px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.connection-time{margin-left:4px;color:var(--muted);font-size:11px;text-transform:none;letter-spacing:0}.connection-live{border-color:#4ade808c;background:#4ade8014}.connection-live .connection-dot{background:#4ade80;box-shadow:0 0 0 4px #4ade8033}.connection-reconnecting{border-color:#60a5fa8c;background:#60a5fa1a}.connection-reconnecting .connection-dot{background:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.connection-offline{border-color:#f871718c;background:#f871711a}.connection-offline .connection-dot{background:#f87171;box-shadow:0 0 0 4px #f8717133}.tabs{display:flex;gap:8px;background:transparent;padding:6px 8px;border-radius:8px;border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--accent-soft)}[data-theme=light] .tabs{background:#ffffffeb;box-shadow:0 12px 24px #0f172a14}[data-theme=light] .connection-pill{background:#fffffff0}.tab{background:#ffffff05;border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;position:relative}[data-theme=light] .tab{background:linear-gradient(180deg,#fffffffa,#f2f7ffe6);border-color:#0f172a1a;box-shadow:inset 0 0 0 1px #ffffffb3}.tab-active{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 8px 25px #00000059}[data-theme=light] .tab-active{background:linear-gradient(135deg,#2f6fed38,#1f4fd61f);box-shadow:inset 0 0 0 1px #2f6fed4d,var(--shadow-soft)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#8fae9f;font-size:12px;margin:0 0 4px}h1{margin:0 0 8px;font-size:32px;letter-spacing:1px}.muted{color:var(--muted);margin:0}.unread-pill{margin-left:8px;background:#38bdf826;border-color:#38bdf880}.tab-badge{position:absolute;top:-10px;right:-10px;min-width:18px;height:18px;padding:1px 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--panel);box-shadow:0 4px 12px #00000059}.tab-badge-alert{background:#ef4444}.mobile-nav-shell,.mobile-nav-more,.mobile-nav-bar{display:none}.mobile-nav-btn,.mobile-nav-more-btn{font-family:inherit}.mobile-nav-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.mobile-nav-label{display:inline-block}.mobile-nav-badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;border-radius:999px;padding:0 4px;background:#ef4444;color:#fff;border:1px solid rgba(0,0,0,.4);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ping{animation:ping 1.2s infinite}@keyframes ping{0%{transform:scale(.98);box-shadow:0 0 #ef44448c}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.stats{margin:24px 0;display:flex;gap:12px;flex-wrap:wrap}.grad-stats{padding-left:16px}.grad-stats .pill{border-color:rgba(var(--site-card-accent-rgb),.78);background:linear-gradient(180deg,rgba(var(--site-card-accent-rgb),.2),rgba(var(--site-card-accent-rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--site-card-accent-rgb),.24),0 10px 24px rgba(var(--site-card-accent-rgb),.16)}[data-theme=light] .grad-stats .pill{border-color:rgba(var(--site-card-accent-rgb),.6);box-shadow:inset 0 0 0 1px rgba(var(--site-card-accent-rgb),.2),0 8px 20px rgba(var(--site-card-accent-rgb),.14)}.pill{background:var(--pill-bg);border:1px dashed var(--pill-border);padding:8px 12px;border-radius:8px;color:var(--text);letter-spacing:.5px}.pill.success{border-color:rgba(var(--site-card-accent-rgb),.78);background:linear-gradient(180deg,rgba(var(--site-card-accent-rgb),.2),rgba(var(--site-card-accent-rgb),.1));box-shadow:inset 0 0 0 1px rgba(var(--site-card-accent-rgb),.22)}[data-theme=light] .pill.success{border-color:rgba(var(--site-card-accent-rgb),.58);box-shadow:inset 0 0 0 1px rgba(var(--site-card-accent-rgb),.2)}.pill.danger{background:#f871711a;border-color:#f87171a6;color:#fecdd3}[data-theme=light] .pill.danger{background:#f871711f;border-color:#ef444499;color:#b91c1c}.banner{background:#00000059;border:1px solid var(--border);padding:12px 16px;border-radius:6px;margin-bottom:12px;box-shadow:inset 0 0 0 1px #2dd4bf0d}[data-theme=light] .banner{background:linear-gradient(180deg,#fffffffa,#f3f7ffe6);border-color:#0f172a14;box-shadow:var(--shadow-soft)}.banner.error{border-color:#f87171;color:#fecdd3}.banner.success{border-color:#4ade80;color:#bbf7d0}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:inset 0 0 0 1px #2dd4bf0d}[data-theme=light] .card{background:linear-gradient(180deg,#fffffffa,#f6f9ffe6);box-shadow:var(--shadow-soft);border-color:#0f172a14}.card.floating{background:transparent;box-shadow:none;border:none}.grad-flags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.grad-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.control-group{display:flex;flex-direction:column;gap:4px;min-width:180px}.grad-results{padding:0 4px 10px}.grad-refresh{padding:4px 4px 10px}.grad-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.profile-card .card-header,.inbox-card .card-header{margin-bottom:12px}.profile-identity{display:flex;gap:12px;align-items:center;margin-bottom:12px}.profile-tags{display:flex;gap:8px;align-items:center}.avatar{width:64px;height:64px;border-radius:50%;background:var(--panel-strong);border:1px solid var(--border);display:grid;place-items:center;font-weight:700;font-size:20px;color:var(--text);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-username{font-size:18px;margin:2px 0}.profile-form label,.message-form label{margin-top:12px}.profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;align-items:start}.profile-form .input-label{margin:0}.profile-field{display:flex;flex-direction:column;gap:6px}.color-field{display:flex;align-items:center;gap:10px}.sound-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sound-field .select{min-width:220px}.color-field input[type=color]{width:52px;height:36px;border-radius:8px;padding:2px;cursor:pointer}.profile-field-full{grid-column:1 / -1}.profile-actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;padding-top:8px}.profile-actions .primary{align-self:flex-start;margin-top:8px}.profile-bio{margin-top:16px;padding:12px;border:1px dashed var(--border);border-radius:8px;background:#ffffff05}[data-theme=light] .profile-bio{background:#ffffffd9;border-color:#0f172a1f;box-shadow:inset 0 0 0 1px #2c5be80d}.comment-history{margin-top:20px}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.history-item{border:1px solid var(--border);border-radius:10px;padding:12px;background:#ffffff05}[data-theme=light] .history-item{background:#ffffffe6;border-color:#0f172a1a;box-shadow:var(--shadow-soft)}.history-header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:6px}.history-token{font-weight:600;margin-bottom:2px}.history-text{margin:6px 0;white-space:pre-wrap}.history-links{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0}.history-reactions{display:flex;gap:8px}.message-form{border:1px solid var(--border);border-radius:8px;padding:12px;background:#ffffff05;margin-bottom:16px}[data-theme=light] .message-form,[data-theme=light] .message-item,[data-theme=light] .chat-card,[data-theme=light] .grad-item{background:linear-gradient(180deg,#fff,#f5f8fff5);border-color:#2348c52e;box-shadow:0 10px 26px #0f172a1a,inset 3px 0 rgba(var(--site-card-accent-rgb),.45)}.message-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.chat-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 960px){.chat-shell{grid-template-columns:1fr}}.chat-list{border:1px solid var(--border);border-radius:8px;background:#ffffff05;padding:10px 12px;display:flex;flex-direction:column;gap:10px}[data-theme=light] .chat-list{background:#ffffffe6;border-color:#0f172a1a;box-shadow:var(--shadow-soft)}.chat-list-item{width:100%;border:1px solid var(--border);background:#0003;border-radius:8px;padding:10px 12px;text-align:left;color:var(--text);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}[data-theme=light] .chat-list-item{background:linear-gradient(180deg,#fffffffa,#f2f7fff2);border-color:#0f172a1a}.chat-list-item:hover{border-color:#2dd4bf66;box-shadow:0 6px 20px #00000040;transform:translateY(-1px)}[data-theme=light] .chat-list-item:hover{border-color:#2c5be859;box-shadow:var(--shadow-soft)}.chat-list-item.chat-active{border-color:#2dd4bf99;box-shadow:inset 0 0 0 1px #2dd4bf66,0 10px 28px #00000059}[data-theme=light] .chat-list-item.chat-active{border-color:#2c5be880;box-shadow:inset 0 0 0 1px #2c5be833,var(--shadow-card)}.notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.notification-card ul{padding-left:18px;margin:8px 0 0;color:var(--muted)}.notification-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.notification-field{display:flex;flex-direction:column;gap:6px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}.checkbox-row input{accent-color:#22d3ee}.notification-actions{display:flex;flex-direction:column;gap:6px}.notification-last-sent{margin:4px 0 0}.profile-signup-benefits{margin:10px 0 0;padding-left:18px;color:var(--muted)}.profile-signup-benefits li{margin:6px 0}.error-text{color:#f87171}.code-block{margin:10px 0 0;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:#0003;font-size:.85rem;color:var(--text);white-space:pre-wrap}.chat-list-header{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat-peer{display:flex;align-items:center;gap:8px}.chat-preview{margin:6px 0 0;color:var(--muted)}.chat-new{margin-top:4px;background:#ffffff08}.chat-thread{border:1px solid var(--border);border-radius:12px;background:#ffffff05;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:320px}[data-theme=light] .chat-thread{background:linear-gradient(180deg,#fffffffa,#f3f7ffeb);border-color:#0f172a14;box-shadow:var(--shadow-card)}.chat-thread-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.chat-thread-inner{display:flex;flex-direction:column;gap:12px;width:100%;max-width:860px;margin:0 auto}.chat-messages{list-style:none;padding:0 6px 0 0;margin:0 auto;display:flex;flex-direction:column;gap:12px;width:100%;max-width:860px;max-height:440px;overflow-y:auto}.chat-bubble{border:1px solid var(--border);border-radius:14px;padding:10px 12px;max-width:min(72%,620px);background:#0000002e}[data-theme=light] .chat-bubble{background:#f6fafffa;border-color:#0f172a1a;box-shadow:var(--shadow-soft)}.chat-bubble.incoming{align-self:flex-start;box-shadow:inset 3px 0 #38bdf899}.chat-bubble.outgoing{margin-left:auto;box-shadow:inset -3px 0 #2dd4bfb3,0 8px 20px #0003}.chat-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.chat-meta-left{display:flex;gap:8px;align-items:center}.chat-composer{display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border);padding-top:8px}.chat-composer-centered{width:100%;max-width:860px;margin:0 auto}.chat-empty{margin:10px 0;text-align:center}.chat-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.link-button{background:none;border:none;color:var(--accent-2);cursor:pointer;padding:0;font:inherit;text-decoration:underline}.message-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.message-item{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#ffffff05}.message-unread{box-shadow:0 0 0 1px #38bdf840}.message-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.message-text{margin:0 0 6px}.column-head{font-weight:700;margin-bottom:8px}.select{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:inherit}[data-theme=light] .select{background:#fff;border-color:#0f172a1a;box-shadow:inset 0 0 0 1px #2c5be80a}.header-actions{display:flex;justify-content:flex-end;padding:0 6px 10px}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grad-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.grad-list.grad-list-virtual{display:block}.grad-item{display:flex;flex-direction:column;gap:12px;padding:12px 12px 16px;border-radius:8px;border:1px solid var(--border);background:#00000040;box-shadow:inset 3px 0 rgba(var(--site-card-accent-rgb),.65)}.grad-item.grad-collapsed{gap:8px;padding:10px 12px}.grad-collapsed-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.scroll-target{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft),0 12px 26px #00000059;transition:box-shadow .4s ease}.grad-item.grad-new{box-shadow:inset 4px 0 #38bdf8e6,0 10px 30px #38bdf833;animation:pulse 1.4s ease-in-out infinite}.grad-compact{padding:10px 12px;gap:10px;box-shadow:inset 3px 0 rgba(var(--site-card-accent-rgb),.8),0 8px 24px #0003}.grad-token{font-weight:700;font-size:1.1rem}.grad-mint{display:inline-block;word-break:break-all;margin-top:8px}.grad-external-link{margin-left:0;font-size:12px}.grad-link-divider{display:inline-block;width:1px;height:12px;margin:0 10px;border-radius:999px;background:linear-gradient(180deg,rgba(var(--site-card-accent-rgb),.8),#94a3b873);transform:translateY(-1px);vertical-align:middle}.grad-main{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.grad-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.grad-toggle{padding:6px 10px}.social-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.link{color:#7dd3fc;text-decoration:none}.link:hover{text-decoration:underline}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-family:inherit;font-size:14px}th{color:#9bb7ae;font-weight:600}.sort-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:inherit;font:inherit;padding:0;cursor:pointer}.sort-button span{color:var(--muted);font-size:12px}tr:last-child td{border-bottom:none}.chip{padding:6px 12px;border-radius:6px;font-weight:700;font-size:12px;border:1px solid var(--border)}.chip.buy{background:#2dd4bf14;color:#2dd4bf}.chip.sell{background:#f871711f;color:#f87171}.pill.live{background:#38bdf81f;color:#c7f9ff;border:1px solid rgba(56,189,248,.45)}.mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.grad-compact .social-row{grid-template-columns:1fr}.grad-compact .vibe-check,.grad-compact .chat-card{background:transparent;box-shadow:none;border-color:var(--panel-strong)}.summary-card{min-width:220px;padding:16px;border-radius:8px;border:1px solid var(--border);background:#0c1214d9;box-shadow:inset 0 0 0 1px #2dd4bf14,0 10px 24px #00000059}[data-theme=light] .summary-card{background:linear-gradient(150deg,#fffffffa,#f8faffe6);border-color:#0f172a14;box-shadow:var(--shadow-card)}.account-card{background:#00000040;border:1px solid var(--border);padding:12px;border-radius:8px;min-width:260px;display:flex;align-items:center;justify-content:space-between;gap:12px}[data-theme=light] .account-card{background:linear-gradient(180deg,#fffffffa,#f4f7ffe6);border-color:#0f172a1a;box-shadow:var(--shadow-soft)}.account-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.recovery{display:flex;flex-direction:column;gap:8px;width:100%}.account-switcher{display:flex;flex-direction:column;gap:4px}.switcher-actions{display:flex;gap:8px}.pill-btn-active{border-color:#facc15!important;box-shadow:0 0 0 1px #facc1599;background:#facc151f}.account-active{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.account-username{font-weight:700}.inputs{display:flex;gap:8px;flex-wrap:wrap}input{background:var(--panel-strong);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-soft)}textarea{background:var(--panel-strong);border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-soft);resize:vertical;font-family:inherit}[data-theme=light] input,[data-theme=light] textarea{background:#fff;border-color:#0f172a1a;box-shadow:inset 0 0 0 1px #2c5be80d}input:focus{outline:2px solid var(--accent-2)}textarea:focus{outline:2px solid var(--accent-2)}button.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 90%);color:#fff;border:1px solid var(--accent);border-radius:6px;padding:10px 14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 0 1px #0000000f,0 12px 26px #00000059}[data-theme=light] button.primary{box-shadow:0 14px 30px #2f6fed4d}button.ghost{background:#ffffff05;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:10px 14px;cursor:pointer;text-transform:uppercase}[data-theme=light] button.ghost{background:#fffffff2;border-color:#0f172a1f;box-shadow:var(--shadow-soft)}.vibe-check{background:#00000059;border:1px solid var(--border);border-radius:8px;padding:10px;box-shadow:inset 0 0 0 1px #2dd4bf14}.vibe-header{display:flex;justify-content:space-between;align-items:center}.vibe-actions{display:flex;gap:8px;margin:8px 0}.vibe-btn{flex:1;border:1px solid var(--border);border-radius:6px;padding:10px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;background:#ffffff05}.vibe-btn.moon{background:var(--moon-soft);color:var(--moon-color);border-color:var(--moon-color)}.vibe-btn.dump{background:var(--dump-soft);color:var(--dump-color);border-color:var(--dump-color)}.vibe-btn.voted{background:linear-gradient(135deg,#facc15,#f59e0b);color:#0f1f1a;border-color:#facc15;box-shadow:0 0 0 1px #facc15b3,0 10px 28px #facc1540}.vibe-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.1)}.vibe-btn:active{transform:scale(.97);box-shadow:inset 0 4px 14px #00000040}.vibe-bar{display:grid;grid-template-columns:1fr 1fr;height:10px;border-radius:4px;overflow:hidden;background:#ffffff0d;border:1px solid var(--border)}.vibe-fill.moon{background:linear-gradient(90deg,var(--moon-soft),var(--moon-strong));transition:width .3s ease}.vibe-fill.dump{background:linear-gradient(90deg,var(--dump-soft),var(--dump-strong));transition:width .3s ease}.vibe-stats{display:flex;justify-content:space-between;font-weight:700;margin-top:6px}.vibe-meta{margin-top:6px}.safety-issues{margin-top:6px;display:flex;flex-direction:column;gap:4px}.chat-card{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:10px;box-shadow:inset 0 0 0 1px #38bdf814}.chat-body{margin-top:10px;display:flex;flex-direction:column;gap:8px}.chat-hidden-count{margin:6px 0 0;font-size:11px;letter-spacing:.2px}.chat-log{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;background:#05070873;border:1px solid var(--border);border-radius:6px;padding:10px 10px 6px}.chat-log.chat-log-virtual{display:block}.virtual-spacer{width:100%;margin:0;padding:0;list-style:none;pointer-events:none}.chat-line{--chat-line-accent-rgb: var(--site-card-accent-rgb);background:#0006;border-radius:6px;padding:8px;border:1px solid rgba(56,189,248,.2);box-shadow:inset 3px 0 rgba(var(--chat-line-accent-rgb),.7)}.chat-line-own{--chat-line-accent-rgb: var(--user-comment-accent-rgb);border-color:rgba(var(--chat-line-accent-rgb),.45);box-shadow:inset 3px 0 rgba(var(--chat-line-accent-rgb),.9),0 8px 20px #0000002e}.chat-controls{display:flex;justify-content:flex-end}.chat-filter{margin-left:8px;background:#ffffff0a;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px}.chat-line-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-text{margin:4px 0 6px}.chat-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}.chat-reaction-group{display:inline-flex;align-items:center;gap:2px}.chat-reaction{border:1px solid var(--border);background:#ffffff05;border-radius:6px;color:var(--text);cursor:pointer;padding:6px 9px;display:inline-flex;gap:6px;align-items:center;transition:border-color .2s ease,background-color .2s ease}.chat-reaction .count{font-weight:700}.chat-reaction.like{color:#4ade80;border-color:#4ade8073}.chat-reaction.dislike{color:#f87171;border-color:#f8717173}.chat-reaction.active{background:#facc152e;border-color:#facc15cc;box-shadow:inset 0 0 0 1px #facc1599}.chat-reaction:disabled{opacity:.6;cursor:not-allowed}[data-theme=light] .chat-log{background:#0f1f1a08;border-color:#d8e4ef;box-shadow:inset 0 0 0 1px #2f6fed0d}[data-theme=light] .chat-line{background:#fff;border:1px solid rgba(15,31,26,.08);box-shadow:inset 3px 0 rgba(var(--chat-line-accent-rgb),.5)}[data-theme=light] .chat-quote{background:#0f1f1a0a}[data-theme=light] .chat-reaction{background:#0f1f1a05;border-color:#0f1f1a2e}[data-theme=light] .chat-reaction.active{background:#facc1540;border-color:#ca8a04b3;box-shadow:inset 0 0 0 1px #ca8a0473}.chat-filter option{background:#0c1214;color:var(--text)}[data-theme=light] .chat-filter option{background:#fff;color:var(--text)}.chat-reply{padding:6px 10px}.chat-quote{border-left:2px solid var(--accent);padding-left:8px;margin:6px 0;color:var(--muted)}.chat-quote-text{font-style:italic}.chat-replying{border:1px dashed var(--border);border-radius:6px;padding:8px;background:#2dd4bf0a;display:flex;flex-direction:column;gap:6px}.chat-reply-cancel{align-self:flex-start}.chat-user{font-weight:700;margin-right:8px}.chat-user-button{border:none;background:transparent;padding:0;cursor:pointer;font:inherit}.chat-input{display:flex;gap:8px}.chat-input input{flex:1}.user-directory{display:flex;flex-direction:column;gap:12px}.user-list{display:flex;flex-direction:column;gap:10px}.user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);background:#ffffff05;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}[data-theme=light] .user-row{background:linear-gradient(180deg,#fffffffa,#f4f7ffeb);border-color:#0f172a1a;box-shadow:var(--shadow-soft)}.user-row:hover{border-color:#2dd4bf8c;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}[data-theme=light] .user-row:hover{border-color:#2c5be859;box-shadow:var(--shadow-card)}.user-row-active{box-shadow:inset 0 0 0 1px #2dd4bf80,0 10px 20px #00000040}.user-avatar{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--panel-strong);display:grid;place-items:center;font-weight:700;color:var(--text);overflow:hidden}.user-avatar.large{width:64px;height:64px}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-meta{display:flex;flex-direction:column;gap:4px}.user-handle{font-weight:700}.user-profile{border:1px dashed var(--border);border-radius:10px;padding:12px;background:#ffffff05}.user-profile-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.big{font-size:28px;margin:6px 0 4px;font-weight:800}.big.positive{color:var(--accent)}.big.negative{color:#fca5a5}.small{font-size:13px}.about{display:flex;flex-direction:column;gap:16px}.about-card{background:linear-gradient(180deg,rgba(45,212,191,.04),transparent)}[data-theme=light] .about-card{background:linear-gradient(180deg,#2f6fed14,#fff9)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.about-highlight{margin-top:12px;padding:12px;border-radius:10px;border:1px dashed var(--border);background:#ffffff08}.about-highlight ul,.about-card ul{margin:8px 0 0;padding-left:16px;color:var(--text)}.about-item h4{margin:0 0 4px}.data-grid{gap:16px;margin-top:8px}@media (max-width: 720px){.hero{flex-direction:column;align-items:flex-start}.summary-card{width:100%}}@keyframes pulse{0%{transform:translateY(0);box-shadow:0 0 #38bdf840}50%{transform:translateY(-1px);box-shadow:0 0 0 8px #38bdf81f}to{transform:translateY(0);box-shadow:0 0 #38bdf814}}@keyframes pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.data-shell{display:flex;flex-direction:column;gap:16px}.data-card{background:var(--panel)}.simple-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.simple-metrics{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.simple-metric{border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:140px;background:#ffffff05;box-shadow:inset 0 0 0 1px #2dd4bf0d;display:flex;flex-direction:column;gap:4px;text-align:right}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}.metrics-grid .simple-metric{text-align:left;justify-content:space-between}.data-header{gap:12px}.time-range{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.chip-button{border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:8px 12px;border-radius:20px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chip-button:hover{border-color:#2dd4bf66}.chip-active{border-color:#2dd4bfb3;box-shadow:0 0 0 1px #2dd4bf59,0 10px 20px #00000059;background:#2dd4bf1f}.custom-range{display:flex;gap:8px;align-items:flex-end}.custom-range label{display:flex;flex-direction:column;gap:4px;font-size:12px}.auto-refresh{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}.metric-card{border:1px solid var(--border);border-radius:10px;padding:12px;background:#ffffff05;box-shadow:inset 0 0 0 1px #2dd4bf0d}.metric-card h3{margin:6px 0 0}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.chart{width:100%;height:auto;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.line-chart{display:block;width:100%;height:180px;max-width:900px;border:1px solid var(--border);border-radius:10px;background:#ffffff05}.chart-zoomable{cursor:grab}.chart-zoomable:active{cursor:grabbing}.axis-label{fill:var(--muted);font-size:12px;text-anchor:middle}.axis-tick{fill:var(--muted);font-size:11px}.bar{fill:#2dd4bf4d;cursor:pointer;transition:fill .2s ease,opacity .2s ease}.bar:hover{fill:#2dd4bfb3}.bar-today{fill:#38bdf899}.bar-selected{stroke:#2dd4bfe6;stroke-width:2}.chart-label{fill:var(--muted);font-size:10px;text-anchor:middle}.chart-value{fill:var(--text);font-size:12px;font-weight:700;text-anchor:middle}.chart-dot{cursor:pointer;transition:r .2s ease,fill .2s ease}.chart-tooltip rect{fill:#0f172ae6;stroke:#3b82f699;stroke-width:1}.chart-tooltip-title{fill:#e2e8f0;font-size:11px;font-weight:700}.chart-tooltip-value{fill:#bfdbfe;font-size:12px;font-weight:700}.range-selector{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.range-label{font-weight:600;letter-spacing:.02em}.range-chip{border:1px solid var(--border);background:#ffffff05;color:var(--text);border-radius:999px;padding:6px 10px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.range-chip.active{border-color:#3b82f699;background:#3b82f624;color:#dbeafe;box-shadow:inset 0 0 0 1px #3b82f64d}.hour-heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;margin-top:10px}.hour-heatmap-cell{border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-height:56px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;background:linear-gradient(180deg,rgba(45,212,191,calc(.08 + var(--hour-intensity, 0) * .42)),rgba(45,212,191,calc(.02 + var(--hour-intensity, 0) * .1))),#ffffff05;box-shadow:inset 0 0 0 1px #2dd4bf14}.hour-heatmap-hour{color:var(--muted);font-size:11px;letter-spacing:.02em}.hour-heatmap-cell strong{font-size:16px;line-height:1}.data-table-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.data-table-filter{display:flex;flex-direction:column;gap:4px;min-width:140px}.data-table-search input{min-width:220px}.data-empty-cell{text-align:center;padding:14px 10px}[data-theme=light] .hour-heatmap-cell{background:linear-gradient(180deg,rgba(47,111,237,calc(.08 + var(--hour-intensity, 0) * .28)),rgba(15,118,110,calc(.03 + var(--hour-intensity, 0) * .08))),#ffffffdb;box-shadow:inset 0 0 0 1px #2c5be812}@media (max-width: 900px){.page{padding:24px 14px calc(116px + env(safe-area-inset-bottom))}.top-row{display:none}.mobile-nav-shell{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;flex-direction:column;align-items:center;pointer-events:none;padding:0 10px calc(8px + env(safe-area-inset-bottom))}.mobile-nav-more{width:min(100%,720px);display:flex;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;touch-action:pan-x;gap:8px;margin-bottom:8px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#050708f5;box-shadow:0 14px 32px #00000073;pointer-events:auto;cursor:grab}.mobile-nav-more::-webkit-scrollbar{display:none}.mobile-nav-more:active{cursor:grabbing}.mobile-nav-more-btn{flex:0 0 auto;min-width:148px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text);padding:10px 8px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;scroll-snap-align:start;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:.35px}.mobile-nav-more-btn-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #2dd4bf4d}.mobile-nav-bar{width:min(100%,720px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;border:1px solid var(--border);border-radius:12px;background:#050708f5;box-shadow:0 14px 32px #00000073;pointer-events:auto}[data-theme=light] .mobile-nav-bar,[data-theme=light] .mobile-nav-more{background:#fffffff5;border-color:#0f172a24;box-shadow:0 8px 24px #0f172a24}.mobile-nav-btn{position:relative;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text);min-height:52px;padding:8px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}[data-theme=light] .mobile-nav-btn,[data-theme=light] .mobile-nav-more-btn{background:linear-gradient(180deg,#fff,#f5f8fff2);border-color:#0f172a1f}.mobile-nav-btn-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #2dd4bf4d}[data-theme=light] .mobile-nav-btn-active,[data-theme=light] .mobile-nav-more-btn-active{background:linear-gradient(135deg,#2f6fed38,#1f4fd61f);box-shadow:inset 0 0 0 1px #2f6fed4d}.data-table-toolbar{width:100%;justify-content:flex-start}.data-table-filter{min-width:160px;flex:1 1 160px}.data-table-search input{min-width:0;width:100%}}.weekly-grid{display:flex;flex-direction:column;gap:8px}.weekly-row{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center}.weekly-label{font-weight:700}.weekly-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.weekly-bar{border:1px solid var(--border);border-radius:10px;padding:8px;background:linear-gradient(180deg,#2dd4bf40,#2dd4bf14);box-shadow:inset 0 0 0 1px #2dd4bf1f;position:relative}.weekly-bar:after{content:"";position:absolute;inset:auto 8px 8px 8px;height:calc(var(--value, .2) * 60px);background:#2dd4bf80;border-radius:6px;box-shadow:0 8px 18px #00000040}.weekly-bar.alt{background:linear-gradient(180deg,#38bdf84d,#38bdf814)}.weekly-bar.soft{background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.heatmap{display:grid;gap:8px}.heatmap-row{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.heatmap-cells{display:grid;grid-template-columns:repeat(12,minmax(12px,1fr));gap:3px}.heatmap-cell{height:16px;border-radius:4px;background:rgba(45,212,191,calc(var(--intensity, 0) * .8));border:1px solid rgba(45,212,191,.25)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.insight-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}