:root{color-scheme:light dark;--page: light-dark(#f6f7f9, #12151b);--surface: light-dark(#ffffff, #1a1f27);--surface-sunken: light-dark(#fbfcfd, #151a21);--surface-muted: light-dark(#f1f4f9, #232935);--row-hover: light-dark(#f7f9fd, #222a36);--border: light-dark(#e3e7ee, #2b3341);--border-strong: light-dark(#c3c9d4, #3d4757);--text: light-dark(#1f2430, #e7ebf2);--text-muted: light-dark(#5b6472, #9aa5b6);--text-faint: light-dark(#8a93a3, #6f7b8c);--accent: light-dark(#3b6fd4, #6d9bf0);--accent-contrast: light-dark(#ffffff, #10151d);--accent-soft: light-dark(#e8f0fd, #1e2b42);--accent-glow: light-dark(rgb(59 111 212 / 18%), rgb(109 155 240 / 22%));--positive: light-dark(#17603a, #5ed69a);--warning: light-dark(#8a6d1a, #e3c168);--danger: light-dark(#b3261e, #ff8f85);--danger-surface: light-dark(#fdecea, #3a2020);--danger-border: light-dark(#f0b4ae, #6d3a36);--danger-text: light-dark(#8c1d18, #ffb3ab);--danger-row-surface: light-dark(#fdf7f6, #241b1b);--danger-row-border: light-dark(#eccfcb, #55322f);--control: light-dark(#f4f6fa, #242b37);--control-border: light-dark(#d5dbe6, #39424f);--control-hover: light-dark(#e7ecf5, #2c3543);--control-hover-border: light-dark(#b9c4d6, #4a5566);--control-disabled-text: light-dark(#a8b0bd, #5b6575);--control-disabled-surface: light-dark(#f7f8fb, #1e242e);--control-disabled-border: light-dark(#e6e9f0, #2b323c);--badge: light-dark(#eceff3, #262d39);--shadow: light-dark(rgb(16 24 40 / 8%), rgb(0 0 0 / 45%))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--text)}.page{padding:2rem}.page h1{font-size:1.4rem;margin:0 0 .35rem}.subtitle{margin:0 0 1.5rem;color:var(--text-muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button{font:inherit;padding:.35rem .8rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);cursor:pointer}button:disabled{opacity:.55;cursor:progress}input{font:inherit;width:100%;box-sizing:border-box;padding:.45rem .6rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:inherit}input[type=checkbox]{width:auto;accent-color:var(--accent)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-bar .brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.app-bar .brand-mark{width:1.6rem;height:1.6rem;flex:none}.app-bar .spacer{flex:1}.app-bar .who{color:var(--text-muted);font-size:.9rem}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--badge);font-size:.85rem}button.ghost{background:var(--surface);color:var(--accent);border-color:var(--border-strong)}