:root{color-scheme:light;--bg-page: #f5f6fa;--bg-surface: #ffffff;--bg-hover: #edf0f7;--text-primary: #202735;--text-secondary: #566176;--border-default: #d5dbe5;--accent: #3756bd;--on-accent: #ffffff;--status-success: #237147;--status-warning: #895500;--status-danger: #b32d41;--backdrop: #10152299;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg-page: #141820;--bg-surface: #1e2430;--bg-hover: #2b3444;--text-primary: #e9edf5;--text-secondary: #afbad0;--border-default: #3b465b;--accent: #9fb3ff;--on-accent: #19264e;--status-success: #80d5a4;--status-warning: #f1c477;--status-danger: #ff98a8}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary);line-height:1.6}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,select,input{min-height:44px;border-radius:10px;padding:.6rem .9rem}button{background:var(--accent);color:var(--on-accent);border:1px solid transparent;cursor:pointer}button.secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}button:hover{filter:brightness(.93)}button:disabled{opacity:.6;cursor:wait}input,select,textarea{width:100%;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default)}textarea{border-radius:10px;padding:.6rem .9rem;resize:vertical}.stack,form{display:grid;gap:.7rem;min-width:0}.stack{margin-bottom:1rem}.stack p,.stack h2,.stack h3{margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:1rem}.toolbar>div{flex:1 1 180px}.toolbar select{max-width:320px}.checkbox{display:flex;align-items:center;gap:.5rem}.checkbox input{width:20px;min-height:24px}.message,pre{white-space:pre-wrap;overflow-wrap:anywhere}.error{color:var(--status-danger)}.waiting{color:var(--status-warning)}.interaction{border-top:1px solid var(--border-default);padding-top:.75rem;margin-top:.75rem}button[aria-pressed=true]{border-color:var(--accent);background:var(--bg-hover)}summary{cursor:pointer;min-height:44px;padding:.5rem 0}label{display:block;font-weight:600;margin-bottom:.4rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.25;margin:.5rem 0 1rem}h2{font-size:1.15rem;margin-top:0}.muted{color:var(--text-secondary)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100dvh}.sidebar{padding:2rem 1.4rem;background:var(--bg-surface);border-right:1px solid var(--border-default)}.brand{font-size:1.35rem;font-weight:750;text-decoration:none;color:var(--text-primary)}nav{display:grid;gap:.4rem;margin:2rem 0}nav a{display:block;padding:.75rem;text-decoration:none;border-radius:10px}nav a:hover,nav a[aria-current]{background:var(--bg-hover)}.theme-control{margin-top:2rem}main{padding:clamp(1.25rem,4vw,3.5rem);min-width:0}.page-header{margin-bottom:2rem;max-width:760px}.eyebrow{color:var(--accent);font-weight:650}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem}.card{padding:1.5rem;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface);height:100%;overflow-wrap:anywhere}dialog{max-width:min(520px,calc(100vw - 2rem));border:1px solid var(--border-default);border-radius:16px;padding:1.5rem;background:var(--bg-surface);color:var(--text-primary)}dialog::backdrop{background:var(--backdrop)}dialog form{margin-top:1.5rem;text-align:right}.skip-link{position:fixed;top:-100px;left:1rem;padding:.7rem;background:var(--bg-surface);z-index:10}.skip-link:focus{top:1rem}@media(max-width:720px){.app-shell{display:block}.sidebar{padding:1rem;border-right:0;border-bottom:1px solid var(--border-default)}.sidebar>.muted{display:none}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.theme-control{margin-top:.5rem;max-width:260px}main{padding-bottom:1.5rem}}