:root{--bg:#07111f;--bg-deep:#040a13;--panel:rgba(9,22,39,.82);--panel-solid:#0b1b2f;--line:rgba(117,181,221,.17);--line-strong:rgba(117,209,247,.43);--text:#e7f1f5;--muted:#8195a5;--cyan:#49e2db;--cyan-soft:#9dfff1;--yellow:#f2c26a;--danger:#ff7280;--display:'Barlow Condensed',Impact,sans-serif;--mono:'JetBrains Mono',Consolas,monospace}
.map-preview img{opacity:0;transition:opacity .2s}.map-preview img.is-loaded{opacity:1}
.modal-backdrop[hidden]{display:none}
.hero-art{position:relative;width:260px;flex:none;margin:0 22px 8px 0;overflow:hidden;border:1px solid var(--line-strong)}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:460/215;object-fit:cover}.hero-art figcaption{position:absolute;inset:auto 0 0;padding:20px 10px 8px;background:linear-gradient(0deg,rgba(3,10,17,.88),transparent);font-size:8px;letter-spacing:1.1px;color:var(--text)}.hero-art figcaption span{color:var(--cyan)}
.password-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:22px 25px;margin-top:12px;border:1px solid var(--line);background:var(--panel)}.password-panel h2{font-size:25px}.password-panel>div:first-child>p:last-child{color:var(--muted);font-size:10px;line-height:1.7}.password-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.password-fields label{color:var(--muted);font-size:10px;align-self:end}.password-fields input{width:100%;border:1px solid var(--line-strong);background:rgba(2,10,18,.75);color:var(--text);padding:10px;outline:0}.password-fields label:nth-of-type(3),.password-fields input:nth-of-type(3){grid-column:1/-1}.password-fields .button{justify-self:start}.password-fields .form-error{grid-column:1/-1}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg-deep)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 78% 12%,rgba(20,66,92,.22),transparent 42%),linear-gradient(130deg,var(--bg-deep),var(--bg) 56%,#061724);font:14px var(--mono);overflow-x:hidden}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}#starfield{position:fixed;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none;z-index:0}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar,.page-shell,.admin-shell{position:relative;z-index:2}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,82px);background:rgba(5,15,26,.62);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font:700 22px var(--display);letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:2px}.brand-mark{width:26px;height:28px;display:flex;align-items:flex-end;gap:3px;padding:3px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:skew(-18deg)}.brand-mark i{display:block;width:4px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:23px}.top-actions{display:flex;gap:26px;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1.6px}.live-indicator{display:flex;align-items:center;gap:8px}.live-indicator b,.status-dot{width:7px;height:7px;border-radius:50%;display:block;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}.admin-link{color:var(--cyan-soft);font-size:11px;letter-spacing:.5px}.admin-link span{margin-left:7px;color:var(--cyan)}.page-shell{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:260px;display:flex;align-items:flex-end;justify-content:space-between;padding:70px 0 38px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--cyan);font:600 10px var(--mono);letter-spacing:2px;margin:0 0 14px}.eyebrow span{color:var(--muted)}h1,h2{font-family:var(--display);margin:0;line-height:.96;font-weight:600}h1{font-size:clamp(47px,7vw,84px);letter-spacing:.5px}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 28px rgba(73,226,219,.28)}.hero-text{max-width:525px;color:var(--muted);line-height:1.8;margin:22px 0 0;font-size:12px}.hero-readout{width:150px;padding:12px 0 4px 20px;border-left:1px solid var(--line-strong);color:var(--muted);font-size:10px}.readout-label,.readout-caption{display:block;letter-spacing:1.7px}.hero-readout strong{display:inline-block;color:var(--cyan-soft);font:500 52px var(--mono);line-height:1;margin:11px 0 8px;text-shadow:0 0 20px rgba(73,226,219,.25)}.hero-readout small{color:var(--cyan);font-size:10px}.readout-rule{height:1px;width:100%;display:block;background:linear-gradient(90deg,var(--cyan),transparent);margin:7px 0 11px}.readout-caption{font-size:8px}.control-strip{display:flex;align-items:center;gap:24px;min-height:72px;border-bottom:1px solid var(--line)}.filter-label{color:var(--muted);font-size:11px;letter-spacing:1.2px}.filter-label span{color:var(--line-strong);padding:0 7px}.zone-tabs{display:flex;gap:5px;align-items:center;overflow:auto;scrollbar-width:none}.zone-tabs::-webkit-scrollbar{display:none}.zone-tab{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 13px;font-size:11px}.zone-tab:hover{color:var(--text)}.zone-tab.active{border-color:var(--line-strong);color:var(--cyan-soft);background:rgba(73,226,219,.05)}.refresh-status{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1.2px;white-space:nowrap}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:26px 0 42px}.loading-panel{grid-column:1/-1;border:1px dashed var(--line-strong);padding:42px;color:var(--muted);text-align:center;font-size:11px}.spinner{display:inline-block;width:12px;height:12px;border:1px solid var(--line-strong);border-top-color:var(--cyan);border-radius:50%;vertical-align:-2px;margin-right:6px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.server-card{position:relative;min-width:0;border:1px solid var(--line);background:linear-gradient(135deg,rgba(14,35,56,.88),rgba(6,17,30,.86));padding:21px 22px 17px;transition:border-color .2s,background .2s,transform .2s}.server-card:hover{border-color:var(--line-strong);background:linear-gradient(135deg,rgba(19,48,69,.9),rgba(7,21,36,.92));transform:translateY(-2px)}.server-card::before{content:"";position:absolute;left:-1px;top:18px;width:3px;height:30px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.card-top,.card-bottom,.player-line,.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-zone{color:var(--cyan);font-size:9px;letter-spacing:1.6px}.server-state{color:var(--muted);font-size:9px;letter-spacing:1px}.server-state.online{color:var(--cyan)}.server-state.offline{color:var(--danger)}.server-name{font:600 26px var(--display);letter-spacing:.3px;margin:14px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-address{color:var(--muted);font-size:10px}.card-bottom{align-items:flex-end;border-top:1px solid var(--line);margin-top:19px;padding-top:14px}.player-value{font:500 28px var(--mono);color:var(--text);line-height:1}.player-value small{font-size:11px;color:var(--muted);font-weight:400}.map-value{color:var(--muted);font-size:10px;max-width:160px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-value b{display:block;color:var(--text);font-size:11px;margin-bottom:3px;font-weight:500}.card-actions{justify-content:flex-end;margin-top:16px}.button{border:1px solid var(--line-strong);padding:11px 15px;min-height:38px;background:transparent;color:var(--text);font:500 10px var(--mono);letter-spacing:.4px;transition:background .2s,border-color .2s,transform .2s}.button:hover{border-color:var(--cyan);background:rgba(73,226,219,.1);transform:translateY(-1px)}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#04131b}.button-primary:hover{background:var(--cyan-soft);border-color:var(--cyan-soft)}.button-secondary{color:var(--cyan-soft)}.button-ghost{color:var(--muted);border-color:var(--line)}.quick-join{display:grid;grid-template-columns:auto 1fr minmax(340px,500px);align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.quick-icon{font:32px var(--display);color:var(--cyan);border:1px solid var(--line-strong);width:46px;height:46px;display:grid;place-items:center}.quick-copy h2{font-size:28px}.quick-copy p:not(.eyebrow){font-size:10px;color:var(--muted);margin:8px 0 0}.quick-form{display:flex;gap:7px}.quick-form input,.stack-form input,.stack-form select,.login-form input{width:100%;border:1px solid var(--line-strong);background:rgba(2,10,18,.75);color:var(--text);padding:12px 13px;outline:0;border-radius:0}.quick-form input:focus,.stack-form input:focus,.stack-form select:focus,.login-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(73,226,219,.12)}.footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.7px;padding:28px 0 38px}.footer b{color:var(--line-strong);padding:0 5px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:rgba(2,8,14,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.join-modal{width:min(460px,100%);background:var(--panel-solid);border:1px solid var(--line-strong);padding:34px 32px 30px;position:relative;box-shadow:0 20px 80px rgba(0,0,0,.48)}.modal-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:var(--muted);font-size:24px}.join-modal h2{font-size:42px}.modal-server{color:var(--muted);font-size:11px;margin:12px 0 28px}.join-status{display:flex;align-items:center;gap:12px;color:var(--cyan-soft);font-size:11px;min-height:26px}.status-ring{width:20px;height:20px;border:1px solid var(--cyan);border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}.status-ring.ready{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.status-ring.error{border-color:var(--danger);animation:none}.join-meter{height:2px;background:rgba(73,226,219,.12);margin:22px 0 12px}.join-meter span{display:block;height:100%;width:16%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);transition:width .3s}.join-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-bottom:25px}.join-meta b{color:var(--text);font-weight:500}.full-width{width:100%}.toast-region{position:fixed;right:20px;bottom:20px;z-index:20;display:grid;gap:8px}.toast{border:1px solid var(--line-strong);background:#0d2438;color:var(--text);padding:12px 15px;font-size:11px;box-shadow:0 10px 28px rgba(0,0,0,.3);animation:toast-in .2s ease-out}.toast.error{border-color:rgba(255,114,128,.65)}@keyframes toast-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-shell{width:min(1100px,calc(100% - 40px));margin:auto;padding:75px 0 50px}.login-view{max-width:680px;padding:50px 0}.login-view h1,.admin-heading h1{font-size:clamp(48px,7vw,78px)}.login-view>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:12px;max-width:530px;margin:22px 0 40px}.login-form{max-width:500px}.login-form label,.stack-form label{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin:0 0 8px}.input-with-button{display:flex;gap:7px}.input-with-button .button{flex:none}.form-error{min-height:17px;color:var(--danger);font-size:10px;margin:8px 0 0}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:32px;border-bottom:1px solid var(--line)}.admin-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;margin-top:12px}.admin-panel{border:1px solid var(--line);background:var(--panel);padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-index{color:var(--cyan);font-size:10px}.admin-panel h2{font-size:29px}.panel-note{font-size:9px;color:var(--muted);letter-spacing:1px}.stack-form{display:grid;gap:8px}.stack-form label:not(:first-child){margin-top:8px}.stack-form .button{justify-self:start}.manage-list,.server-manage-list{display:grid;gap:5px;margin-top:22px}.manage-row,.server-manage-row{border-top:1px solid var(--line);padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.manage-row small,.server-manage-row small{color:var(--muted);display:block;margin-top:4px;font-size:9px}.delete-button{border:0;background:transparent;color:var(--danger);font-size:10px;padding:6px}.server-manage{margin-top:12px}.server-manage-row{padding:15px 0}.server-manage-row .manage-main{min-width:0}.server-manage-row strong{display:block;font-family:var(--display);font-size:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-manage-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-list{color:var(--muted);font-size:10px;padding:10px 0}
@media(max-width:760px){.topbar{height:68px;padding:0 20px}.top-actions .live-indicator{display:none}.page-shell,.admin-shell{width:calc(100% - 32px)}.hero{display:block;padding:53px 0 30px}.hero-art{width:min(100%,360px);margin:26px 0 0}.hero-readout{margin-top:16px;width:100%;border-left:0;border-top:1px solid var(--line-strong);padding:13px 0 0}.hero-readout strong{font-size:38px;margin:6px 0}.readout-rule{display:inline-block;width:70px;vertical-align:middle;margin:0 8px}.readout-caption{display:inline-block}.control-strip{gap:13px;min-height:62px}.refresh-status{font-size:0}.refresh-status .status-dot{margin-left:auto}.server-grid{grid-template-columns:1fr;padding-top:18px}.quick-join{grid-template-columns:auto 1fr;padding:22px 0;gap:12px}.quick-copy h2{font-size:24px}.quick-copy p:not(.eyebrow){line-height:1.6}.quick-form{grid-column:1/-1;margin-top:7px}.quick-form .button{white-space:nowrap;padding-left:10px;padding-right:10px}.footer{display:block;line-height:2}.footer span{display:block}.admin-shell{padding-top:48px}.admin-columns{grid-template-columns:1fr}.admin-heading{align-items:flex-start;gap:20px}.admin-heading .button{margin-top:4px}.input-with-button{flex-direction:column}.input-with-button .button{width:100%}.password-panel{grid-template-columns:1fr;gap:12px;padding:18px}.password-fields{grid-template-columns:1fr}.password-fields label:nth-of-type(3),.password-fields input:nth-of-type(3){grid-column:auto}.password-fields .button{width:100%}.join-modal{padding:30px 22px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.server-alias{margin-top:4px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-preview{position:relative;aspect-ratio:16/9;width:100%;margin:16px 0 0;overflow:hidden;border:1px solid var(--line);background:rgba(2,10,18,.72)}.map-preview img{display:block;width:100%;height:100%;object-fit:cover}.map-preview img[hidden],.map-placeholder[hidden]{display:none}.map-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px}.status-detail{min-height:14px;margin:9px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.join-manual{margin-bottom:8px}.join-manual[hidden]{display:none}

/* Keep server previews compact even when a partition contains one server. */
.server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 0 30px;align-items:start}
.server-card{padding:14px 15px 13px}
.server-name{font-size:21px;margin:10px 0 4px}
.server-state{display:flex;align-items:center;gap:6px}
.server-state .status-dot{width:5px;height:5px}
.map-preview{aspect-ratio:auto;height:112px;margin:12px 0 0}
.card-bottom{margin-top:12px;padding-top:10px;gap:10px}
.player-value{font-size:24px}
.map-value{min-width:0;max-width:66%;text-align:right}
.map-value b{font-size:9px;margin-bottom:4px}
.status-detail{margin-top:7px}
.card-actions{gap:7px;margin-top:10px}
.card-actions .button{padding:8px 11px;min-height:34px}
@media(min-width:761px) and (max-width:1050px){.server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.server-grid{grid-template-columns:1fr;padding-top:16px}.map-preview{height:108px}.server-card{padding:13px 14px}.server-name{font-size:22px}}

.auth-area{position:relative;display:flex;align-items:center;min-width:0;letter-spacing:0}
.auth-providers{display:flex;align-items:center;gap:5px}
.auth-provider{border:1px solid var(--line);padding:7px 9px;font-size:9px;letter-spacing:0;white-space:nowrap;transition:border-color .2s,color .2s}
.auth-provider:hover{border-color:var(--line-strong);color:var(--cyan-soft)}
.auth-qq{color:#84bfff}.auth-wx{color:#8fdda8}.auth-alipay{color:#79d9ff}
.auth-user{display:flex;align-items:center;gap:8px;min-width:0}
.auth-user[hidden],.auth-providers[hidden]{display:none}
.profile-trigger{display:flex;align-items:center;gap:7px;max-width:190px;padding:3px 7px 3px 3px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{border-color:var(--line)}.profile-caret{color:var(--muted);font-size:12px}
.profile-label{color:var(--muted);font-size:9px;white-space:nowrap}
.profile-panel{position:absolute;z-index:8;right:0;top:calc(100% + 15px);width:min(270px,calc(100vw - 28px));padding:15px;background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:0 12px 32px rgba(0,0,0,.38);letter-spacing:0}.profile-panel[hidden]{display:none}.profile-heading{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.profile-heading .auth-avatar{width:42px;height:42px}.profile-identity{min-width:0}.profile-identity strong{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.profile-identity small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.profile-details{display:grid;gap:8px;margin:12px 0}.profile-details div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.profile-details dt{color:var(--muted)}.profile-details dd{max-width:170px;margin:0;overflow-wrap:anywhere;text-align:right}.profile-logout{width:100%;padding:8px;text-align:left;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.profile-logout:hover{border-color:var(--line-strong);color:var(--text)}
.auth-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;overflow:hidden;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel-solid);color:var(--cyan-soft);font-size:11px}
.auth-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:10px}
.auth-logout{border:0;background:transparent;color:var(--muted);padding:5px 2px;font-size:9px;cursor:pointer}
.auth-logout:hover{color:var(--cyan-soft)}
.user-table-head{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,1fr) minmax(130px,.8fr) auto;gap:14px;padding:0 0 8px;color:var(--muted);font-size:9px}.user-manage-list{display:grid;gap:0}.user-manage-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(150px,1fr) minmax(130px,.8fr) auto;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 0;font-size:10px}
.user-manage-identity{display:flex;align-items:center;gap:10px;min-width:0}.user-manage-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--panel-solid);color:var(--cyan-soft)}.user-manage-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.user-manage-name{min-width:0}.user-manage-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.user-manage-name small,.user-manage-meta{display:block;color:var(--muted);font-size:9px;line-height:1.7}.user-manage-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.user-status{font-size:9px;color:var(--cyan)}.user-status.disabled{color:var(--danger)}.user-action{border:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 8px;font:inherit;cursor:pointer}.user-action:hover{border-color:var(--line-strong);color:var(--text)}.user-action.delete{color:var(--danger)}
@media(max-width:760px){.top-actions{gap:8px}.top-actions .admin-link{display:none}.auth-providers{gap:3px}.auth-provider{padding:6px 6px;font-size:8px}.auth-user{gap:5px}.auth-name{max-width:64px}.profile-label{display:none}.user-manage-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.user-manage-meta{grid-column:1/-1;padding-left:44px}.user-manage-actions{grid-column:2;grid-row:1}.user-manage-actions .user-status{display:none}}
.user-role{padding:5px 7px;border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font-size:9px}.admin-identity{margin:10px 0 0;color:var(--muted);font-size:10px}
@media(max-width:760px){.profile-panel{top:calc(100% + 10px)}.user-table-head{display:none}}
.field-status{min-height:13px;margin:-4px 0 2px;color:var(--muted);font-size:9px;line-height:1.4}.field-status.error{color:var(--danger)}
.control-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"parent-label parent-tabs refresh" "child-label child-tabs child-tabs";column-gap:14px;row-gap:4px;min-height:0;padding:12px 0}.control-strip>.filter-label{grid-area:parent-label}.control-strip>.zone-tabs{grid-area:parent-tabs}.control-strip>.refresh-status{grid-area:refresh}.subcategory-label{grid-area:child-label}.subcategory-tabs{grid-area:child-tabs;display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}.subcategory-tabs::-webkit-scrollbar{display:none}.subcategory-tab{white-space:nowrap;border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 12px;font-size:10px}.subcategory-tab:hover{color:var(--text)}.subcategory-tab.active{border-color:var(--line-strong);color:var(--cyan-soft);background:rgba(73,226,219,.05)}
@media(max-width:760px){.control-strip{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"parent-label parent-tabs refresh" "child-label child-tabs child-tabs";row-gap:5px;padding:10px 0}.control-strip>.refresh-status{justify-self:end;min-height:12px}.subcategory-tab{padding:7px 9px;font-size:9px}}

html{color-scheme:dark;scrollbar-color:#465361 #0b1320;scrollbar-width:thin}
*{scrollbar-color:#465361 transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#0b1320}
*::-webkit-scrollbar-thumb{border:2px solid #0b1320;border-radius:8px;background:#354351}
*::-webkit-scrollbar-thumb:hover{background:#526579}