:root{--bg: #ffffff;--bg-subtle: #f5f5f5;--bg-elevated: #ffffff;--border: #e2e2e2;--border-strong: #c8c8c8;--text: #1a1a1a;--text-muted: #6a6a6a;--text-faint: #9a9a9a;--accent: #2563eb;--accent-text: #ffffff;--danger: #dc2626;--ok: #16a34a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font-2xs: .72rem;--font-xs: .8rem;--font-sm: .9rem;--font-base: 1rem;--font-lg: 1.05rem;--font-xl: 1.35rem;--radius: 8px;--radius-sm: 5px;--list-max: 400px;--topbar-h: 52px;--bottom-nav-h: 58px;--nav-clearance: calc( var(--bottom-nav-h) + var(--space-5) + env(safe-area-inset-bottom, 0px) );--shadow: 0 1px 3px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .18);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}@media (prefers-color-scheme: dark){:root{--bg: #161616;--bg-subtle: #1f1f1f;--bg-elevated: #232323;--border: #333333;--border-strong: #444444;--text: #f0f0f0;--text-muted: #a0a0a0;--text-faint: #707070;--accent: #3b82f6;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);min-height:38px;white-space:nowrap}.btn:hover{background:var(--bg-subtle)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:18px;line-height:1}.icon-btn:hover{background:var(--bg-subtle);color:var(--text)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:vertical;font-family:inherit}label{display:block;font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.group-title{margin-bottom:var(--space-3);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.field-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-sm);font-weight:600;color:var(--text)}dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:var(--space-4);border:none;background:transparent;color:var(--text);overflow-y:auto;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .24s ease,transform .24s ease}dialog[open]{display:flex}dialog.is-open{opacity:1;transform:none}.sheet{margin:auto;width:460px;max-width:100%;background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}dialog::backdrop{background:#0000;transition:background .24s ease}dialog.is-open::backdrop{background:#00000073}@media (max-width: 560px){dialog{padding:0;transform:translateY(100%)}dialog.is-open{transform:none}.sheet{margin:auto auto 0;width:100%;max-width:100%;border-radius:var(--radius) var(--radius) 0 0}}@media (prefers-reduced-motion: reduce){dialog,dialog::backdrop{transition:none}}.menu-surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.menu-item{display:flex;align-items:center;gap:var(--space-2);text-align:left;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text)}.menu-item:hover{background:var(--bg-subtle);text-decoration:none}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.row{display:flex;align-items:center;gap:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}::view-transition-group(page-header-bar),::view-transition-group(page-header-title){animation-duration:.28s;animation-timing-function:ease}::view-transition-new(page-header-right):only-child{animation:vt-fade-in .22s ease both,vt-right-in .22s ease both}::view-transition-old(page-header-right):only-child{animation:vt-fade-out .22s ease both,vt-right-out .22s ease both}::view-transition-new(page-header-left):only-child{animation:vt-fade-in .22s ease both,vt-from-left .22s ease both}::view-transition-old(page-header-left):only-child{animation:vt-fade-out .22s ease both,vt-to-left .22s ease both}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-from-left{0%{transform:translate(-10px)}}@keyframes vt-to-left{to{transform:translate(-10px)}}@keyframes vt-right-in{0%{transform:translate(-10px)}}@keyframes vt-right-out{to{transform:translate(-10px)}}