:root{--display:"ZCOOL KuaiLe","PingFang SC","Microsoft YaHei",sans-serif;--num:"Baloo 2","PingFang SC",sans-serif;--body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--bg:#f7ecd6;--paper:#fffaf0;--paper-soft:#fcf1dc;--ink:#4a2f1a;--muted:#8a6a4e;--line:#e7d3ae;--frame:#9a6631;--frame-soft:#d9b98a;--drop:#9a66312e;--accent:#e8681a;--accent-2:#ff9a3c;--gold:#f2b10c;--gold-soft:#fff1b8;--green:#2f8a4c;--green-2:#45b468;--header:#fff6e2;--series:#2f86c9;--series-wash:#2f86c91a;--critical:#e0452b;--critical-soft:#fde3dc;--warning:#b77900;--good:#2f8a4c;--grid:#efe2c6;font-family:var(--body);color:var(--ink);background:var(--bg);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1528;--paper:#18203b;--paper-soft:#202a4b;--ink:#f3ead6;--muted:#a7b0cd;--line:#323e66;--frame:#5462a0;--frame-soft:#3a4777;--drop:#00000055;--accent:#ff9c45;--accent-2:#ffbf6b;--gold:#ffd23f;--gold-soft:#4a3d1a;--green:#5fd394;--green-2:#2f9c66;--header:#131a33;--series:#3d95e0;--series-wash:#3d95e01f;--critical:#e85a34;--critical-soft:#4a2028;--warning:#ffd23f;--good:#5fd394;--grid:#26304f;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1528;--paper:#18203b;--paper-soft:#202a4b;--ink:#f3ead6;--muted:#a7b0cd;--line:#323e66;--frame:#5462a0;--frame-soft:#3a4777;--drop:#00000055;--accent:#ff9c45;--accent-2:#ffbf6b;--gold:#ffd23f;--gold-soft:#4a3d1a;--green:#5fd394;--green-2:#2f9c66;--header:#131a33;--series:#3d95e0;--series-wash:#3d95e01f;--critical:#e85a34;--critical-soft:#4a2028;--warning:#ffd23f;--good:#5fd394;--grid:#26304f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:15px;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 40%),radial-gradient(circle at 100% 30%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 35%),var(--bg)}button,select,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font:400 1.8rem/1.2 var(--display);letter-spacing:.02em}h2{font:400 1.35rem/1.3 var(--display);letter-spacing:.02em}h3{font-size:1rem;font-weight:800}p{line-height:1.7}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:var(--paper-soft);border:1px solid var(--line);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem;line-height:1.7}.icon{flex-shrink:0;vertical-align:-3px}.overline{display:block;font:700 .7rem var(--num);letter-spacing:.2em;color:var(--accent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:var(--paper);border:2px solid var(--frame-soft);border-radius:12px;padding:8px 14px;font-size:.875rem;font-weight:800;box-shadow:0 3px 0 var(--frame-soft);transition:transform .12s,box-shadow .12s,background .15s,border-color .15s;white-space:nowrap}button:hover:not(:disabled),.button:hover{border-color:var(--accent);background:var(--paper-soft)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--frame-soft)}button:disabled{opacity:.45;cursor:default}button.small{padding:5px 10px;font-size:.8rem;border-radius:10px;box-shadow:0 2px 0 var(--frame-soft)}button.ghost{box-shadow:none;background:transparent;border-color:transparent}button.ghost:hover:not(:disabled){border-color:var(--frame-soft)}.primary{background:linear-gradient(180deg,var(--green-2),var(--green))!important;color:#fff;border-color:#1f6a39!important;box-shadow:0 4px #1f6a39!important;text-shadow:0 1px 0 #0003}[data-theme=dark] .primary{color:#0b2416;text-shadow:none}.accent{background:linear-gradient(180deg,var(--accent-2),var(--accent))!important;color:#fff;border-color:#b64d0e!important;box-shadow:0 3px #b64d0e!important}.danger{background:var(--critical)!important;color:#fff;border-color:color-mix(in srgb,var(--critical) 70%,#000)!important;box-shadow:0 3px color-mix(in srgb,var(--critical) 60%,#000)!important}.danger-text{color:var(--critical)}.icon-button{width:40px;height:40px;padding:0;border-radius:50%}input,select,textarea{background:var(--paper);border:2px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{width:100%;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;padding:0;flex-shrink:0}input[type=number]{width:84px}input[type=number].wide{width:120px}label{display:grid;gap:6px;font-size:.85rem;font-weight:700}label input:not([type=checkbox]){font-weight:400}.card{background:var(--paper);border:2px solid var(--line);border-radius:18px;box-shadow:0 5px 0 var(--drop);padding:18px;min-width:0}.topbar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:12px 28px;background:var(--header);border-bottom:3px solid var(--frame-soft);position:relative}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:6px;background:repeating-linear-gradient(90deg,var(--accent) 0 18px,var(--gold) 18px 36px,var(--green-2) 36px 54px);opacity:.5}.wordmark{display:flex;align-items:center;gap:10px}.logo{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#fffdf4,#ffe9b8);border:2px solid var(--frame-soft);box-shadow:0 3px 0 var(--frame-soft)}.logo svg{width:34px;height:34px}.wordmark-text{font:400 1.25rem/1.1 var(--display);display:flex;flex-direction:column}.wordmark-text small{font:700 .65rem var(--num);letter-spacing:.2em;color:var(--muted);margin-top:3px}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav a{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font-weight:800;font-size:.9rem;color:var(--muted)}.topbar nav a:hover{background:var(--paper-soft);color:var(--ink)}.topbar nav a[aria-current=page]{background:var(--paper);color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.connection{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.connection i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.connection[data-state=live] i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 25%,transparent)}.connection[data-state=down] i{background:var(--critical)}.connection[data-state=down]{color:var(--critical)}#theme{padding:5px 8px;font-size:.8rem;font-weight:700;border-color:var(--frame-soft)}.banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 28px 0;padding:10px 14px;border-radius:12px;background:var(--gold-soft);border:2px solid var(--gold);font-size:.9rem;font-weight:700}main{padding:24px 28px 48px;max-width:1500px;margin:0 auto}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.page-head p{font-size:.85rem}.tiles,.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.tile{background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:12px 16px;display:grid;gap:2px}.tile span{font-size:.8rem;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:4px}.tile strong{font:700 1.6rem/1.2 var(--num)}.tile[data-alert=true]{border-color:var(--critical);background:var(--critical-soft)}.tile[data-alert=true] span{color:var(--critical)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:stretch}.account{display:flex;flex-direction:column;gap:10px;position:relative;min-width:0}.account[data-monitored=false]{opacity:.62}.account[data-alarm=quiet]{border-color:var(--critical)}.account[data-alarm=ringing]{border-color:var(--critical);animation:alarm 1.1s ease-in-out infinite}@keyframes alarm{0%,to{box-shadow:0 5px 0 var(--drop),0 0 color-mix(in srgb,var(--critical) 0%,transparent)}50%{box-shadow:0 5px 0 var(--drop),0 0 0 6px color-mix(in srgb,var(--critical) 45%,transparent);background:color-mix(in srgb,var(--critical-soft) 70%,var(--paper))}}.one-line,.card-title h3,.remark,.context,.strip-text,.exp10 small,.stats dd,.account footer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;height:58px}.card-title{all:unset;cursor:pointer;display:grid;gap:2px;min-width:0;flex:1;border-radius:8px}.card-title:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card-title h3{font:400 1.2rem/1.4 var(--display)}.card-title:hover h3{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.remark{display:block;font-size:.8rem;line-height:1.4;min-height:1.4em;color:var(--muted)}.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.edit-button{padding:3px 9px!important}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--paper-soft);border:1px solid var(--line);white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status[data-status=recording] i{background:var(--good)}.status[data-status=auto-paused] i,.status[data-status=manual-paused] i{background:var(--gold)}.status[data-status=offline]{color:var(--critical);border-color:var(--critical)}.status[data-status=offline] i{background:var(--critical)}.chip{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--paper-soft);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.chip.on{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,transparent)}.chip.off{color:var(--critical);border-color:color-mix(in srgb,var(--critical) 50%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:4px}.strip{height:40px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 6px 0 10px;border-radius:10px;font-size:.82rem;font-weight:700;border:1px solid transparent}.strip-text{flex:1;min-width:0}.strip-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.strip-actions button{padding:3px 8px;font-size:.75rem}.strip[data-tone=ok]{background:color-mix(in srgb,var(--good) 9%,var(--paper));color:var(--good)}.strip[data-tone=off],.strip[data-tone=muted]{background:var(--paper-soft);color:var(--muted);border-color:var(--line)}.strip[data-tone=alert]{background:var(--critical-soft);border-color:color-mix(in srgb,var(--critical) 45%,transparent);color:var(--ink)}.strip[data-tone=alert]>.icon,.strip[data-tone=alert] b{color:var(--critical)}.mute-select{padding:3px 6px;font-size:.75rem;font-weight:800;border:2px solid var(--frame-soft);border-radius:10px;background:var(--paper);cursor:pointer;max-width:84px}.level-row{display:flex;align-items:center;gap:10px}.lv{font:800 1.05rem/1.5 var(--num);color:var(--accent);min-width:52px}.pct{font:700 .9rem/1.5 var(--num);color:var(--muted);min-width:56px;text-align:right}.exp-bar{flex:1;height:12px;border-radius:7px;background:#3a2a1e;overflow:hidden}.exp-bar i{display:block;height:100%;background:linear-gradient(180deg,#fff6a8 0 18%,#ffd84a 20% 55%,#f0a810);border-radius:7px}.context{font-size:.85rem;line-height:1.5;color:var(--muted)}.exp10{display:grid;grid-template-rows:auto 2.3rem 14px auto;align-items:center;gap:2px;padding:10px 12px;border-radius:12px;background:var(--paper-soft)}.exp10 .label{font-size:.78rem;color:var(--muted);font-weight:700}.exp10 .value{font:700 1.9rem/2.3rem var(--num)}.exp10 .value.muted{font:400 1.3rem/2.3rem var(--display);color:var(--muted)}.exp10[data-low=true] .value{color:var(--critical)}.exp10 small{font-size:.78rem;line-height:1.5;color:var(--muted)}.meter{position:relative;height:8px;border-radius:4px;background:var(--line)}.meter i{display:block;height:100%;border-radius:4px;background:var(--good)}.meter[data-low=false]{background:color-mix(in srgb,var(--good) 18%,var(--paper))}.meter[data-low=true]{background:color-mix(in srgb,var(--critical) 18%,var(--paper))}.meter[data-low=true] i{background:var(--critical)}.meter b{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink);border-radius:1px}.segmented{display:inline-flex;padding:3px;gap:2px;border:2px solid var(--frame-soft);border-radius:12px;background:var(--paper)}.segmented button{box-shadow:none;border:0;border-radius:9px;padding:5px 12px;font-size:.8rem;background:transparent;color:var(--muted)}.segmented button:active:not(:disabled){transform:none}.segmented button[aria-pressed=true]{background:var(--gold-soft);color:var(--ink)}.spark{position:relative;height:44px;margin-right:4px}.spark svg{display:block;width:100%;height:100%;overflow:visible}.spark-line{fill:none;stroke:var(--series);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.spark-area{fill:var(--series-wash);stroke:none}.spark-threshold{stroke:var(--critical);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.spark-dot{position:absolute;right:-4px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--series);box-shadow:0 0 0 2px var(--paper)}.spark-empty{display:grid;place-items:center;font-size:.78rem;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.stats div{min-width:0}.stats dt{font-size:.72rem;line-height:1.5;color:var(--muted);font-weight:700}.stats dd{margin:0;font:700 1rem/1.5 var(--num)}.account footer{font-size:.75rem;line-height:1.5;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px;margin-top:auto}.empty-state{display:grid;gap:10px;justify-items:start;max-width:520px}.endpoint-card{display:grid;gap:8px;margin-bottom:16px}.endpoint-card>span:first-child{font-size:.8rem;font-weight:800;color:var(--muted)}.endpoint-card small{color:var(--muted)}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.table-card{padding:6px 10px;overflow-x:auto}.accounts-table{width:100%;border-collapse:collapse}.accounts-table th{text-align:left;font-size:.78rem;color:var(--muted);padding:10px 8px;border-bottom:2px solid var(--line)}.accounts-table td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.accounts-table tr:last-child td{border-bottom:0}.accounts-table td small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}.accounts-table .actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:start}.settings-grid form{display:grid;gap:12px}.form-actions{display:flex;justify-content:flex-end}label.inline{display:flex;align-items:center;gap:8px}fieldset.rules{border:2px solid var(--line);border-radius:14px;padding:10px 14px 12px;display:grid;gap:8px;margin:0}fieldset.rules legend{font-weight:800;font-size:.85rem;padding:0 6px}label.rule{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-weight:600}label.rule input[type=number]{padding:4px 8px}.switches{display:grid;gap:8px}label.switch{display:flex;align-items:center;gap:8px;font-weight:600}dialog{border:2px solid var(--frame-soft);border-radius:18px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 10px 0 var(--drop),0 24px 60px #0004;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px)}dialog::backdrop{background:#1a10066b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog-body{display:grid;gap:14px;padding:22px}.dialog-body h2{display:flex;align-items:center;gap:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-error{color:var(--critical);font-size:.85rem;font-weight:700}.warn{display:flex;gap:6px;align-items:flex-start;padding:8px 12px;border-radius:10px;background:var(--gold-soft);border:1px solid var(--gold);font-size:.85rem;font-weight:700}.steps{margin:0;padding-left:20px;font-size:.85rem;line-height:1.8;color:var(--muted)}dialog.drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(920px,100vw);border-radius:18px 0 0 18px;border-right:0}.drawer-body{display:grid;gap:18px;padding:22px}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-body section{display:grid;gap:10px}.range-row{display:flex;gap:6px;flex-wrap:wrap}.range-row button[aria-pressed=true]{border-color:var(--accent);background:var(--gold-soft)}#detail-content{display:grid;gap:22px;transition:opacity .15s}.chart-frame{position:relative}.chart{display:block;max-width:100%;overflow:visible;font-family:var(--body)}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chart .threshold-label{fill:var(--critical);font-weight:700;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.chart-line{fill:none;stroke:var(--series);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--series-wash)}.chart-dot{fill:var(--series);stroke:var(--paper);stroke-width:2}.chart-threshold{stroke:var(--critical);stroke-width:1;stroke-dasharray:5 4}.crosshair line{stroke:var(--muted);stroke-width:1}.crosshair circle{fill:var(--series);stroke:var(--paper);stroke-width:2}.chart .hit{cursor:crosshair}.chart-tip{position:absolute;pointer-events:none;display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--paper);border:2px solid var(--line);box-shadow:0 4px 12px #0002;white-space:nowrap;font-size:.8rem}.chart-tip strong{font:700 1rem var(--num)}.chart-tip span{color:var(--muted)}.empty{color:var(--muted);font-size:.9rem}.table-scroll{overflow-x:auto;max-height:360px;overflow-y:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{position:sticky;top:0;background:var(--paper-soft);text-align:left;padding:8px 10px;color:var(--muted);font-size:.75rem;white-space:nowrap}.data-table td{padding:7px 10px;border-top:1px solid var(--line);white-space:nowrap}.data-table td.num{font-variant-numeric:tabular-nums;text-align:right}details summary{cursor:pointer;font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:8px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(380px,100%);display:grid;gap:14px;justify-items:center;text-align:center;padding:28px}.login-card label{width:100%;text-align:left}.login-card button{width:100%}.login-card .logo{width:64px;height:64px}.login-card .logo svg{width:48px;height:48px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:20;max-width:calc(100vw - 32px);padding:10px 16px;border-radius:12px;background:var(--ink);color:var(--paper);font-weight:700;font-size:.9rem;box-shadow:0 6px 20px #0003}.toast[data-tone=error]{background:var(--critical);color:#fff}@media(max-width:720px){.topbar{padding:10px 16px}.top-actions{margin-left:0;width:100%;justify-content:space-between}main{padding:20px 16px 40px}.banner{margin:16px 16px 0}.cards{grid-template-columns:1fr}.accounts-table thead{display:none}.accounts-table tr{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.accounts-table td{border:0;padding:2px 4px;display:grid;grid-template-columns:72px 1fr;gap:8px}.accounts-table td:before{content:attr(data-label);font-size:.75rem;color:var(--muted);font-weight:700}.accounts-table td:last-child{display:block}.accounts-table td:last-child:before{content:none}.accounts-table .actions{justify-content:flex-start}dialog.drawer{width:100vw;border-radius:0}.drawer-body,.dialog-body{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.account[data-alarm=ringing]{box-shadow:0 0 0 4px color-mix(in srgb,var(--critical) 45%,transparent)}}