:root{--bg: #fafbfc;--bg-elev: #ffffff;--bg-sunken: #eef1f5;--fg: #0d1117;--fg-muted: #3b4350;--fg-subtle: #586173;--border: #d0d7de;--border-strong: #969ea9;--accent: #0a4ea3;--accent-fg: #ffffff;--accent-soft: #dbe7fb;--danger: #9a1f1f;--focus: #1f6feb;--diagram-fg: #0d1117;--diagram-dot: #0a4ea3;--diagram-muted: #9a1f1f;--shadow: 0 1px 2px rgba(13, 17, 23, .08), 0 4px 12px rgba(13, 17, 23, .06);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--transport-h: 72px;--motion-ms: .18s}@media (prefers-color-scheme: dark){:root{--bg: #0d1117;--bg-elev: #161b22;--bg-sunken: #0a0e14;--fg: #f0f3f8;--fg-muted: #c8d0db;--fg-subtle: #9aa4b2;--border: #30363d;--border-strong: #586173;--accent: #7aa2ff;--accent-fg: #0d1117;--accent-soft: #1a2540;--danger: #ff8a8a;--focus: #7aa2ff;--diagram-fg: #f0f3f8;--diagram-dot: #7aa2ff;--diagram-muted: #ff8a8a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-elev);position:sticky;top:0;z-index:10}.app-header h1{font-size:1.05rem;margin:0;font-weight:700;letter-spacing:.01em}.app-header nav{display:flex;gap:var(--space-1);margin-left:auto}.app-header nav a{color:var(--fg-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-weight:500}.app-header nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.app-header nav a:hover{color:var(--fg)}.app-main{flex:1;padding:var(--space-5);padding-bottom:calc(var(--transport-h) + var(--space-5));max-width:1200px;width:100%;margin:0 auto}.app-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);color:var(--fg-subtle);font-size:.875rem;text-align:center;background:var(--bg-elev)}.app-footer a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-weight:500}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}input[type=text],input[type=search],input[type=number],select{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}a{color:var(--accent)}.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}#live-announce{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}