:root{color-scheme:dark;--bg: #1a1a2e;--bg-panel: #232342;--fg: #e0e0e0;--fg-muted: #9999aa;--accent: #569cd6;--border: #33334a;--danger: #e06c75}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background-color:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel)}.brand{font-weight:700;font-size:1.1rem}.nav{display:flex;gap:1rem;align-items:center}.nav a{color:var(--fg)}.user{color:var(--fg-muted);font-size:.9rem}button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}button.secondary{background:transparent;border:1px solid var(--border);color:var(--fg)}button.danger{background:var(--danger)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{width:100%;padding:.5rem .75rem;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.95rem}textarea{font-family:Consolas,monospace;resize:vertical;min-height:400px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;margin-bottom:.4rem;color:var(--fg-muted);font-size:.9rem}.container{max-width:900px;margin:0 auto;padding:1.5rem}.loading{text-align:center;padding:3rem;color:var(--fg-muted)}.error{background:#e06c7526;border:1px solid var(--danger);color:var(--danger);padding:.5rem .75rem;border-radius:4px;margin-bottom:1rem}.field{margin-bottom:1rem}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.note-list{list-style:none;padding:0}.note-list li{padding:.75rem 1rem;border:1px solid var(--border);border-radius:4px;margin-bottom:.5rem;background:var(--bg-panel)}.note-list a{display:block}.markdown{line-height:1.6}.markdown h1,.markdown h2,.markdown h3{border-bottom:1px solid var(--border);padding-bottom:.3rem}.markdown code{background:var(--bg-panel);padding:.1rem .3rem;border-radius:3px}.markdown pre{background:var(--bg-panel);padding:1rem;border-radius:6px;overflow-x:auto}.markdown pre code{padding:0;background:none}.markdown blockquote{border-left:4px solid var(--accent);padding-left:1rem;color:var(--fg-muted)}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--border);padding:.4rem .6rem}.landing{text-align:center;padding:4rem 1rem}.landing h1{font-size:2.5rem;margin-bottom:.5rem}.landing p{color:var(--fg-muted);margin-bottom:2rem}.landing .actions{display:flex;gap:1rem;justify-content:center}