:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}:root{--color-bg:#fff;--color-surface:#f4f3ef;--color-text:#1b1b1f;--color-text-muted:#4b4b52;--color-border:#c9c8c3;--color-accent:#6d28d9;--color-accent-contrast:#fff;--color-danger:#8a1f11;--color-danger-contrast:#fff;--color-focus-ring:#0b5fff;--touch-target:48px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px}@media (prefers-color-scheme:dark){:root{--color-bg:#17171a;--color-surface:#232327;--color-text:#f2f1ee;--color-text-muted:#c7c6c2;--color-border:#3d3d42;--color-accent:#c4b5fd;--color-accent-contrast:#1b1b1f;--color-danger:#ff9c8a;--color-danger-contrast:#1b1b1f;--color-focus-ring:#7db2ff}}body{background:var(--color-bg);color:var(--color-text)}main{max-width:640px;padding:var(--space-md);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}h1{margin:0;font-size:1.5rem}button{min-height:var(--touch-target);min-width:var(--touch-target);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px}button.destructive{border-color:var(--color-danger)}button[aria-pressed=true],li.selected button:first-child{border-color:var(--color-accent);border-width:2px}input[type=text],input:not([type]){min-height:var(--touch-target);padding:var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;border-radius:8px;width:100%}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}ul{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}li{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;display:flex}.state-hint{color:var(--color-text-muted);font-size:.9em}[role=alert]{color:var(--color-danger);margin:0}dialog{border:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-bg);color:var(--color-text);border-radius:12px;width:90vw;max-width:480px}dialog::backdrop{background:#00000080}.dialog-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.empty-state{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.notice-banner{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.offline-indicator{padding:var(--space-xs) var(--space-md);background:var(--color-surface);color:var(--color-text-muted);text-align:center;font-size:.9em}li.single-line{flex-wrap:nowrap}.row-primary{align-items:center;gap:var(--space-xs);flex:auto;min-width:0;display:inline-flex;overflow:hidden}.row-primary-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-fixed{flex:none}.overflow-menu-trigger{justify-content:center;align-items:center;display:inline-flex}.icon-button{align-items:center;gap:var(--space-xs);display:inline-flex}.icon-button svg{flex-shrink:0}.overflow-menu-items{gap:var(--space-sm);flex-direction:column;display:flex}.overflow-menu-items button{text-align:left;justify-content:flex-start;width:100%}