:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-8:2rem;--space-10:2.5rem;--control-height:2.25rem;--touch-target:2.75rem;--radius:.25rem;--border-width:1px;--font-sans:system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--leading:1.5;--color-bg:#fff;--color-surface:#f6f6f4;--color-text:#1b1b1b;--color-text-muted:#5f5f5a;--color-border:#d9d9d4;--color-control-border:#767670;--color-primary:#1f5fbf;--color-primary-text:#fff;--color-success:#2e7d32;--color-warning:#b26a00;--color-danger:#b3261e;--color-focus:#1f5fbf}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#121212;--color-surface:#1c1c1c;--color-text:#ededed;--color-text-muted:#a3a39e;--color-border:#333331;--color-control-border:#7a7a75;--color-primary:#7aa7ea;--color-primary-text:#0b1a33;--color-success:#7bc67e;--color-warning:#e0a94a;--color-danger:#f28b82;--color-focus:#7aa7ea}}:root[data-theme=dark]{--color-bg:#121212;--color-surface:#1c1c1c;--color-text:#ededed;--color-text-muted:#a3a39e;--color-border:#333331;--color-control-border:#7a7a75;--color-primary:#7aa7ea;--color-primary-text:#0b1a33;--color-success:#7bc67e;--color-warning:#e0a94a;--color-danger:#f28b82;--color-focus:#7aa7ea}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);margin:0}.ui-alert{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-left-width:var(--space-1);border-radius:var(--radius);background:var(--color-surface);display:grid}.ui-alert--info{border-left-color:var(--color-primary)}.ui-alert--success{border-left-color:var(--color-success)}.ui-alert--error{border-left-color:var(--color-danger)}.ui-alert__title{font-size:var(--text-sm)}.ui-alert__body{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-button{min-height:var(--control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--text-sm);cursor:pointer}.ui-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text)}.ui-button:disabled{cursor:not-allowed;opacity:.6}.ui-button:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:var(--space-1)}@media (pointer:coarse){.ui-button{min-height:var(--touch-target)}}.ui-empty-state{gap:var(--space-3);padding:var(--space-8) var(--space-5);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-items:start;display:grid}.ui-empty-state__title{font-size:var(--text-lg);margin:0}.ui-empty-state__body{color:var(--color-text-muted);margin:0}.ui-field{gap:var(--space-1);display:grid}.ui-field__label{font-size:var(--text-sm);font-weight:600}.ui-field__control{min-height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit}.ui-field__control:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:var(--space-1)}.ui-field__control[aria-invalid=true]{border-color:var(--color-danger)}.ui-field__error{color:var(--color-danger);font-size:var(--text-sm)}@media (pointer:coarse){.ui-field__control{min-height:var(--touch-target)}}.ui-table{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.ui-table__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ui-table__caption{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600}.ui-table__table th,.ui-table__table td{padding:var(--space-2) var(--space-4);border-top:var(--border-width) solid var(--color-border);text-align:left;white-space:nowrap}.ui-table__table th{color:var(--color-text-muted);font-weight:600}.ui-showcase{gap:var(--space-8);display:grid}.ui-showcase__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-showcase__stack{gap:var(--space-4);display:grid}.auth-guard__loading{padding:var(--space-5) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.auth-guard__failed{gap:var(--space-4);max-width:30rem;padding:var(--space-8) var(--space-4);justify-items:start;margin:0 auto;display:grid}.login{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login__form{gap:var(--space-4);width:100%;max-width:30rem;display:grid}.login__title{margin:0 0 var(--space-2);font-size:var(--text-xl)}@media (width>=48rem){.login__form{padding:var(--space-8);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}}.layout{min-height:100vh}.layout__header{gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:1fr auto;grid-template-areas:"brand session""nav nav";align-items:center;display:grid}.layout__brand{grid-area:brand;font-weight:600}.layout__nav{gap:var(--space-1);grid-area:nav;min-width:0;display:flex;overflow-x:auto}.layout__link{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.layout__link:hover{color:var(--color-text)}.layout__link.active{background:var(--color-surface);color:var(--color-text);font-weight:600}.layout__session{gap:var(--space-3);grid-area:session;align-items:center;min-width:0;display:flex}.layout__user{color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout__visually-hidden{width:var(--border-width);height:var(--border-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.layout__main{max-width:64rem;padding:var(--space-5) var(--space-4);margin:0 auto}@media (width>=64rem){.layout__header{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav session"}.layout__link{min-height:var(--control-height)}}.settings{gap:var(--space-10);display:grid}.settings__title{font-size:var(--text-xl);margin:0}.settings__section{gap:var(--space-4);display:grid}.settings__heading{font-size:var(--text-lg);margin:0}.settings__subheading{font-size:var(--text-md);margin:0}.settings__form{gap:var(--space-4);max-width:30rem;display:grid}.settings__failed{gap:var(--space-3);display:grid}.settings__muted{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.settings__mono{font-family:var(--font-mono)}.settings__actions{gap:var(--space-2);display:flex}