:root{--ink:#0a2342;--signal:#1858d6;--paper:#f5f2ec;--line:#e2ddd2;--muted:#6b7280;--ok:#15803d;--off:#9ca3af;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.02em}.brand .dot{color:var(--signal)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.screen-name{font-weight:600;margin:0 0 4px}.screen-meta{color:var(--muted);font-size:13px}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status .led{width:8px;height:8px;border-radius:50%;background:var(--off)}.status.online .led{background:var(--ok)}.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--ink);color:var(--paper);border:none;cursor:pointer;font:inherit;font-size:14px}.btn.signal{background:var(--signal)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.muted,.tag{color:var(--muted)}.tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line)}.tag.self{color:var(--signal);border-color:var(--signal)}.nav{display:flex;align-items:center;gap:28px;padding:0 24px;height:60px;border-bottom:1px solid var(--line);background:#fff}.nav .logo{font-weight:700;letter-spacing:-.02em;margin-right:8px}.nav .logo .dot{color:var(--signal)}.nav a.tab{font-size:14px;color:var(--muted);padding:19px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav a.tab.active{color:var(--ink);border-bottom-color:var(--signal);font-weight:600}.nav a.tab:hover{color:var(--ink)}.nav .spacer{flex:1 1}.nav .acct{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:15px}.panel-body{padding:6px 0}.row{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;font-size:13px;border-top:1px solid var(--line)}.row:first-child{border-top:none}.row .thumb{width:36px;height:36px;border-radius:6px;background:var(--paper);border:1px solid var(--line);flex:none}.panel-foot{padding:12px 18px;border-top:1px solid var(--line)}.panel-foot a{color:var(--signal);font-size:13px}.counts{display:flex;gap:16px;font-size:13px}.counts b{font-weight:700}.dotled{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle;background:var(--off)}.dotled.on{background:var(--ok)}.hero{background:linear-gradient(120deg,#0a2342,#143a73 60%,#1858d6 140%);color:var(--paper);border-radius:var(--radius);padding:28px 30px}.hero h2{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}.hero p{margin:0;opacity:.85;font-size:14px}.quick{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.quick .qbtn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 10px;text-align:center;font-size:12px;color:var(--ink);cursor:pointer}.quick .qbtn .ic{font-size:20px;display:block;margin-bottom:8px}.quick .qbtn:hover{border-color:var(--signal)}.link{color:var(--signal);cursor:pointer}.link.disabled{color:var(--off);cursor:default}