.storage-alert[data-astro-cid-arzepsn4]{background:var(--color-bg-subtle,#00000008);border-left:3px solid var(--color-accent);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.85rem}.storage-warning[data-astro-cid-arzepsn4]{padding:var(--space-3) var(--space-4);color:#b91c1c;border-radius:var(--radius-sm);background:#dc26261a;border-left:3px solid #dc2626;font-size:.85rem}.notes-app[data-astro-cid-arzepsn4]{gap:var(--space-4);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:280px 1fr;min-height:580px;display:grid;overflow:hidden}@media (width<=768px){.notes-app[data-astro-cid-arzepsn4]{grid-template-columns:1fr}}.notes-sidebar[data-astro-cid-arzepsn4]{background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-3);flex-direction:column;display:flex}.new-btn[data-astro-cid-arzepsn4]{width:100%}.notes-list-wrap[data-astro-cid-arzepsn4]{flex:1;max-height:380px;overflow-y:auto}.notes-list[data-astro-cid-arzepsn4]{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.note-item-btn[data-astro-cid-arzepsn4]{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.note-item-btn[data-astro-cid-arzepsn4]:hover{background:var(--color-bg-raised)}.note-item-btn[data-astro-cid-arzepsn4]:focus-visible{outline:2px solid var(--color-focus-ring)}.note-item-btn--active[data-astro-cid-arzepsn4]{background:var(--color-bg-raised);border-color:var(--color-border-strong)}.note-item-title[data-astro-cid-arzepsn4]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.note-item-meta[data-astro-cid-arzepsn4]{color:var(--color-text-secondary);font-size:.75rem}.backup-actions[data-astro-cid-arzepsn4]{gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3);display:flex}.backup-btn[data-astro-cid-arzepsn4]{flex:1;min-height:36px;padding:4px 8px;font-size:.8rem}.import-label[data-astro-cid-arzepsn4]{cursor:pointer;text-align:center}.notes-editor-pane[data-astro-cid-arzepsn4]{padding:var(--space-4);flex-direction:column;min-width:0;display:flex}.editor-header[data-astro-cid-arzepsn4]{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.note-title-input[data-astro-cid-arzepsn4]{min-width:180px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-family:inherit;font-size:1.4rem;font-weight:700}.note-title-input[data-astro-cid-arzepsn4]:focus-visible{border-bottom:2px solid var(--color-accent)}.editor-header-controls[data-astro-cid-arzepsn4]{align-items:center;gap:var(--space-2);display:flex}.view-mode-group[data-astro-cid-arzepsn4]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;display:inline-flex}.view-btn[data-astro-cid-arzepsn4]{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:2px;min-height:32px;padding:4px 10px;font-size:.8rem;font-weight:600}.view-btn[data-astro-cid-arzepsn4]:hover{color:var(--color-text)}.view-btn--active[data-astro-cid-arzepsn4]{background:var(--color-accent);color:var(--color-accent-contrast,#fff)}.delete-btn[data-astro-cid-arzepsn4]{color:#dc2626;min-height:36px}.delete-btn[data-astro-cid-arzepsn4]:hover{border-color:#dc2626}.active-tags-bar[data-astro-cid-arzepsn4]{padding:var(--space-2) 0;flex-wrap:wrap;gap:6px;min-height:30px;display:flex}.tag-pill[data-astro-cid-arzepsn4]{font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-full,9999px);background:var(--color-bg);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);padding:2px 8px;display:inline-block}.pane-content[data-astro-cid-arzepsn4]{flex-direction:column;flex:1;min-height:360px;display:flex}.note-textarea[data-astro-cid-arzepsn4]{width:100%;min-height:360px;padding:var(--space-2) 0;color:var(--color-text);resize:none;background:0 0;border:none;outline:none;flex:1;font-size:.95rem;line-height:1.6}.pane-preview[data-astro-cid-arzepsn4]{padding:var(--space-3) 0;line-height:1.6;overflow-y:auto}.markdown-body[data-astro-cid-arzepsn4] h1,.markdown-body[data-astro-cid-arzepsn4] h2,.markdown-body[data-astro-cid-arzepsn4] h3{color:var(--color-text);margin-top:1em;margin-bottom:.5em}.markdown-body[data-astro-cid-arzepsn4] pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;overflow-x:auto}.markdown-body[data-astro-cid-arzepsn4] code{font-family:var(--font-mono);font-size:.88em}.markdown-body[data-astro-cid-arzepsn4] .md-tag{background:var(--color-bg-subtle,#0000000d);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-accent);padding:1px 6px;font-size:.85em}.editor-footer[data-astro-cid-arzepsn4]{padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}