:root{--color-canvas: #08131f;--color-canvas-deep: #030a12;--color-surface: #0c1723;--color-surface-hover: #112335;--color-surface-raised: #132638;--color-surface-inset: #071522;--color-border: #173149;--color-border-strong: #25455c;--color-accent: #62d5bf;--color-accent-soft: rgb(98 213 191 / 14%);--color-accent-strong: #a4eddd;--color-text-primary: #e7eef7;--color-text-secondary: #8a99a8;--color-text-muted: #536779;--color-success: #34d399;--color-success-soft: rgb(52 211 153 / 10%);--color-warning: #fbbf24;--color-warning-soft: rgb(251 191 36 / 10%);--color-danger: #f87171;--color-danger-soft: rgb(248 113 113 / 10%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-card: 16px;--radius-control: 8px;--radius-pill: 999px;--font-sans: "DM Sans", system-ui, sans-serif;--font-number: "DM Mono", monospace;--font-display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--bg: var(--color-canvas);--bg-deep: var(--color-canvas-deep);--surface: var(--color-surface);--surface-hover: var(--color-surface-hover);--surface-raised: var(--color-surface-raised);--border: var(--color-border);--border-mid: var(--color-border-strong);--accent: var(--color-accent);--accent-alpha: var(--color-accent-soft);--accent-text: var(--color-accent-strong);--text: var(--color-text-primary);--text-sub: var(--color-text-secondary);--text-dim: var(--color-text-muted);--safe: var(--color-success);--safe-bg: var(--color-success-soft);--dark-green: #059669;--dark-green-bg: rgb(5 150 105 / 10%);--warn: var(--color-warning);--warn-bg: var(--color-warning-soft);--orange: #f97316;--orange-bg: rgb(249 115 22 / 10%);--danger: var(--color-danger);--danger-bg: var(--color-danger-soft);--r: var(--radius-md);--r-sm: var(--radius-sm);--font-num: var(--font-number);font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.coursehelm-light-theme{--color-canvas: #f3f1e9;--color-canvas-deep: #e9ece3;--color-surface: #fffdf8;--color-surface-hover: #f7faf3;--color-surface-raised: #ecefe7;--color-surface-inset: #ecefe7;--color-border: #d4d9d0;--color-border-strong: #afbeb7;--color-accent: #55cdb3;--color-accent-soft: #dff1eb;--color-accent-strong: #338d7c;--color-text-primary: #173c38;--color-text-secondary: #315a54;--color-text-muted: #6c7c77;--color-success: #338d7c;--color-success-soft: #dff1eb;--color-warning: #d79a47;--color-warning-soft: #fff6e5;--color-danger: #b84d48;--color-danger-soft: #f8e5e1;--bg: var(--color-canvas);--bg-deep: var(--color-canvas-deep);--surface: var(--color-surface);--surface-hover: var(--color-surface-hover);--surface-raised: var(--color-surface-raised);--border: var(--color-border);--border-mid: var(--color-border-strong);--accent: var(--color-accent);--accent-alpha: var(--color-accent-soft);--accent-text: var(--color-accent-strong);--text: var(--color-text-primary);--text-sub: var(--color-text-secondary);--text-dim: var(--color-text-muted);--safe: var(--color-success);--safe-bg: var(--color-success-soft);--warn: var(--color-warning);--warn-bg: var(--color-warning-soft);--danger: var(--color-danger);--danger-bg: var(--color-danger-soft);color-scheme:light}html{height:100%;overflow:hidden}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;height:100%;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.app-boot{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text-sub)}.app-boot--error{align-content:center;gap:14px;text-align:center}.pending-writes-debug{position:fixed;right:14px;bottom:14px;z-index:1200;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--text);font-size:.78rem;box-shadow:0 10px 28px #00000047}a{font-weight:500;color:var(--color-accent-strong);text-decoration:inherit}button{border-radius:var(--r-sm);border:1px solid transparent;padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}button:focus,button:focus-visible{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-pill)}