:root{--bg: #f8fafc;--bg-elev: #ffffff;--fg: #0f172a;--fg-muted: #475569;--accent: #2563eb;--accent-fg: #ffffff;--border: #e2e8f0;--danger: #b91c1c;--radius: 8px;--gap: 12px;--maxw: 720px}[data-theme=dark]{--bg: #0b1220;--bg-elev: #131c2e;--fg: #e2e8f0;--fg-muted: #94a3b8;--accent: #60a5fa;--accent-fg: #0b1220;--border: #1f2a44;--danger: #f87171}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.shell-title{font-size:1.1rem;font-weight:600;margin:0}.shell-nav{display:flex;gap:8px;align-items:center}.shell-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:16px}.btn{font:inherit;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--gap)}.field label{font-size:.9rem;color:var(--fg-muted)}.field input,.field textarea{font:inherit;padding:10px 12px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);width:100%}.field textarea{min-height:220px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.auth-card{max-width:380px;margin:32px auto;padding:24px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.auth-card h2{margin-top:0}.error-banner{background:#b91c1c1a;color:var(--danger);padding:8px 12px;border-radius:var(--radius);margin-bottom:var(--gap);font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--gap);align-items:center}.toolbar input,.toolbar select{font:inherit;padding:8px 12px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius)}.toolbar input[type=search]{flex:1 1 200px;min-width:160px}.notes-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.note-row{background:var(--bg-elev);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.note-row:hover{border-color:var(--accent)}.note-row-title{font-weight:600;font-size:1rem;word-break:break-word}.note-row-meta{font-size:.8rem;color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;background:var(--border);color:var(--fg-muted);padding:1px 8px;border-radius:999px;font-size:.75rem}.note-edit{display:flex;flex-direction:column;gap:var(--gap)}.note-actions{display:flex;gap:8px;flex-wrap:wrap}.markdown-preview{padding:16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);word-break:break-word}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin-top:0}.markdown-preview pre{background:var(--border);padding:8px 12px;border-radius:4px;overflow-x:auto}.markdown-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.empty-state{text-align:center;color:var(--fg-muted);padding:32px 16px}.settings-section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:var(--gap)}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}@media (max-width: 480px){.shell-main{padding:12px}.auth-card{margin:16px;padding:16px}}