:root{color-scheme:light;--font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Inter", sans-serif;--accent: #0067c0;--accent-hover: #1975c5;--accent-contrast: #ffffff;--danger: #c42b1c;--warn: #9d5d00;--ok: #0f7b0f;--radius: 8px;--radius-sm: 4px;--taskbar-h: 48px;--bg: #f3f3f3;--mica: rgba(243, 243, 243, .92);--acrylic: rgba(243, 243, 243, .8);--surface: #ffffff;--surface-alt: #f9f9f9;--surface-hover: rgba(0, 0, 0, .04);--surface-selected: rgba(0, 0, 0, .06);--surface-accent: rgba(0, 103, 192, .12);--stroke: rgba(0, 0, 0, .0578);--stroke-strong: rgba(0, 0, 0, .18);--text: #1a1a1a;--text-secondary: #5d5d5d;--text-disabled: rgba(0, 0, 0, .36);--shadow-window: 0 0 0 1px rgba(0, 0, 0, .12), 0 8px 32px rgba(0, 0, 0, .28);--shadow-flyout: 0 0 0 1px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .22);--wallpaper: radial-gradient(ellipse 70% 60% at 18% 22%, #8fc7ff 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 82% 28%, #c6b2ff 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 55% 95%, #6fe0cf 0%, transparent 60%), linear-gradient(135deg, #cfe4fb, #e6dcfa)}:root[data-theme=dark]{color-scheme:dark;--accent: #60cdff;--accent-hover: #7cd6ff;--accent-contrast: #003a5c;--danger: #ff99a4;--warn: #fce100;--ok: #6ccb5f;--bg: #202020;--mica: rgba(32, 32, 32, .92);--acrylic: rgba(32, 32, 32, .8);--surface: #2b2b2b;--surface-alt: #262626;--surface-hover: rgba(255, 255, 255, .06);--surface-selected: rgba(255, 255, 255, .09);--surface-accent: rgba(96, 205, 255, .16);--stroke: rgba(255, 255, 255, .0837);--stroke-strong: rgba(255, 255, 255, .25);--text: #ffffff;--text-secondary: #c5c5c5;--text-disabled: rgba(255, 255, 255, .36);--shadow-window: 0 0 0 1px rgba(255, 255, 255, .12), 0 8px 32px rgba(0, 0, 0, .6);--shadow-flyout: 0 0 0 1px rgba(255, 255, 255, .1), 0 8px 24px rgba(0, 0, 0, .55);--wallpaper: radial-gradient(ellipse 70% 60% at 18% 22%, #0f4c9c 0%, transparent 60%), radial-gradient(ellipse 60% 60% at 82% 28%, #4b2a9a 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 55% 95%, #0b6b73 0%, transparent 60%), linear-gradient(135deg, #0b1630, #1a1033)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);font-size:14px;line-height:20px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button,input,select{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}*{scrollbar-width:thin;scrollbar-color:var(--stroke-strong) transparent}.muted{color:var(--text-secondary)}.tabular{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;white-space:nowrap;background:var(--surface);border:1px solid var(--stroke);border-bottom-color:var(--stroke-strong);border-radius:var(--radius-sm);cursor:pointer;--icon-size: 16px}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){background:var(--surface-selected)}.btn:disabled{color:var(--text-disabled);cursor:default}.btn--accent{color:var(--accent-contrast);background:var(--accent);border-color:transparent}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:transparent}.field{height:32px;padding:0 10px;background:var(--surface);border:1px solid var(--stroke);border-bottom:2px solid var(--stroke-strong);border-radius:var(--radius-sm);-webkit-user-select:text;user-select:text}.field:focus{border-bottom-color:var(--accent);outline:none}.tag{display:inline-block;padding:0 8px;font-size:12px;line-height:18px;border:1px solid var(--stroke-strong);border-radius:999px}.bar{height:8px;overflow:hidden;background:var(--surface-selected);border-radius:999px}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px}.doc{padding:20px 28px 28px;-webkit-user-select:text;user-select:text}.doc h1{margin:0 0 4px;font-size:24px;font-weight:600;line-height:32px}.doc h2{margin:24px 0 8px;font-size:16px;font-weight:600}.doc p,.doc li{max-width:68ch}.doc a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}