.category-card[data-v-557eaac5]{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-557eaac5]:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card-menu[data-v-557eaac5]{opacity:0;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.category-card:hover .card-menu[data-v-557eaac5]{opacity:1}h3[data-v-557eaac5]{margin-bottom:.35rem;padding-right:1.5rem;font-size:1.1rem;font-weight:600}.count[data-v-557eaac5]{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-c98db34e]{margin-bottom:1.5rem}.page-header h1[data-v-c98db34e]{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.subtitle[data-v-c98db34e]{color:var(--text-muted);margin-top:.25rem}.loading[data-v-c98db34e]{color:var(--text-muted);padding:2rem}.add-category-card[data-v-c98db34e]{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-c98db34e]:hover{border-color:var(--accent);color:var(--accent)}.plus[data-v-c98db34e]{font-size:1.75rem;line-height:1}.note-card[data-v-1b4ad7df]{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-1b4ad7df]:hover{box-shadow:var(--shadow-hover);transform:rotate(0)translateY(-2px)!important}.note-card.compact[data-v-1b4ad7df]{margin-bottom:0}.note-card.done[data-v-1b4ad7df]{opacity:.6}.note-card.done[data-v-1b4ad7df]:hover{opacity:.85}.line-through[data-v-1b4ad7df]{text-decoration:line-through}.note-header[data-v-1b4ad7df]{justify-content:space-between;margin-bottom:.25rem;display:flex}.note-header-left[data-v-1b4ad7df]{display:flex}.pin-btn[data-v-1b4ad7df]{opacity:.35;font-size:1rem;transition:opacity .2s,color .2s}.pin-btn.active[data-v-1b4ad7df],.note-card:hover .pin-btn[data-v-1b4ad7df]{opacity:1}.pin-btn.active[data-v-1b4ad7df]{color:#f5a623}.done-btn[data-v-1b4ad7df]{opacity:.35;color:#4caf50;font-size:1rem;transition:opacity .2s,color .2s}.done-btn.active[data-v-1b4ad7df],.note-card:hover .done-btn[data-v-1b4ad7df]{opacity:1}.done-btn.active[data-v-1b4ad7df]{color:#4caf50}.note-title[data-v-1b4ad7df]{-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-1b4ad7df]{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-1b4ad7df]{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.75rem;display:flex}.note-date[data-v-1b4ad7df]{font-size:.7rem}.page-header[data-v-433cd600]{margin-bottom:1.25rem}.back-btn[data-v-433cd600]{margin-bottom:.5rem;padding-left:0}.title-row[data-v-433cd600]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.title-row h1[data-v-433cd600]{flex:1;font-size:1.5rem;font-weight:700}.delete-btn[data-v-433cd600]{color:#c62828}.login-page[data-v-d7587813]{background:var(--bg-board);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card[data-v-d7587813]{background:var(--note-yellow);width:100%;max-width:22rem;box-shadow:var(--shadow-hover);border-radius:4px;padding:2rem;transform:rotate(-.5deg)}.login-title[data-v-d7587813]{color:var(--text);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.login-subtitle[data-v-d7587813]{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.login-field[data-v-d7587813]{color:var(--text-muted);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem;display:flex}.login-error[data-v-d7587813]{color:#c62828;margin:0 0 1rem;font-size:.85rem}[data-theme=dark] .login-error[data-v-d7587813]{color:#ef9a9a}.login-submit[data-v-d7587813]{width:100%;margin-top:.5rem}.search-wrap[data-v-ef453d00]{flex:1;max-width:400px;position:relative}.search-input[data-v-ef453d00]{width:100%}.search-results[data-v-ef453d00]{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-ef453d00]{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-5052c6a2]{flex-direction:column;gap:.75rem;display:flex}.modal-header[data-v-5052c6a2]{justify-content:space-between;align-items:center;display:flex}.modal-header h2[data-v-5052c6a2]{font-size:1.1rem}.field span[data-v-5052c6a2]{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.modal-footer[data-v-5052c6a2]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.checkbox-group[data-v-5052c6a2]{align-items:center;gap:.75rem;display:flex}.pin-label[data-v-5052c6a2]{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.actions[data-v-5052c6a2]{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.spacer[data-v-5052c6a2]{flex:1}.delete-btn[data-v-5052c6a2]{color:#c62828}.save-hint[data-v-5052c6a2]{color:var(--text-muted);font-size:.8rem}h2[data-v-9a392caa]{margin-bottom:1rem;font-size:1.1rem}.input[data-v-9a392caa]{margin-bottom:1.25rem}.actions[data-v-9a392caa]{justify-content:flex-end;gap:.5rem;display:flex}.confirm-modal p[data-v-a5c813f9]{margin-bottom:1.25rem}.actions[data-v-a5c813f9]{justify-content:flex-end;gap:.5rem;display:flex}.lang-switcher[data-v-1c0109a5]{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.lang-btn[data-v-1c0109a5]{letter-spacing:.03em;color:var(--text-muted);padding:.35rem .65rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.lang-btn[data-v-1c0109a5]:hover{background:var(--border)}.lang-btn.active[data-v-1c0109a5]{background:var(--accent);color:#fff}: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)}