:root{--bg:#fff;--fg:#1d2420;--muted:#5d6a63;--line:#dfe5e1;--accent:#2f6f4e;--accent-fg:#fff;--warn:#b3541e;--surface:#f4f7f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14181a;--fg:#e8ede9;--muted:#98a59d;--line:#2a3330;--accent:#5fb98a;--accent-fg:#0c1410;--warn:#e08a52;--surface:#1b2124}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.45 system-ui,sans-serif}.app{flex-direction:column-reverse;min-height:100dvh;display:flex}nav{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}nav a{text-align:center;color:var(--muted);flex:1;padding:.9rem .25rem;font-size:.85rem;text-decoration:none}nav a[aria-current=page]{color:var(--accent);font-weight:600}nav a[aria-disabled=true]{opacity:.4;pointer-events:none}.content{flex:1;min-width:0}main{max-width:52rem;padding:1rem}.offline{background:var(--warn);color:#fff;text-align:center;padding:.35rem;font-size:.9rem}button,input,select{font:inherit}button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:8px;padding:.6rem 1rem}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:.55rem}@media (width>=769px){.app{flex-direction:row}nav{border-top:0;border-right:1px solid var(--line);flex-direction:column;align-self:flex-start;width:12rem;height:100dvh;padding-top:1rem;position:sticky;top:0}nav a{text-align:left;padding:.7rem 1.2rem;font-size:1rem}}