@charset "UTF-8";:root{color-scheme:dark;--bg: #2b2f36;--surface: #353a43;--surface-2: #3d434d;--surface-3: #4a515d;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .18);--text: #eef1f6;--muted: #98a2b3;--subtle: #6b7585;--primary: #4868a8;--primary-strong: #3a5690;--primary-soft: rgba(72, 104, 168, .28);--link: #9db4e6;--warn-text: #fde68a;--danger-text: #ffb3b3;--ok-text: #bbf7d0;--admin-text: #c4b5fd;--info: #8b5cf6;--info-strong: #7c3aed;--info-soft: rgba(139, 92, 246, .18);--success: #22c55e;--warn: #f59e0b;--danger: #ef4444;--glass: rgba(43, 47, 54, .78);--glass-strong: rgba(43, 47, 54, .95);--radius-s: 8px;--radius: 12px;--radius-l: 16px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-s: 0 4px 14px rgba(0, 0, 0, .35);--ring: 0 0 0 3px rgba(125, 155, 220, .5);--side-w: 88px;--font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.theme-light{color-scheme:light;--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f4f6fb;--surface-3: #e6ebf6;--line: #dde3f0;--line-strong: #c5cee3;--text: #1b2438;--muted: #5d6985;--subtle: #7a86a1;--primary-soft: rgba(72, 104, 168, .12);--info-soft: rgba(139, 92, 246, .12);--link: #3a5690;--warn-text: #8a5a00;--danger-text: #b42323;--ok-text: #166534;--admin-text: #5b3fc4;--glass: rgba(255, 255, 255, .85);--glass-strong: rgba(255, 255, 255, .97);--shadow: 0 10px 30px rgba(30, 45, 90, .16);--shadow-s: 0 2px 10px rgba(30, 45, 90, .1);--ring: 0 0 0 3px rgba(72, 104, 168, .35);color:var(--text)}.brand-logo{display:block;height:40px;width:auto}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--ring)}::selection{background:#4868a880}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}button,input,select,textarea{font-family:inherit}button{transition:background-color .15s,border-color .15s,transform .1s,box-shadow .15s}button:active:not(:disabled){transform:translateY(1px)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hud{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding:0 .85rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:var(--text);font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-s)}.hud:hover{background:#242936d9;border-color:#ffffff47}.hud.on,.hud[aria-pressed=true]{border-color:var(--warn);box-shadow:var(--shadow-s),0 0 0 1px var(--warn)}.hud .badge{min-width:1.15rem;padding:.12rem .4rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;text-align:center}.action{display:inline-flex;align-items:center;gap:.5rem;height:46px;padding:0 1.2rem;border:1px solid transparent;border-radius:999px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow);white-space:nowrap}.action.issue{background:var(--primary)}.action.issue:hover{background:var(--primary-strong)}.action.info{background:var(--info)}.action.info:hover{background:var(--info-strong)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-card{display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow-s);color:var(--text);font-size:.82rem}.panel-title{display:flex;align-items:center;gap:.45rem;margin:0;font-size:.68rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:34px;padding:0 .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface-3);color:var(--text);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){background:#323a4c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:transparent;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--primary-strong)}.btn.info{background:var(--info-soft);border-color:#8b5cf680;color:#ddd0ff}.btn.info:hover:not(:disabled){background:#8b5cf64d}.btn.on{border-color:var(--warn);background:#f59e0b29;color:#fde68a}.btn.block{width:100%}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:#ffffff12;color:var(--text)}.btn.danger:hover:not(:disabled){color:#ff9a9a}.btn-icon{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.95rem;cursor:pointer}.btn-icon:hover{background:#ffffff14;color:var(--text)}.btn-icon.danger:hover{color:#ff9a9a}.seg{display:flex;gap:2px;padding:3px;border-radius:10px;background:#00000061;border:1px solid var(--line)}.seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:28px;padding:0 .4rem;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.76rem;font-weight:500;cursor:pointer;white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 3px #00000073}.field{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.74rem;font-weight:500}.field .value{float:right;color:var(--text);font-variant-numeric:tabular-nums}.field input:not([type=range]):not([type=checkbox]),.field select{height:32px;box-sizing:border-box;padding:0 .55rem;border-radius:var(--radius-s);border:1px solid var(--line-strong);background:#00000061;color:var(--text);font-size:.82rem}.field input:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}input[type=range]{accent-color:var(--primary)}.hint{margin:0;color:var(--subtle);font-size:.72rem;line-height:1.4}.panel-section{display:flex;flex-direction:column;gap:.55rem}@media(max-width:700px){:root{--side-w: 0px;--top-h: 48px}}
