@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}:root{--bg:#08070f;--surface:#0f0d1c;--surface-2:#151228;--line:#ece9ff17;--line-strong:#ece9ff2e;--text:#ece9ff;--muted:#a19dc0;--dim:#8d89ab;--faint:#6f6b8e;--violet:#8b6bff;--violet-soft:#b3a1ff;--cyan:#3ddcf5;--mint:#5fe3a1;--amber:#ffb547;--orange:#ff8f5a;--red:#ff5d73;--sans:"Inter Tight Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--radius:16px;--gutter:16px;--safe-l:max(var(--gutter), env(safe-area-inset-left));--safe-r:max(var(--gutter), env(safe-area-inset-right));--tone:var(--muted);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:0 0;font-size:1rem;line-height:1.5;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(ellipse 70% 50% at 85% -5%, #8b6bff29, transparent 70%), radial-gradient(ellipse 55% 45% at -5% 105%, #3ddcf512, transparent 70%), radial-gradient(ellipse 40% 30% at 30% 40%, #8b6bff0a, transparent 70%), var(--bg)}body:after{opacity:.55;background-image:radial-gradient(1px 1px at 23px 41px,#fff,#0000 60%),radial-gradient(1px 1px at 141px 97px,#b3a1ff,#0000 60%),radial-gradient(1.4px 1.4px at 211px 19px,#ece9ff,#0000 60%),radial-gradient(1px 1px at 77px 203px,#fff,#0000 60%),radial-gradient(1px 1px at 190px 171px,#3ddcf5,#0000 60%),radial-gradient(1px 1px at 61px 311px,#ece9ff,#0000 60%),radial-gradient(1.4px 1.4px at 297px 251px,#fff,#0000 60%),radial-gradient(1px 1px at 331px 77px,#b3a1ff,#0000 60%),radial-gradient(1px 1px at 251px 347px,#fff,#0000 60%),radial-gradient(1px 1px at 113px 389px,#fff,#0000 60%);background-size:360px 410px;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 40%,#0000 100%)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul,ol{list-style:none}::selection{background:var(--violet);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.skip{top:calc(8px + env(safe-area-inset-top));left:var(--safe-l);z-index:50;background:var(--violet);color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;translate:0 -200%}.skip:focus-visible{translate:0}.tone-ok{--tone:var(--mint)}.tone-warn{--tone:var(--amber)}.tone-crit{--tone:var(--red)}.tone-info{--tone:var(--cyan)}.tone-none,.sev-0{--tone:var(--dim)}.sev-1{--tone:var(--cyan)}.sev-2{--tone:var(--amber)}.sev-3{--tone:var(--orange)}.sev-4{--tone:var(--red)}.sev-5{--tone:#ff3b63}.txt-crit{color:var(--red)}.icon-btn{border:1px solid var(--line);min-width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:#ece9ff0a}.icon-btn svg,.input-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.btn-primary{color:#fff;letter-spacing:.005em;background:linear-gradient(135deg,#9b80ff,#6a4dff);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 20px;font-weight:600;transition:filter .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 24px -12px #8b6bffcc,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-ghost{border:1px solid var(--line-strong);min-height:44px;color:var(--text);border-radius:12px;padding:0 16px;font-weight:500}.btn-ghost:hover{background:#ece9ff0d}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:.6875rem}.logo{align-items:center;gap:12px;display:inline-flex}.logo-mark{flex:none;width:28px;height:28px;overflow:visible}.logo-word{letter-spacing:-.02em;font-size:1.375rem;font-weight:560}.logo-noc{color:var(--violet-soft);font-weight:450}.splash{min-height:100dvh;padding:24px var(--safe-r) 24px var(--safe-l);text-align:center;place-content:center;justify-items:center;gap:14px;display:grid}.splash-mark{width:52px;height:52px;animation:1.8s ease-in-out infinite breathe}.splash-mark.is-still{animation:none}.splash-title{font-size:1.25rem;font-weight:560}.splash-sub{color:var(--muted);margin-bottom:8px}.splash .btn-primary{width:auto}@keyframes breathe{50%{opacity:.45;scale:.94}}.login{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) var(--safe-r) calc(24px + env(safe-area-inset-bottom)) var(--safe-l);align-content:center;justify-items:center;gap:20px;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(#151228eb,#0f0d1ce6);border-radius:22px;width:min(100%,400px);padding:28px 24px 24px;box-shadow:0 30px 80px -40px #8b6bff73,inset 0 1px #ece9ff0d}.login-brand{gap:10px;margin-bottom:24px;display:grid}.login-brand .logo-mark{width:34px;height:34px}.login-sub{color:var(--muted);font-size:.9375rem}.login-note{color:var(--violet-soft);background:#8b6bff1a;border:1px solid #8b6bff40;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.field{gap:8px;margin-bottom:18px;display:grid}.field label{color:var(--muted);font-size:.8125rem;font-weight:500}.input-wrap{position:relative}.input-wrap input{border:1px solid var(--line-strong);width:100%;height:50px;color:var(--text);font:inherit;background:#08070f8c;border-radius:12px;padding:0 52px 0 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-wrap input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #8b6bff40}.input-wrap input[aria-invalid=true]{border-color:#ff5d73b3}.input-toggle{width:44px;height:44px;color:var(--dim);border-radius:10px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.input-toggle:hover{color:var(--text)}.otp{cursor:text;position:relative}.otp input{z-index:1;opacity:0;caret-color:#0000;border:0;width:100%;font-size:16px;position:absolute;inset:0}.otp-slots{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp-slot{border:1px solid var(--line-strong);height:54px;font-family:var(--mono);background:#08070f8c;border-radius:12px;place-items:center;font-size:1.375rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.otp-slots{grid-template-columns:repeat(3,minmax(0,1fr)) 2px repeat(3,minmax(0,1fr))}.otp-slot:nth-child(4){grid-column:5}.otp.is-focused .otp-slot.is-active{border-color:var(--violet);box-shadow:0 0 0 3px #8b6bff40}.otp.is-focused .otp-slot.is-active:not(.is-filled):after{content:"";background:var(--violet-soft);width:1.5px;height:22px;animation:1s steps(2,start) infinite blink}.otp.is-error .otp-slot{border-color:#ff5d7399}@keyframes blink{to{visibility:hidden}}.hint{color:var(--dim);font-size:.8125rem}.login-error-slot{min-height:8px}.login-error{color:#ffb3bf;background:#ff5d731a;border:1px solid #ff5d734d;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:.875rem;display:flex}.login-error.is-locked{color:#ffd699;background:#ffb54717;border-color:#ffb5474d}.login-error svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:18px;height:18px;margin-top:1px}.login-foot,.mock-note{font-family:var(--mono);letter-spacing:.04em;color:var(--dim);text-align:center;font-size:.6875rem}.mock-note{color:var(--amber);opacity:.8;margin-top:16px}.bar{z-index:20;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#08070fc7;position:sticky;top:0}.bar-inner{max-width:1360px;padding:8px var(--safe-r) 8px var(--safe-l);grid-template-columns:auto 1fr auto;grid-template-areas:"brand pill out""meta meta meta";align-items:center;gap:4px 10px;margin:0 auto;display:grid}.bar-brand{grid-area:brand;align-items:center;gap:10px;display:inline-flex}.bar-brand .logo-mark{width:26px;height:26px}.bar-title{letter-spacing:-.015em;white-space:nowrap;font-weight:560;display:none}.pill{border:1px solid color-mix(in srgb, var(--tone) 38%, transparent);background:color-mix(in srgb, var(--tone) 11%, transparent);white-space:nowrap;border-radius:999px;grid-area:pill;justify-self:start;align-items:center;gap:9px;max-width:100%;min-height:34px;padding:0 14px 0 12px;font-size:.875rem;font-weight:560;transition:background-color .4s,border-color .4s;display:inline-flex}.pill-text{text-overflow:ellipsis;overflow:hidden}.pill-dot,.badge-dot,.link-dot,.cert-dot{background:var(--tone);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 22%, transparent), 0 0 12px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:50%;flex:none}.pill.tone-crit .pill-dot{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--tone) 0%, transparent), 0 0 16px var(--tone)}}.bar-meta{min-height:24px;font-family:var(--mono);color:var(--muted);flex-wrap:wrap;grid-area:meta;justify-content:space-between;align-items:center;gap:6px 14px;font-size:.6875rem;display:flex}.meta-label{color:var(--dim)}.link{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.link .link-dot{width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--tone) 70%, transparent)}.link--live{--tone:var(--mint)}.link--connecting,.link--reconnecting,.link--stale{--tone:var(--amber)}.link--zabbix{--tone:var(--red)}.link--live .link-dot{animation:2.4s ease-in-out infinite heartbeat}.link--reconnecting .link-dot,.link--connecting .link-dot{animation:1s ease-in-out infinite breathe}@keyframes heartbeat{0%,to{opacity:1}50%{opacity:.45}}.clock{color:var(--text);white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.clock-day{color:var(--muted);font-family:var(--sans);font-size:.75rem;display:none}.clock-tz{color:var(--dim)}.bar-out{grid-area:out;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.bar-out-text{font-size:.875rem;display:none}@media (min-width:480px){.bar-title{display:inline}}@media (min-width:960px){.bar-inner{grid-template-columns:auto auto 1fr auto;grid-template-areas:"brand pill meta out";column-gap:18px;padding-top:10px;padding-bottom:10px}.bar-meta{justify-content:flex-end;gap:22px;font-size:.75rem}.clock-day,.bar-out-text{display:inline}.bar-out{padding:0 14px}}.page{max-width:1360px;padding:16px var(--safe-r) calc(28px + env(safe-area-inset-bottom)) var(--safe-l);margin:0 auto}.page:focus{outline:none}.layout{flex-direction:column;gap:14px;display:flex}.col-main,.col-rail{display:contents}.card--problems{order:0}.card--server{order:1}.sites{order:2}.card--nginx{order:3}.card--timeline{order:4}.sites{gap:14px;display:grid}@media (min-width:720px){:root{--gutter:24px}.sites{grid-template-columns:1fr 1fr}.page{padding-top:22px}}@media (min-width:1120px){.layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px);align-items:start;gap:18px;display:grid}.col-main,.col-rail{flex-direction:column;gap:18px;min-width:0;display:flex}.sites{gap:18px}}.page-foot{text-align:center;font-family:var(--mono);color:var(--dim);margin-top:22px;font-size:.6875rem}.mock-chip{right:var(--safe-r);bottom:calc(12px + env(safe-area-inset-bottom));z-index:15;color:var(--amber);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#08070fd9;border:1px dashed #ffb54773;border-radius:999px;padding:4px 10px;font-size:.625rem;position:fixed}.card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#151228db,#0f0d1cd1);min-width:0;padding:16px;box-shadow:inset 0 1px #ece9ff0a}@media (min-width:720px){.card{padding:20px}}.card.is-down{background:radial-gradient(80% 60% at 100% 0,#ff5d7314,#0000 70%),linear-gradient(#151228db,#0f0d1cd1);border-color:#ff5d7359}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-head h2{letter-spacing:-.015em;margin-top:2px;font-size:1.0625rem;font-weight:580}.card-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);background:color-mix(in srgb, var(--tone) 10%, transparent);height:26px;color:var(--tone);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.6875rem;font-weight:500;display:inline-flex}.badge-dot{width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--tone) 70%, transparent)}.kv{white-space:nowrap;font-size:.8125rem}.kv-k{color:var(--dim);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem}.ext{overflow-wrap:anywhere;align-items:center;gap:6px;min-height:32px;text-decoration:none;display:inline-flex}.ext svg{fill:none;width:15px;height:15px;stroke:var(--dim);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:stroke .2s}.ext:hover svg{stroke:var(--cyan)}.tiles{gap:10px;display:grid}.tiles--server,.tiles--two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:560px){.tiles--server{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile-btn{border:1px solid var(--line);text-align:left;background:#ece9ff05;border-radius:12px;grid-template-rows:auto auto 1fr;gap:4px;width:100%;min-height:44px;padding:11px 12px 10px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.tile-btn:hover{border-color:color-mix(in srgb, var(--tone) 35%, var(--line));background:#ece9ff09}.tile-btn:active{background:#ece9ff0d}.tile-label{min-width:0;color:var(--muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.flag{background:color-mix(in srgb, var(--tone) 14%, transparent);color:var(--tone);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 6px;font-size:.5625rem}.tile-value{white-space:nowrap;text-overflow:ellipsis;font-size:1.1875rem;font-weight:500;line-height:1.25;overflow:hidden}.tile--wide .tile-btn{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;column-gap:16px}.tile--wide .tile-label{grid-area:1/1}.tile--wide .tile-value{grid-area:2/1;font-size:1.375rem}.tile--wide .spark{grid-area:1/2/3;align-self:center;height:44px}.spark{width:100%;height:30px;color:var(--tone);margin-top:4px;display:block;overflow:visible}.spark--empty{border-bottom:1px dashed var(--line-strong);height:16px;margin-bottom:14px}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:14px;padding-top:14px;display:grid}.facts dt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:3px;font-size:.6875rem}.facts dd{font-size:.9375rem}.facts-cert{grid-column:1/-1}.facts-cert dd{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.cert{align-items:center;gap:8px;display:inline-flex}.cert.tone-warn,.cert.tone-crit{color:var(--tone)}.cert-dot{align-self:center;width:7px;height:7px}.cert-issuer{color:var(--muted);font-size:.8125rem}.count{vertical-align:2px;background:#ece9ff12;border-radius:999px;place-items:center;min-width:24px;height:22px;margin-left:6px;padding:0 7px;font-size:.75rem;display:inline-grid}.empty{align-items:center;gap:14px;padding:6px 2px 4px;display:flex}.empty-check{fill:#5fe3a114;width:44px;height:44px;stroke:var(--mint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #5fe3a159);flex:none}.empty-title{font-weight:560}.empty-sub,.muted-line{color:var(--muted);font-size:.875rem}.problems{gap:8px;display:grid}.problem{border:1px solid color-mix(in srgb, var(--tone) 24%, transparent);background:color-mix(in srgb, var(--tone) 6%, transparent);border-radius:12px;grid-template-columns:3px 1fr auto;align-items:start;gap:12px;padding:12px 12px 12px 0;display:grid;overflow:hidden}.problem-bar{background:var(--tone);box-shadow:0 0 14px var(--tone);align-self:stretch;margin:-12px 0}.problem-name{font-size:.9375rem;font-weight:520;line-height:1.35}.problem-meta,.tl-meta{color:var(--muted);flex-wrap:wrap;gap:2px 12px;margin-top:5px;font-size:.8125rem;display:flex}.sev-label{color:var(--tone);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;font-size:.6875rem;line-height:1.7}.ack{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap;border:1px solid var(--line-strong);border-radius:6px;padding:3px 7px;font-size:.625rem}.ack.is-ack{color:var(--mint);border-color:#5fe3a14d}.ack svg{vertical-align:-1px;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px;margin-right:4px}.timeline{display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--line-strong), var(--line) 80%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:4.5px}.tl{grid-template-columns:10px 1fr;gap:14px;padding:7px 0 9px;display:grid;position:relative}.tl-dot{background:var(--tone);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface), 0 0 10px color-mix(in srgb, var(--tone) 60%, transparent);border-radius:50%;margin-top:5px}.tl--resolved{--tone:var(--mint)}.tl--resolved .tl-dot{background:var(--surface);border:2px solid var(--mint);box-shadow:0 0 0 3px var(--surface)}.tl-name{font-size:.875rem;line-height:1.4}.tl-type{color:var(--tone);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;margin-right:8px;font-size:.625rem}.tl-meta{margin-top:2px;font-size:.75rem}.tl-meta time{color:var(--text)}.banners{gap:10px;margin-bottom:14px;display:grid}.banner{border:1px solid color-mix(in srgb, var(--tone) 35%, transparent);background:color-mix(in srgb, var(--tone) 9%, #08070fcc);border-radius:12px;padding:11px 14px;font-size:.875rem}.banner strong{color:var(--tone);font-weight:600}.banner-detail{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:.75rem;display:block}.skel{background:linear-gradient(100deg,#0000 30%,#ece9ff09 50%,#0000 70%) 0 0/200% 100%,linear-gradient(#151228db,#0f0d1cd1);min-height:180px;animation:1.6s linear infinite shimmer}.skel--tall{min-height:300px}@keyframes shimmer{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}.fatal{justify-items:start;gap:8px;max-width:520px;margin:40px auto;display:grid}.fatal h2{font-size:1.125rem}.fatal p{color:var(--muted);margin-bottom:8px}.detail{border:0;border-top:1px solid var(--line-strong);background:linear-gradient(180deg, #17142c, var(--surface) 40%);width:100%;max-width:100%;max-height:min(90dvh,720px);color:var(--text);overscroll-behavior:contain;border-radius:22px 22px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -30px 80px -30px #000000e6}.detail[open]{animation:sheet-in .32s var(--ease)}.detail::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04030a9e;animation:.25s fade-in}@keyframes sheet-in{0%{opacity:0;translate:0 40%}}@keyframes panel-in{0%{opacity:0;translate:30%}}@keyframes fade-in{0%{opacity:0}}.detail-body{padding:10px var(--safe-r) calc(20px + env(safe-area-inset-bottom)) var(--safe-l);position:relative}.detail-grip{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 10px;display:block}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-head h2{letter-spacing:-.02em;margin-top:2px;font-size:1.25rem;font-weight:580}.detail-now{align-items:baseline;gap:10px;margin:8px 0 16px;display:flex}.detail-now .num{letter-spacing:-.03em;font-size:2rem;font-weight:500}.detail-now-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);align-items:center;gap:6px;font-size:.6875rem;display:inline-flex}.detail-now-label:before{content:"";background:var(--tone);width:6px;height:6px;box-shadow:0 0 8px var(--tone);border-radius:50%}.seg{border:1px solid var(--line);background:#08070f80;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{min-width:56px;min-height:44px;font-family:var(--mono);color:var(--muted);border-radius:9px;padding:0 14px;font-size:.8125rem;transition:background-color .2s,color .2s}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{color:var(--text);background:#8b6bff38;box-shadow:inset 0 0 0 1px #8b6bff73}.detail-chart{min-height:220px;margin:40px 0 6px;position:relative}.chart{color:var(--tone);-webkit-user-select:none;user-select:none;position:relative}.chart svg{touch-action:pan-y;cursor:crosshair;display:block}.chart svg:focus-visible{outline-offset:4px}.chart-grid line{stroke:#ece9ff12}.chart-grid text{fill:var(--dim);font-family:var(--mono);font-size:10.5px}.chart-cross line{stroke:#ece9ff66;stroke-dasharray:3 3}.chart-tip{border:1px solid var(--line-strong);color:var(--text);pointer-events:none;white-space:nowrap;text-align:center;background:#17142cf5;border-radius:9px;gap:1px;padding:6px 10px;display:grid;position:absolute;top:-6px;translate:-50% -100%;box-shadow:0 10px 30px -10px #000c}.chart-tip strong{font-family:var(--mono);font-size:.875rem;font-weight:500}.chart-tip span{color:var(--muted);font-size:.6875rem}.chart-skeleton{background:linear-gradient(100deg,#0000 30%,#ece9ff0a 50%,#0000 70%) 0 0/200% 100%,repeating-linear-gradient(#0000 0 54px,#ece9ff0d 54px 55px);border-radius:12px;height:220px;animation:1.4s linear infinite shimmer}.chart-msg{border:1px dashed var(--line-strong);height:220px;color:var(--muted);border-radius:12px;place-content:center;justify-items:center;gap:12px;font-size:.9375rem;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stats div{border:1px solid var(--line);background:#ece9ff05;border-radius:12px;padding:10px 12px}.stats dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:.6875rem}.stats dd{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.9375rem;overflow:hidden}.detail-foot{font-family:var(--mono);color:var(--dim);margin-top:14px;font-size:.6875rem}@media (min-width:960px){.detail{border-top:0;border-left:1px solid var(--line-strong);background:linear-gradient(180deg, #17142c, var(--surface) 30%);border-radius:0;width:min(600px,46vw);height:100dvh;max-height:100dvh;inset:0 0 0 auto;box-shadow:-30px 0 80px -30px #000000e6}.detail[open]{animation-name:panel-in}.detail-body{padding:calc(24px + env(safe-area-inset-top)) 28px 28px}.detail-grip{display:none}.detail-chart{min-height:280px}.chart-skeleton,.chart-msg{height:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.pill-dot,.badge-dot,.link-dot,.tl-dot,.problem-bar{forced-color-adjust:none}}