:root{--bg-0: #08090b;--bg-1: #0d0f13;--bg-2: #12151a;--bg-3: #171b21;--line: #1e232b;--line-soft: #171b22;--fg-0: #f2f4f7;--fg-1: #b6bec9;--fg-2: #7c8695;--fg-3: #525b68;--up: #2fbf71;--up-dim: rgba(47, 191, 113, .14);--down: #f2565f;--down-dim: rgba(242, 86, 95, .14);--warn: #e0a234;--accent: #5b8def;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}::selection{background:#5b8def47}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--sans);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"ss01" 1}.num,td.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.2px}.app{min-height:100%;display:flex;flex-direction:column;background:var(--bg-0)}header{display:flex;align-items:center;gap:28px;padding:0 20px;height:52px;background:#0d0f13db;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:9px}.brand h1{margin:0;font-size:14.5px;font-weight:620;letter-spacing:-.3px;color:var(--fg-0);white-space:nowrap}.logomark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#f4f6fa,#cdd5e0);box-shadow:0 1px 2px #00000080,inset 0 1px #ffffffb3;overflow:hidden}.logomark img{width:25px;height:25px;object-fit:contain;transform:rotate(-8deg) translateY(1px);transition:transform .3s cubic-bezier(.2,.9,.3,1.4)}.brand:hover .logomark img{transform:rotate(5deg) scale(1.1) translateY(1px)}nav{display:flex;gap:2px;padding:3px;background:var(--bg-2);border-radius:8px}nav a{position:relative;background:transparent;color:var(--fg-2);border:0;border-radius:var(--radius-sm);text-decoration:none;padding:6px 13px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:color .16s ease,background .16s ease}nav a:hover{color:var(--fg-1)}nav a.on{color:var(--fg-0);background:var(--bg-3);box-shadow:inset 0 1px #ffffff0b}nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.badge{min-width:17px;height:17px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--down);color:#fff;border-radius:9px;font-size:10.5px;font-weight:650;font-variant-numeric:tabular-nums;animation:pop .28s cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{transform:scale(.6);opacity:0}}.conn{margin-left:auto;display:flex;align-items:center;gap:14px}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:20px;background:var(--bg-2);border:1px solid var(--line);font-size:11.5px;color:var(--fg-2)}.pulse{position:relative;width:6px;height:6px;border-radius:50%;background:var(--up)}.pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid var(--up);animation:ripple 1.8s ease-out infinite}@keyframes ripple{0%{transform:scale(.5);opacity:.9}to{transform:scale(1.5);opacity:0}}.pulse.off{background:var(--down)}.pulse.off:after{animation:none;border-color:var(--down);opacity:.35}main{flex:1;padding:20px}.head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.head h2{margin:0;font-size:14.5px;font-weight:600;letter-spacing:-.2px}.head .meta{color:var(--fg-3);font-size:11.5px}.spacer{flex:1}select{background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px 9px;font:inherit;font-size:11.5px;cursor:pointer;transition:border-color .16s ease}select:hover{border-color:#2a313b}select:focus{outline:none;border-color:var(--accent)}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card+.card{margin-top:18px}.split>.card+.card{margin-top:0}.scroll{overflow-x:auto}.scroll::-webkit-scrollbar{height:9px}.scroll::-webkit-scrollbar-track{background:var(--bg-1)}.scroll::-webkit-scrollbar-thumb{background:#232932;border-radius:5px}.scroll::-webkit-scrollbar-thumb:hover{background:#2e3641}table.grid{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}table.grid th{position:sticky;top:0;z-index:3;text-align:right;padding:9px 11px;white-space:nowrap;background:var(--bg-2);color:var(--fg-3);font-weight:560;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}table.grid th:first-child,table.grid td:first-child,table.grid th.l,table.grid td.l{text-align:left}table.grid td{padding:0 11px;height:34px;white-space:nowrap;text-align:right;border-bottom:1px solid var(--line-soft);color:var(--fg-1);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:-.2px;transition:background .18s ease}table.grid tbody tr{transition:background .12s ease}table.grid tbody tr:hover td{background:#ffffff06}table.grid tbody tr:last-child td{border-bottom:0}td.strong{color:var(--fg-0);font-weight:600;font-size:12.5px}td.strong.dim{color:var(--fg-3);font-weight:500}td.strong.good{color:var(--up)}td.strong.warn{color:var(--warn)}.bar span.strong{font-weight:600}.sym{font-family:var(--sans)!important;font-weight:600;color:var(--fg-0);letter-spacing:-.1px;font-size:12.5px}td.stick,th.stick{position:sticky;left:0;z-index:2;background:var(--bg-1);box-shadow:1px 0 0 var(--line-soft)}th.stick{z-index:5;background:var(--bg-2)}tbody tr:hover td.stick{background:#14171d}td.up{background:#2fbf7112;color:var(--up)}td.down{background:#f2565f12;color:var(--down)}@keyframes tickUp{0%{background:#2fbf7152}to{background:#2fbf7112}}@keyframes tickDown{0%{background:#f2565f52}to{background:#f2565f12}}td.up.tick{animation:tickUp .9s cubic-bezier(.25,.8,.35,1)}td.down.tick{animation:tickDown .9s cubic-bezier(.25,.8,.35,1)}td.low.up,td.low.down{color:var(--up)}td.high.up,td.high.down{color:var(--down)}td.frozen.up,td.frozen.down{background:transparent;color:var(--fg-3)}td.low{color:var(--up)}td.high{color:var(--down)}td.dim{color:var(--fg-3)}td.frozen{color:var(--fg-3);font-style:italic}td.warn{color:var(--warn)}td.good{color:var(--up)}.bar{position:relative;display:inline-block;min-width:72px;text-align:right}.bar span{position:relative;z-index:1}.bar:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:15px;width:var(--w, 0%);border-radius:3px;background:var(--barc, rgba(224,162,52,.16));transition:width .35s cubic-bezier(.4,0,.2,1)}.spark{display:block;overflow:visible}.spark path{vector-effect:non-scaling-stroke}.tag{display:inline-flex;align-items:center;padding:1px 6px;margin-left:6px;border-radius:4px;font-family:var(--sans);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-3);color:var(--fg-3)}.tag.stale{background:#e0a23421;color:var(--warn)}.tag.api{background:#5b8def21;color:var(--accent)}.tag.browser{background:#a778eb21;color:#a778eb}.note{color:var(--fg-3);font-size:11.5px;line-height:1.65;margin:0;padding:12px 16px 15px;overflow-wrap:break-word}.note b{color:var(--fg-2);font-weight:550}.empty{padding:44px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.empty .big{font-size:14px;font-weight:600;color:var(--fg-0)}.empty .small{font-size:12px;color:var(--fg-3);max-width:460px;line-height:1.6}.err{margin:0;padding:13px 15px;background:#f2565f12;border:1px solid rgba(242,86,95,.28);border-radius:var(--radius);color:#ffb9bd;font-size:12.5px}.skel{padding:10px 12px}.skel-row{height:30px;border-radius:var(--radius-sm);margin-bottom:5px;background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}tr.fired td{background:#f2565f0e}tr.fired:hover td{background:#f2565f16}tr.muted td{opacity:.45}.kpi{display:flex;gap:10px;padding:13px;flex-wrap:wrap}.kpi>div{flex:1;min-width:132px;padding:11px 13px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.kpi .k{font-size:10.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.kpi .v{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--fg-0);margin-top:3px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpi .v.good{color:var(--up)}.kpi .v.bad{color:var(--down)}.kpi .v.warn{color:var(--warn)}@media (max-width: 900px){header{gap:14px;padding:0 12px}.brand .sub{display:none}main{padding:12px}}main{padding:20px 20px 56px}main>*+*{margin-top:16px}.head{margin:0 0 2px;padding-top:2px}.row3{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px 14px;display:flex;flex-direction:column;gap:2px;transition:border-color .18s ease}.stat:hover{border-color:#262d38}.stat .k{font-size:10px;color:var(--fg-3);font-weight:600;text-transform:uppercase;letter-spacing:.07em}.stat .v{font-family:var(--mono);font-size:25px;font-weight:600;letter-spacing:-.9px;line-height:1.15;color:var(--fg-0);font-variant-numeric:tabular-nums;margin-top:1px}.stat .v.good{color:var(--up)}.stat .v.bad{color:var(--down)}.stat .v.warn{color:var(--warn)}.stat .v .of{font-size:14px;color:var(--fg-3);font-weight:500;letter-spacing:0}.stat .sub{font-size:11px;color:var(--fg-3);line-height:1.45;margin-top:3px}.cardhead{display:flex;align-items:baseline;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line-soft)}.cardhead h3{margin:0;font-size:12.5px;font-weight:600;letter-spacing:-.1px}.cardhead .meta{font-size:11px;color:var(--fg-3)}.chartpad{padding:14px 15px 6px}.split{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:stretch}.split>.card{display:flex;flex-direction:column;min-width:0}.split>.card.conform{height:0;min-height:100%}.split>.card>.scroll.cap{flex:1 1 0;min-height:220px;max-height:none}.split>.card>.note{margin-top:auto}@media (max-width: 1180px){.split{grid-template-columns:1fr}.split>.card.conform{height:auto;min-height:0}.split>.card>.scroll.cap{flex:0 1 auto;max-height:420px}}.scroll.cap{max-height:420px;overflow-y:auto}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px}.seg button{background:transparent;border:0;color:var(--fg-3);padding:4px 11px;border-radius:5px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:550;font-variant-numeric:tabular-nums;transition:all .15s ease}.seg button:hover{color:var(--fg-1)}.seg button.on{background:var(--bg-3);color:var(--fg-0)}.chartwrap{width:100%}.chart{width:100%;height:auto;display:block;overflow:visible;cursor:crosshair}.chart .axis{fill:var(--fg-3);font-size:10px;font-family:var(--mono)}.chart-empty{padding:46px 0;text-align:center;color:var(--fg-3);font-size:12px}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:10px 1px 4px;font-size:11.5px;color:var(--fg-2)}.legend .lg{display:inline-flex;align-items:center;gap:6px}.legend .lg i{width:9px;height:2.5px;border-radius:2px}.legend .lg b{color:var(--fg-0);font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}.legend .lg.at{margin-left:auto;color:var(--fg-3);font-family:var(--mono)}.dbars{display:flex;flex-direction:column;gap:6px;padding-bottom:4px}.dbar{display:grid;grid-template-columns:92px minmax(0,1fr) 82px;align-items:center;gap:12px}.dbl{font-size:11.5px;color:var(--fg-1);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtrack{position:relative;height:18px;background:var(--bg-2);border-radius:4px}.dzero{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--fg-3);opacity:.5}.dwhisk{position:absolute;top:50%;height:1px;margin-top:-.5px;background:#7c869566}.dwhisk:before,.dwhisk:after{content:"";position:absolute;top:-3.5px;width:1px;height:8px;background:#7c86958c}.dwhisk:before{left:0}.dwhisk:after{right:0}.dfill{position:absolute;top:4px;height:10px;border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.dfill.p{background:linear-gradient(90deg,rgba(242,86,95,.5),var(--down))}.dfill.n{background:linear-gradient(270deg,rgba(47,191,113,.5),var(--up))}.dval{font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.2px}.dscale{display:grid;grid-template-columns:92px minmax(0,1fr) 82px;gap:12px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line-soft);font-size:9.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dscale span:first-child{text-align:right}.dscale .dscalec{text-align:center}.dscale span:last-child{text-align:left}.dval.p{color:var(--down)}.dval.n{color:var(--up)}.strip{padding:18px 20px 16px}.striprail{position:relative;height:46px;background:linear-gradient(180deg,transparent 46%,var(--line) 46%,var(--line) calc(46% + 1px),transparent calc(46% + 1px));border-radius:4px}.band{position:absolute;top:6px;bottom:16px;background:#2fbf710e;border-left:1px dashed rgba(47,191,113,.35);border-right:1px dashed rgba(47,191,113,.35);border-radius:3px}.stripzero{position:absolute;left:50%;top:2px;bottom:12px;width:1px;background:var(--fg-3);opacity:.55}.dot{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg-0);cursor:pointer;transition:transform .15s ease,background .15s ease}.dot:hover{transform:scale(1.7);z-index:3}.dot.out{background:var(--down)}.dot.st{background:var(--warn)}.edge{position:absolute;bottom:-4px;font-size:10px;color:var(--fg-3);font-family:var(--mono)}.edge.l{left:0}.edge.c{left:50%;transform:translate(-50%)}.edge.r{right:0}.stripfoot{margin-top:14px;font-size:11.5px;color:var(--fg-3);min-height:19px;display:flex;align-items:center}.stripfoot b{color:var(--fg-0)}.inline{display:inline-flex;align-items:center;gap:8px}.meter{display:inline-block;width:74px;height:5px;background:var(--bg-3);border-radius:3px;overflow:hidden;flex:none}.meterfill{display:block;height:100%;border-radius:3px;transition:width .4s ease}.meterfill.good{background:var(--up)}.meterfill.warn{background:var(--warn)}.meterfill.bad{background:var(--down)}.meterfill.neutral{background:var(--fg-3)}.w56{min-width:56px;display:inline-block}.w40{min-width:38px;display:inline-block}.trunc{max-width:320px;overflow:hidden;text-overflow:ellipsis}.gridcov td.cov{padding:0;text-align:center}.gridcov td.cov span{display:inline-block;width:7px;height:7px;border-radius:2px}.gridcov td.cov span.on{background:var(--up);opacity:.8}.gridcov td.cov span.off{background:var(--bg-3)}.gridcov th.vert{font-size:9.5px;letter-spacing:.02em;padding:9px 5px}.gridcov tr.totals td{border-top:1px solid var(--line);color:var(--fg-3);font-size:11px;background:var(--bg-2)}.card>table.grid+.note,.card>.scroll+.note{border-top:1px solid var(--line-soft)}.chipwrap{position:relative;display:inline-block}.errchip{display:inline-block;padding:2px 8px;border-radius:5px;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.02em;cursor:help;white-space:nowrap;border:1px solid transparent}.errchip.timeout{background:#e0a23424;color:var(--warn);border-color:#e0a23447}.errchip.http{background:#f2565f24;color:var(--down);border-color:#f2565f47}.errchip.net{background:#f2565f1a;color:#ef8f95;border-color:#f2565f38}.errchip.parse{background:#a778eb24;color:#b98ef0;border-color:#a778eb47}.errchip.other{background:var(--bg-3);color:var(--fg-2);border-color:var(--line)}.pop{position:absolute;right:0;top:calc(100% + 7px);z-index:60;width:420px;max-width:46vw;padding:10px 12px;display:flex;flex-direction:column;gap:5px;background:#10141a;border:1px solid #2a323d;border-radius:8px;box-shadow:0 12px 32px -8px #000000d9,0 2px 6px #00000080;animation:popin .13s ease-out}@keyframes popin{0%{opacity:0;transform:translateY(-3px)}}.pop .popk{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-3);font-weight:600;font-family:var(--sans)}.pop .popv{font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--fg-1);white-space:pre-wrap;word-break:break-word}.w90{min-width:90px}.devplot{padding:6px 18px 16px}.devaxis{position:relative;height:18px;margin-left:104px;margin-right:66px}.dtick{position:absolute;transform:translate(-50%);font-family:var(--mono);font-size:9.5px;color:var(--fg-3);white-space:nowrap}.dtick.zero{color:var(--fg-2)}.devrows{display:flex;flex-direction:column;gap:1px}.devrow{display:grid;grid-template-columns:96px minmax(0,1fr) 58px;align-items:center;gap:8px;height:26px;border-radius:5px;transition:background .12s ease}.devrow:hover{background:#ffffff06}.devname{font-size:11.5px;color:var(--fg-1);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devtrack{position:relative;height:22px;background:linear-gradient(180deg,transparent 49%,var(--line-soft) 49%,var(--line-soft) calc(49% + 1px),transparent calc(49% + 1px))}.devzero{position:absolute;top:2px;bottom:2px;width:1px;background:var(--fg-3);opacity:.55}.devband{position:absolute;top:3px;bottom:3px;background:#2fbf710f;border-left:1px dashed rgba(47,191,113,.3);border-right:1px dashed rgba(47,191,113,.3)}.devdot{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg-1);cursor:pointer;transition:transform .13s ease,background .13s ease}.devdot:hover,.devdot.on{transform:scale(1.55);background:#93b7ff;z-index:4}.devdot.out{background:var(--down)}.devworst{font-family:var(--mono);font-size:11px;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.devfoot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:13px;padding-top:11px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--fg-3)}.devfoot b{color:var(--fg-1);font-family:var(--mono)}.devfoot .fv{color:var(--fg-0);font-weight:600}.devfoot .fs{color:var(--fg-1);font-family:var(--mono)}.devfoot .fd{color:var(--fg-0);font-family:var(--mono);font-weight:600}.devfoot .fd.warn{color:var(--warn)}.devfoot .key{display:inline-flex;align-items:center;gap:6px}.devfoot .key i{width:8px;height:8px;border-radius:50%}.devfoot .key i.k1{background:var(--accent)}.devfoot .key i.k2{background:var(--down)}.booting{height:100%;display:grid;place-items:center;background:var(--bg-0)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.signin{min-height:100%;display:grid;place-items:center;padding:40px 20px;background:var(--bg-0);background-image:radial-gradient(80ch 60ch at 50% -10%,rgba(91,141,239,.07),transparent 70%)}.signinbox{width:100%;max-width:372px;display:flex;flex-direction:column;gap:15px;padding:28px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.signinbrand{display:flex;align-items:center;gap:12px;margin-bottom:5px}.signinbrand h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.signinbrand .meta{font-size:11.5px;color:var(--fg-3)}.signinbox label{display:flex;flex-direction:column;gap:6px}.signinbox label>span{font-size:11px;font-weight:550;color:var(--fg-2);text-transform:uppercase;letter-spacing:.06em}.signinbox input{background:var(--bg-0);color:var(--fg-0);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;font:inherit;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease}.signinbox input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b8def29}.signinbox button[type=submit]{margin-top:3px;padding:10px 14px;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s ease,opacity .16s ease}.signinbox button[type=submit]:hover:not(:disabled){background:#6f9bf2}.signinbox button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.signinerr{margin:0;padding:9px 11px;background:var(--down-dim);border:1px solid rgba(242,86,95,.3);border-radius:var(--radius-sm);font-size:12px;color:#ff8f96}.acct{position:relative}.acctbtn{display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 3px;background:var(--bg-2);color:var(--fg-1);border:1px solid var(--line);border-radius:999px;font:inherit;font-size:12px;cursor:pointer;transition:border-color .16s ease,color .16s ease}.acctbtn:hover{border-color:#2a313b;color:var(--fg-0)}.avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--accent),#7d5bef);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.02em}.acctname{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acctmenu{position:absolute;top:calc(100% + 7px);right:0;z-index:40;min-width:232px;padding:5px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.acctmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 9px;margin-bottom:4px;border-bottom:1px solid var(--line-soft)}.acctuser{font-size:12.5px;font-weight:600;color:var(--fg-0)}.rolechip{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--bg-3);color:var(--fg-2);border:1px solid var(--line)}.rolechip.admin{color:var(--accent);border-color:#5b8def59}.acctmenu button{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;color:var(--fg-1);border:0;border-radius:var(--radius-sm);font:inherit;font-size:12.5px;cursor:pointer;transition:background .12s ease,color .12s ease}.acctmenu button:hover{background:var(--bg-3);color:var(--fg-0)}.acctmenu button.danger:hover{background:var(--down-dim);color:#ff8f96}.acctnote{margin:4px 0 0;padding:9px 10px 4px;border-top:1px solid var(--line-soft);font-size:10.5px;line-height:1.55;color:var(--fg-3)}