:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f7f7f5;--color-surface:#fff;--color-text:#1a1a1a;--color-muted:#62615c;--color-border:#d9d8d3;--color-primary:#1d5c3e;--color-primary-contrast:#fff;--color-danger:#b3261e;--color-warning:#8a5a00;--radius:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#16181a;--color-surface:#1f2225;--color-text:#f2f2f0;--color-muted:#a8a8a2;--color-border:#33363a}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:var(--space-3) var(--space-4);min-height:44px;font-weight:600}button.primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}button.danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #4d8dff}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background:var(--color-surface);width:100%;min-height:44px}.app-shell{flex-direction:column;min-height:100vh;padding-bottom:64px;display:flex}.app-main{padding:var(--space-4);flex:1;width:100%;max-width:720px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;display:flex;position:sticky;top:0}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{text-align:center;padding:var(--space-2);color:var(--color-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;font-size:.75rem;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--color-primary);font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row.between{justify-content:space-between}.muted{color:var(--color-muted);font-size:.875rem}.badge{background:var(--color-border);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.ok{color:#1d5c3e;background:#d5f0dd}.badge.warn{color:var(--color-warning);background:#fdeecb}.badge.danger{color:var(--color-danger);background:#f6d6d3}.field{flex-direction:column;gap:4px;display:flex}.field label{font-size:.875rem;font-weight:600}.error-text{color:var(--color-danger);font-size:.875rem}.offline-banner{background:var(--color-warning);color:#fff;text-align:center;padding:var(--space-2);font-size:.875rem}h1{font-size:1.375rem}h2{font-size:1.125rem}.list-reset{margin:0;padding:0;list-style:none}.skip-link{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);z-index:100;position:absolute;top:0;left:-999px}.skip-link:focus{left:var(--space-3);top:var(--space-3)}