:root{color-scheme:light dark;--bg: #f7f7f8;--fg: #18181b;--muted: #71717a;--card: #ffffff;--border: #e4e4e7;--accent: #4f46e5}@media (prefers-color-scheme: dark){:root{--bg: #18181b;--fg: #fafafa;--muted: #a1a1aa;--card: #232327;--border: #35353b;--accent: #818cf8}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.container{max-width:44rem;margin:0 auto;padding:2.5rem 1rem 4rem}h1{font-size:1.6rem;margin:0 0 .25rem}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}form.stack{display:grid;gap:.6rem}input,textarea,button{font:inherit;color:inherit}input,textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:.5rem .9rem;background:var(--accent);color:#fff}button.ghost{background:transparent;border-color:var(--border);color:var(--muted)}button[type=submit]:disabled{opacity:.6;cursor:progress}ul.notes{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.note{display:flex;gap:.75rem;align-items:flex-start;justify-content:space-between}.note.done h3{text-decoration:line-through;color:var(--muted)}.note h3{margin:0 0 .2rem;font-size:1rem}.note p{margin:0;color:var(--muted);font-size:.92rem;white-space:pre-wrap}.note .actions{display:flex;gap:.4rem;flex-shrink:0}.error{color:#dc2626;font-size:.9rem;margin:0}pre{overflow-x:auto}