.shell{display:flex;flex-direction:column;height:100%}.shell__header{display:flex;align-items:center;gap:.5rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;border-bottom:1px solid var(--border);background:var(--surface)}.shell__main{flex:1;overflow-y:auto;padding:1rem 1rem 1.5rem;-webkit-overflow-scrolling:touch}.shell__nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.shell__nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:56px;padding:.375rem .25rem;font-size:.8125rem;text-decoration:none;color:var(--text-muted)}.shell__nav a[aria-current=page]{color:var(--accent);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}.shell__nav svg{width:22px;height:22px;fill:currentColor}.toast{position:fixed;left:1rem;right:1rem;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);box-shadow:0 8px 24px #00000059;z-index:10}.toast p{flex:1;margin:0;font-size:.9375rem}.toast button{border:0;border-radius:8px;padding:0 .875rem;background:var(--accent);color:var(--accent-contrast);font-weight:600}.toast button.toast__dismiss{background:transparent;color:var(--text-muted);padding:0 .5rem}.placeholder__badge{display:inline-block;margin:0 0 .75rem;padding:.25rem .625rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--text-muted);font-size:.8125rem}.placeholder p{margin:0 0 .75rem}.placeholder ul{margin:0;padding-left:1.25rem;color:var(--text-muted)}.placeholder li{margin-bottom:.375rem}.settings h3{margin:1.5rem 0 .5rem;font-size:1rem}.settings p{margin:0 0 .75rem}.settings__group{margin:0 0 1rem;padding:.75rem 1rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.settings__group legend{padding:0 .375rem;color:var(--text-muted);font-size:.875rem}.settings__choices{display:flex;flex-wrap:wrap;gap:.5rem}.settings__choice{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .875rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised)}.settings__choice input{width:20px;height:20px;accent-color:var(--accent)}.settings__fineprint{color:var(--text-muted);font-size:.8125rem}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0c0f0d;--surface: #151a17;--surface-raised: #1e2521;--border: #2c3630;--text: #e8efe9;--text-muted: #9aa89f;--accent: #6abf3f;--accent-contrast: #0c0f0d;--danger: #ff6b5e;--warning: #ffc14d;--ok: #6abf3f}:root[data-theme=light]{color-scheme:light;--bg: #f6f8f5;--surface: #ffffff;--surface-raised: #eef2ec;--border: #d2dbd3;--text: #14201a;--text-muted: #56675d;--accent: #2f7a15;--accent-contrast: #ffffff;--danger: #b3261e;--warning: #8a5a00;--ok: #2f7a15}@media (prefers-color-scheme: light){:root[data-theme=system]{color-scheme:light;--bg: #f6f8f5;--surface: #ffffff;--surface-raised: #eef2ec;--border: #d2dbd3;--text: #14201a;--text-muted: #56675d;--accent: #2f7a15;--accent-contrast: #ffffff;--danger: #b3261e;--warning: #8a5a00;--ok: #2f7a15}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;overscroll-behavior-y:none}h1{font-size:1.375rem;margin:0}h2{font-size:1.125rem;margin:0 0 .5rem}a{color:var(--accent)}button{font:inherit;color:inherit}button,[role=button],a.tap{min-height:44px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}