.note-card[data-v-ecc2971d]{break-inside:avoid;box-shadow:var(--shadow);cursor:pointer;border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem;transition:transform .2s,box-shadow .2s}.note-card[data-v-ecc2971d]:hover{box-shadow:var(--shadow-hover);transform:rotate(0)translateY(-2px)!important}.note-card.compact[data-v-ecc2971d]{margin-bottom:0}.note-header[data-v-ecc2971d]{justify-content:flex-end;margin-bottom:.25rem;display:flex}.pin-btn[data-v-ecc2971d]{opacity:.35;font-size:1rem;transition:opacity .2s,color .2s}.pin-btn.active[data-v-ecc2971d],.note-card:hover .pin-btn[data-v-ecc2971d]{opacity:1}.pin-btn.active[data-v-ecc2971d]{color:#f5a623}.note-title[data-v-ecc2971d]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.note-preview[data-v-ecc2971d]{color:var(--text-muted);-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.note-meta[data-v-ecc2971d]{color:var(--text-muted);margin-top:.75rem;font-size:.75rem}.search-wrap[data-v-2a52f19e]{flex:1;max-width:400px;position:relative}.search-input[data-v-2a52f19e]{width:100%}.search-results[data-v-2a52f19e]{background:var(--bg-elevated);border:1px solid var(--border);max-height:320px;box-shadow:var(--shadow-hover);z-index:60;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.no-results[data-v-2a52f19e]{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);z-index:60;border-radius:12px;padding:1rem;font-size:.9rem;position:absolute;top:calc(100% + .5rem);left:0;right:0}.swatches[data-v-c4e8fb4e]{flex-wrap:wrap;gap:.5rem;display:flex}.swatch[data-v-c4e8fb4e]{border:2px solid #0000;border-radius:50%;width:1.75rem;height:1.75rem;transition:transform .15s,border-color .15s}.swatch[data-v-c4e8fb4e]:hover{transform:scale(1.1)}.swatch.active[data-v-c4e8fb4e]{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-elevated)}.note-modal[data-v-6d5dddfb]{flex-direction:column;gap:.75rem;display:flex}.modal-header[data-v-6d5dddfb]{justify-content:space-between;align-items:center;display:flex}.modal-header h2[data-v-6d5dddfb]{font-size:1.1rem}.field span[data-v-6d5dddfb]{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.modal-footer[data-v-6d5dddfb]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pin-label[data-v-6d5dddfb]{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.actions[data-v-6d5dddfb]{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.spacer[data-v-6d5dddfb]{flex:1}.delete-btn[data-v-6d5dddfb]{color:#c62828}.save-hint[data-v-6d5dddfb]{color:var(--text-muted);font-size:.8rem}h2[data-v-b6a2a003]{margin-bottom:1rem;font-size:1.1rem}.input[data-v-b6a2a003]{margin-bottom:1.25rem}.actions[data-v-b6a2a003]{justify-content:flex-end;gap:.5rem;display:flex}.confirm-modal p[data-v-b2ae2d9a]{margin-bottom:1.25rem}.actions[data-v-b2ae2d9a]{justify-content:flex-end;gap:.5rem;display:flex}.category-card[data-v-b871c2f5]{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;min-height:100px;padding:1.25rem;transition:transform .2s,box-shadow .2s;position:relative}.category-card[data-v-b871c2f5]:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card-menu[data-v-b871c2f5]{opacity:0;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.category-card:hover .card-menu[data-v-b871c2f5]{opacity:1}h3[data-v-b871c2f5]{margin-bottom:.35rem;padding-right:1.5rem;font-size:1.1rem;font-weight:600}.count[data-v-b871c2f5]{color:var(--text-muted);font-size:.85rem}.empty-state[data-v-73038248]{text-align:center;padding:3rem 1.5rem}.empty-title[data-v-73038248]{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-desc[data-v-73038248]{color:var(--text-muted);margin-bottom:1.5rem}.page-header[data-v-df27e042]{margin-bottom:1.5rem}.page-header h1[data-v-df27e042]{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.subtitle[data-v-df27e042]{color:var(--text-muted);margin-top:.25rem}.loading[data-v-df27e042]{color:var(--text-muted);padding:2rem}.add-category-card[data-v-df27e042]{border:2px dashed var(--border);min-height:100px;color:var(--text-muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:border-color .2s,color .2s;display:flex}.add-category-card[data-v-df27e042]:hover{border-color:var(--accent);color:var(--accent)}.plus[data-v-df27e042]{font-size:1.75rem;line-height:1}.page-header[data-v-4fb5cb60]{margin-bottom:1.25rem}.back-btn[data-v-4fb5cb60]{margin-bottom:.5rem;padding-left:0}.title-row[data-v-4fb5cb60]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.title-row h1[data-v-4fb5cb60]{flex:1;font-size:1.5rem;font-weight:700}.delete-btn[data-v-4fb5cb60]{color:#c62828}:root,[data-theme=light]{--bg:#f4f1ec;--bg-elevated:#fff;--bg-board:linear-gradient(145deg, #f8f5f0 0%, #ebe6de 100%);--text:#1a1a1a;--text-muted:#6b6560;--border:#00000014;--shadow:0 4px 20px #00000014;--shadow-hover:0 8px 28px #0000001f;--accent:#5c6bc0;--accent-hover:#4a5ab5;--header-bg:#ffffffd9;--overlay:#0006;--note-default:#fffef8;--note-yellow:#fff9c4;--note-mint:#e0f7f4;--note-coral:#ffe8e0;--note-lavender:#ede7f6;--note-slate:#eceff1}[data-theme=dark]{--bg:#1c1b19;--bg-elevated:#2a2826;--bg-board:linear-gradient(145deg, #242220 0%, #1a1917 100%);--text:#f0ebe3;--text-muted:#9a948c;--border:#ffffff14;--shadow:0 4px 20px #00000059;--shadow-hover:0 8px 28px #00000073;--accent:#8b9dc8;--accent-hover:#a4b3d4;--header-bg:#1c1b19e6;--overlay:#000000a6;--note-default:#3d3a36;--note-yellow:#4a4528;--note-mint:#2a3d3a;--note-coral:#4a3530;--note-lavender:#3a3548;--note-slate:#35383a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:16px}body{background:var(--bg);background-image:var(--bg-board);color:var(--text);min-height:100dvh;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s forwards fadeIn}.animate-scale-in{animation:.2s forwards scaleIn}.animate-slide-up{animation:.3s forwards slideUp}.btn{border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-weight:500;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--border);color:var(--text)}.btn-icon{border-radius:8px;width:2.25rem;height:2.25rem;padding:0}.input{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;width:100%;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #5c6bc033}.textarea{resize:vertical;min-height:120px}.toast{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);z-index:200;border-radius:10px;padding:.75rem 1.25rem;animation:.25s slideUp;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-hover);border-radius:16px;padding:1.5rem;animation:.2s scaleIn;overflow-y:auto}.note-color-default{background:var(--note-default)}.note-color-yellow{background:var(--note-yellow)}.note-color-mint{background:var(--note-mint)}.note-color-coral{background:var(--note-coral)}.note-color-lavender{background:var(--note-lavender)}.note-color-slate{background:var(--note-slate)}.app-header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.app-logo{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.app-main{max-width:1400px;margin:0 auto;padding:1.25rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media (width>=640px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.note-masonry{column-count:1;column-gap:1rem}@media (width>=640px){.note-masonry{column-count:2}}@media (width>=1024px){.note-masonry{column-count:3}}@media (width>=1280px){.note-masonry{column-count:4}}.pinned-row{scroll-snap-type:x mandatory;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pinned-row .note-card{scroll-snap-align:start;flex:0 0 220px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:600}.fab{background:var(--accent);color:#fff;width:3.25rem;height:3.25rem;box-shadow:var(--shadow-hover);z-index:40;border-radius:50%;font-size:1.5rem;transition:transform .2s;position:fixed;bottom:1.25rem;right:1.25rem}.fab:hover{transform:scale(1.05)}