:root{--canvas: #f4f5f7;--canvas-subtle: #e9ebef;--fg: #171a21;--fg-muted: #5b6472;--line: #d7dbe2;--accent: #c2410a;--accent-fg: #fff7ed;--danger: #b91c1c;--danger-bg: #fef2f2;--radius: .25rem;--font-sans: system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--canvas: #0b0e14;--canvas-subtle: #131722;--fg: #e6e8ee;--fg-muted: #8b92a3;--line: #232838;--accent: #fb923c;--accent-fg: #1c0f02;--danger: #f87171;--danger-bg: #2a1414}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--fg);background:var(--canvas);-webkit-font-smoothing:antialiased}a{color:inherit}.page{max-width:60rem;margin:0 auto;padding:1.5rem 1rem 4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas-subtle);color:var(--fg);padding:.45rem .85rem;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);text-transform:uppercase;letter-spacing:.04em}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-danger{border-color:var(--danger);background:transparent;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}.field{border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--fg);padding:.5rem .65rem;font:inherit;font-size:.9rem;outline:none}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.field:disabled{opacity:.6}.danger-text{color:var(--danger)}.callout{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--canvas-subtle);padding:.75rem 1rem;margin-bottom:1.25rem}.feed-status{padding:1.5rem 0;text-align:center;color:var(--fg-muted)}.suggestion-list{position:absolute;z-index:20;margin:.25rem 0 0;padding:.25rem;list-style:none;max-width:16rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);box-shadow:0 8px 24px #00000026}.suggestion-item{display:block;width:100%;border:none;background:none;color:var(--fg);text-align:left;padding:.35rem .5rem;border-radius:calc(var(--radius) - 2px);font:inherit;font-size:.85rem;cursor:pointer}.suggestion-item:hover{background:var(--canvas-subtle)}.note-card-meta{display:flex;gap:.75rem;margin-top:.75rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.markdown-view{font-size:.95rem;line-height:1.6}.markdown-view>:first-child{margin-top:0}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin:1.4rem 0 .5rem;font-weight:700;line-height:1.25}.markdown-view h1{font-size:1.5rem}.markdown-view h2{font-size:1.25rem}.markdown-view h3{font-size:1.1rem}.markdown-view p,.markdown-view ul,.markdown-view ol,.markdown-view blockquote,.markdown-view pre{margin:.75rem 0}.markdown-view ul{list-style:disc;padding-left:1.4rem}.markdown-view ol{list-style:decimal;padding-left:1.4rem}.markdown-view a{color:var(--accent);text-decoration:underline}.markdown-view code{border-radius:3px;background:var(--canvas-subtle);padding:.1rem .3rem;font-family:var(--font-mono);font-size:.85em}.markdown-view pre{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas-subtle);padding:.75rem}.markdown-view pre code{background:none;padding:0}.markdown-view blockquote{border-left:2px solid var(--accent);padding-left:.75rem;color:var(--fg-muted)}.markdown-view li:has(>input[type=checkbox]:first-child){list-style:none}.markdown-view li>input[type=checkbox]:first-child{margin-right:.5rem;width:.9rem;height:.9rem;vertical-align:-.125em;accent-color:var(--accent)}.markdown-view li>input[type=checkbox]:first-child:not(:disabled){cursor:pointer}.markdown-view--card{font-size:.85rem;line-height:1.5}.markdown-view--card h1,.markdown-view--card h2,.markdown-view--card h3{margin:.75rem 0 .25rem;font-size:.9rem}.markdown-view--card p,.markdown-view--card ul,.markdown-view--card ol,.markdown-view--card blockquote,.markdown-view--card pre{margin:.4rem 0}