:root{color-scheme:dark;--bg:#20252b;--surface:#2a3037;--line:#4b5661;--text:#f5f7f8;--muted:#aab4bd;--accent:#d85555;--focus:#f0a0a0}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}.app-shell{width:min(100%,560px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent);font-weight:800;letter-spacing:-.08em}.eyebrow{margin:0;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.app-header h1,h2{margin:.15rem 0 0;line-height:1.1}.app-header h1{font-size:1.35rem}.view{padding-top:24px}.mobile-nav{display:flex;align-items:center;gap:10px}.mobile-nav h2{font-size:1.35rem}.new-mode .app-header{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{font-size:1.45rem}.button,.icon-button,.segmented button{min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.button{padding:0 16px}.button-primary{background:var(--accent);border-color:var(--accent);font-weight:650}.icon-button{width:48px;font-size:1.3rem}.save-message{color:var(--muted);font-size:.85rem;margin:18px 0 8px}.recent-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.recent-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.recent-list li span,.recent-list li small{display:block;color:var(--muted);font-size:.82rem}.recent-meta{text-align:right;white-space:nowrap}.recent-meta small{color:#e58b8b}.empty{color:var(--muted)}.developer-tools{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}.developer-tools summary{cursor:pointer;color:var(--muted)}pre{max-width:100%;overflow:auto;padding:12px;background:#171b1f;border:1px solid var(--line);border-radius:8px;font-size:.75rem}.text-button{border:0;background:transparent;color:var(--muted);padding:8px 0;cursor:pointer}form{display:grid;gap:14px;margin-top:18px}fieldset{margin:0;padding:0;border:0}legend,label{display:block;color:var(--muted);font-size:.86rem}input,select,textarea{display:block;width:100%;margin-top:6px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:16px;min-height:48px;height:48px}textarea{height:auto;min-height:76px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segmented{display:flex;gap:6px;margin-top:7px}.segmented button{flex:1;padding:0 8px;min-height:44px;color:var(--muted)}.segmented button[aria-pressed="true"]{background:#713b40;border-color:var(--accent);color:var(--text)}.segmented.compact{gap:4px}.segmented.compact button{min-height:48px;padding:0 7px;font-size:.8rem}.error{display:block;color:#ff9696;font-size:.78rem;margin:4px 0 0}.form-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;padding-top:8px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line)}.form-actions .button-primary{width:100%}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media(max-width:430px){.app-shell{padding-left:14px;padding-right:14px}.new-mode{padding-top:calc(12px + env(safe-area-inset-top))}}@media(max-width:390px){.section-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-actions{position:sticky;bottom:0;background:var(--bg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.auth-view{max-width:420px;margin:0 auto;padding-top:clamp(36px,14vh,110px)}.auth-mark{margin-bottom:22px}.auth-view h1{margin:.25rem 0;font-size:1.9rem}.auth-copy{color:var(--muted);margin:0 0 24px}.auth-view form{margin-top:0}.auth-view .button{width:100%}.home-actions{display:flex;align-items:center;gap:8px}.home-actions .icon-button{width:44px;min-width:44px}.error-message,.save-message.error{color:#ff9696}.status-pending{color:#e5b879!important}.status-synced{color:#8dd2a1!important}.status-error{color:#ff9696!important}.form-actions button:disabled{opacity:.6;cursor:wait}
.account-footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}.account-footer .text-button{min-height:44px}.home-actions .icon-button:disabled{opacity:.6;cursor:wait}