:root{--bg:#000;--panel:#161618;--main:#121214;--s1:#1c1c1e;--s2:#2c2c2e;--fill:#7676803d;--text:#fff;--text2:#ebebf59e;--text3:#ebebf5bf;--sep:#5454588c;--accent:#ff6b35;--accent-2:#ffb38f;--blue:#64d2ff;--accent-fill:#ff6b3533;--on-accent:#1a0a04;--red:#ff6961;--green:#30d158;--yellow:#ffd60a;--c-musonic:#e8622e;--c-other:#4f8fe8;--hover:#ffffff0f;--sel:#ffffff14;--rim:inset 0 .5px 0 #ffffff29,inset 0 0 0 .5px #ffffff0f;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:20px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:inherit}a{color:inherit}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--panel);flex-direction:column;gap:2px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.brand svg{width:30px;height:30px}.brand b{font-size:16px}.brand small{color:var(--text2);font-size:12px;font-weight:400;display:block}.nav-title{color:var(--text2);letter-spacing:.06em;text-transform:uppercase;padding:14px 10px 6px;font-size:11px}.nav a{border-radius:var(--r-sm);color:var(--text3);align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.nav a:hover{background:var(--hover)}.nav a.on{background:var(--sel);color:var(--text)}.nav a .count{background:var(--accent-fill);color:var(--accent);border-radius:99px;margin-left:auto;padding:1px 7px;font-size:12px}.side .me{border-top:.5px solid var(--sep);align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:var(--s2);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid}.main{background:var(--main);min-width:0;padding:28px 36px 60px}.page{max-width:1120px;display:none}.page.on{display:block}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:28px}h2{margin:0 0 12px;font-size:17px}.sub{color:var(--text2);margin:4px 0 0}.grid{gap:14px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:var(--s1);border-radius:var(--r-lg);box-shadow:var(--rim);padding:18px}.stat b{letter-spacing:-.01em;font-size:26px;font-weight:650;display:block}.stat span{color:var(--text2);font-size:13px}.stat em{color:var(--text2);font-size:12px;font-style:normal}.mt{margin-top:22px}.mt-s{margin-top:12px}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--text2)}.small{font-size:13px}.alert{border-radius:var(--r-md);background:#ff69611f;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex;box-shadow:inset 0 0 0 .5px #ff696159}.alert.warn{background:#ffd60a14;box-shadow:inset 0 0 0 .5px #ffd60a4d}.alert b{display:block}.alert p{color:var(--text3);margin:2px 0 0;font-size:14px}.alert .btn{flex:none;margin-left:auto}.btn{background:var(--fill);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.15)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.danger{color:var(--red);background:#ff696129}.btn.ghost{color:var(--text3);background:0 0}.btn.ghost:hover{background:var(--hover)}.btn.sm{padding:5px 11px;font-size:13px}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;padding:0 12px 10px;font-size:12px;font-weight:500}td{border-top:.5px solid var(--sep);vertical-align:middle;padding:11px 12px}tr.click:hover td{background:var(--hover);cursor:pointer}.tag{background:var(--fill);color:var(--text3);border-radius:99px;padding:2px 8px;font-size:12px;display:inline-block}.tag.accent{background:var(--accent-fill);color:var(--accent)}.tag.ok{color:var(--green);background:#30d15824}.tag.bad{color:var(--red);background:#ff696124}.tag.wait{color:var(--yellow);background:#ffd60a1f}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text2);font-size:13px}.input,select.input{background:var(--s2);border-radius:var(--r-sm);box-shadow:var(--rim);border:0;outline:none;width:100%;padding:10px 12px}.input:focus{box-shadow:0 0 0 2px var(--accent)}.setting{border-top:.5px solid var(--sep);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.setting:first-of-type{border-top:0}.setting b{font-weight:550;display:block}.setting p{color:var(--text2);margin:2px 0 0;font-size:13px}.toggle{background:var(--s2);width:44px;height:26px;box-shadow:var(--rim);border-radius:99px;flex:none;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .15s;position:absolute;top:2px;left:2px}.toggle.on{background:var(--green)}.toggle.on:after{left:20px}.seg{background:var(--s2);border-radius:99px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text3);white-space:nowrap;border-radius:99px;padding:5px 12px;font-size:13px}.seg{flex:none}.seg button.on{background:var(--fill);color:var(--text)}.bar{background:var(--s2);border-radius:99px;height:8px;display:flex;overflow:hidden}.bar i{background:var(--accent);min-width:3px;height:100%;display:block}.bar i.part{background:var(--accent-2)}.legend{background:var(--accent);vertical-align:0;border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.ticker{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:.5px solid var(--sep);white-space:nowrap;background:#121214eb;align-items:center;gap:18px;margin:-28px -36px 22px;padding:9px 36px;font-size:13px;display:flex;position:sticky;top:0;overflow:hidden}.ticker .m{color:var(--text3);align-items:center;gap:6px;display:flex}.ticker .m b{color:var(--text);font-variant-numeric:tabular-nums}.ticker .sep{background:var(--sep);width:.5px;height:16px}.ticker .alarm{color:var(--red);background:#ff696124;border-radius:99px;align-items:center;gap:8px;padding:3px 10px;text-decoration:none;display:flex}.ticker .alarm.w{color:var(--yellow);background:#ffd60a1f}.code{color:var(--text2);font:12px ui-monospace,Menlo,monospace}.search{background:var(--s2);border-radius:99px;align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.search input{background:0 0;border:0;outline:none;flex:1}.tabs{border-bottom:.5px solid var(--sep);gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--text2);border-bottom:2px solid #0000;padding:9px 14px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs{scrollbar-width:none;overflow-x:auto}.tabs button{white-space:nowrap;flex:none}.card:has(>table){overflow-x:auto}.grid>*{min-width:0}.log>div{overflow-wrap:anywhere}.cover{background:linear-gradient(135deg,#2c2c2e,#3a3a3c);border-radius:6px;flex:none;width:40px;height:40px}.cover.lg{border-radius:var(--r-md);width:150px;height:150px}.list-item{border-top:.5px solid var(--sep);align-items:center;gap:12px;padding:10px 0;display:flex}.list-item:first-child{border-top:0}.kv{grid-template-columns:150px 1fr;gap:8px 16px;font-size:14px;display:grid}.kv dt{color:var(--text2)}.kv dd{word-break:break-all;margin:0}.log{border-radius:var(--r-md);color:var(--text3);max-height:340px;box-shadow:var(--rim);background:#0a0a0b;padding:14px;font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.log .w{color:var(--yellow)}.log .e{color:var(--red)}.note{color:var(--text2);background:var(--s2);border-radius:var(--r-sm);padding:10px 12px;font-size:13px}.modal-bg{z-index:20;background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.on{display:flex}.modal{background:var(--s1);border-radius:var(--r-xl);box-shadow:var(--rim),0 18px 44px #0000008c;width:min(480px,100%);padding:24px}.modal h2{font-size:20px}.modal .actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.linkbox{background:var(--s2);border-radius:var(--r-sm);word-break:break-all;align-items:center;gap:8px;padding:10px 12px;font:13px ui-monospace,Menlo,monospace;display:flex}.public{background:radial-gradient(1200px 600px at 50% -20%,#1c1c1e,#000);place-items:center;min-height:100vh;padding:24px;display:grid}.public .box{width:min(400px,100%)}.public .logo{justify-content:center;margin-bottom:22px;display:flex}.public .logo svg{width:64px;height:64px}.public h1{text-align:center;font-size:24px}.public .sub{text-align:center;margin-bottom:24px}.btn.block{justify-content:center;width:100%;padding:12px}@media (width<=900px){.ticker{margin:-20px -16px 18px;padding:9px 16px}.app{grid-template-columns:1fr}.side{height:auto;position:static}.g4,.g3,.g2{grid-template-columns:1fr 1fr}.main{padding:20px 16px 60px}}@media (width<=560px){.g4,.g3,.g2,.kv{grid-template-columns:1fr}.hide-s{display:none}.setting,.alert{flex-wrap:wrap}.alert .btn{margin-left:0}.spread{flex-wrap:wrap}.search{width:100%;min-width:0}.head .row{flex-wrap:wrap}}.page{display:block}.error-line{color:var(--red);margin:8px 0 0;font-size:14px}.empty{color:var(--text2);text-align:center;padding:18px 12px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.section-title h2{margin:0}.linkbox span{flex:1;min-width:0}.public .error-line{text-align:center}.nav a .ico{opacity:.9;flex:none;width:18px;height:18px}.soon{color:var(--text2);margin-left:auto;font-size:11px;display:inline-block}.alert>div:first-child{flex:1}a.tag{text-decoration:none}.filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filters .period{gap:4px}.filters .period b{text-align:center;text-transform:capitalize;min-width:150px;font-weight:550}.btn:disabled{opacity:.35;cursor:default;filter:none}.hero{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.hero b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:650}.bar.quota{background:var(--s2);gap:2px;height:12px}.bar.quota i:last-child{border-radius:0 99px 99px 0}.chart{min-width:0}.chart-legend{color:var(--text3);gap:16px;margin-top:10px;font-size:13px;display:flex}.chart-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-box{margin-top:10px;position:relative}.chart-box svg{display:block;overflow:visible}.chart-box text{fill:var(--text2);font-variant-numeric:tabular-nums;font-size:11px}.chart-box .grid{stroke:var(--sep);stroke-width:.5px;stroke-dasharray:2 3}.chart-box .axis{stroke:var(--sep);stroke-width:1px}.chart-box .crosshair{stroke:var(--text2);stroke-width:1px}.chart-box .marker{stroke:var(--s1);stroke-width:2px}.chart-empty{color:var(--text2);pointer-events:none;place-items:center;font-size:13px;display:grid;position:absolute;inset:0 0 24px 56px}.chart-tip{background:var(--s2);box-shadow:var(--rim),0 8px 24px #00000073;border-radius:var(--r-sm);pointer-events:none;z-index:2;min-width:170px;padding:8px 10px;font-size:12.5px;position:absolute;top:0;transform:translate(-50%)}.chart-tip b{margin-bottom:4px;font-weight:550;display:block}.chart-tip div{color:var(--text3);align-items:center;gap:6px;display:flex}.chart-tip div span{color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.chart-tip i{border-radius:2px;flex:none;width:8px;height:8px}.chart-tip .tip-total{border-top:.5px solid var(--sep);margin-top:4px;padding-top:4px}.chart-table{max-height:240px;margin-top:10px;font-size:13px;overflow:auto}.chart-table td{font-variant-numeric:tabular-nums;padding:7px 12px}.nav a.on .ico{color:var(--accent);opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{margin:8px 0}::-webkit-scrollbar-thumb{background:#ff6b35bf padding-box padding-box;border:1.5px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}::-webkit-scrollbar-thumb:active{background-color:var(--accent)}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:#ff6b35bf transparent}}.diskbar{gap:2px;height:12px}.diskbar i{min-width:0}.disk-legend{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px;margin-top:12px;font-size:13px;display:grid}.disk-legend .legend{margin:0}.disk-legend span:nth-child(3n){font-variant-numeric:tabular-nums;text-align:right}.chart.wide{grid-column:1/-1}.filters .search{flex:1;min-width:min(320px,100%);max-width:420px}.journal{padding:6px 18px 14px}.jday{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;background:var(--s1);z-index:1;margin:16px 0 4px;padding:4px 0;font-size:12px;font-weight:600;position:sticky;top:38px}.jday:first-letter{text-transform:uppercase}.jrow{border-top:.5px solid var(--sep);grid-template-columns:46px 18px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:grid}.jday+.jrow{border-top:0}.jtime{color:var(--text2);font-variant-numeric:tabular-nums;font-size:12.5px}.jico{color:var(--text3)}.jrow.problem .jico{color:var(--yellow)}.jtext{min-width:0}.jtag{margin-left:8px;padding:1px 7px;font-size:11px}.jmeta{color:var(--text2);text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12.5px;overflow:hidden}.jend{text-align:center;margin:14px 0 0}@media (width<=700px){.jrow{grid-template-columns:40px 18px 1fr}.jmeta{text-align:left;grid-column:3}}.ticker a.m{border-radius:6px;margin:-2px -4px;padding:2px 4px;text-decoration:none}.ticker a.m:hover{background:var(--hover);color:var(--text)}.ticker .m b{text-align:left;display:inline-block}.ticker .w-rate{min-width:5.4em}.ticker .m b.w-count{text-align:right;min-width:1.3em}.ticker .w-cpu{min-width:2.8em}.ticker .w-ram{min-width:4.2em}.anchor{scroll-margin-top:60px}.tag,.tag.accent,.tag.ok,.tag.bad,.tag.wait{background:0 0;border-radius:0;padding:0;font-size:13px;display:inline}.tag{color:var(--text2)}.tag.accent{color:var(--accent)}.tag.ok{color:var(--text2)}.tag.bad{color:var(--red)}.tag.wait{color:var(--text3)}.row .tag{margin-left:2px}.text-link{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:550;text-decoration:none}.text-link:hover{text-decoration:underline}.jtag{color:var(--text2);margin-left:8px;font-size:12.5px}.ticker .m.down{color:var(--red)}.ticker .alarm,.ticker .alarm.w{background:0 0;gap:6px;padding:0}.ticker .alarm.w{color:var(--yellow)}.ticker .alarm.first{margin-left:auto}img.cover{object-fit:cover}.miniplayer{z-index:5;border-radius:var(--r-md);background:var(--s2);max-width:1120px;box-shadow:0 12px 32px #00000073,var(--rim);align-items:center;gap:14px;margin-top:28px;padding:10px 14px;display:flex;position:sticky;bottom:16px}.miniplayer .cover{width:44px;height:44px}.miniplayer__text{flex-direction:column;flex:none;width:220px;min-width:0;display:flex}.miniplayer__text b,.miniplayer__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.miniplayer__play{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.miniplayer__time{color:var(--text2);font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:34px;font-size:12px}.miniplayer__seek{appearance:none;background:linear-gradient(to right,var(--accent) var(--p,0%),var(--fill) var(--p,0%));cursor:pointer;border-radius:2px;flex:1;min-width:60px;height:4px}.miniplayer__seek::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px}.miniplayer__seek::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}@media (width<=700px){.miniplayer{flex-wrap:wrap}.miniplayer__text{flex:1;width:auto}.miniplayer__seek{flex-basis:100%;order:5}}