@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700&display=swap";.category-card[data-v-07de8aa4]{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:18px;min-height:118px;padding:1.2rem 1.15rem 1.05rem;transition:transform .24s,box-shadow .24s,border-color .2s;position:relative}.category-card[data-v-07de8aa4]:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:translateY(-4px)}.card-menu[data-v-07de8aa4]{opacity:0;transition:opacity .2s;position:absolute;top:.45rem;right:.45rem}.category-card:hover .card-menu[data-v-07de8aa4]{opacity:1}h3[data-v-07de8aa4]{margin-bottom:.45rem;padding-right:1.8rem;font-size:1.24rem;font-weight:700}.count[data-v-07de8aa4]{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.82rem;font-weight:600}.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-61fe50b0]{margin-bottom:clamp(1.15rem,2.3vw,1.8rem)}.page-header h1[data-v-61fe50b0]{letter-spacing:-.02em;max-width:16ch;font-size:clamp(1.85rem,1.25rem + 1.7vw,2.5rem);font-weight:700}.subtitle[data-v-61fe50b0]{color:var(--text-muted);margin-top:.35rem;font-size:clamp(.92rem,.85rem + .3vw,1rem)}.loading[data-v-61fe50b0]{color:var(--text-muted);padding:2rem .5rem}.add-category-card[data-v-61fe50b0]{border:1px dashed var(--border-strong);min-height:118px;color:var(--text-muted);background:color-mix(in oklch, var(--bg-elevated) 70%, var(--bg-soft));border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;transition:border-color .22s,color .22s,transform .2s,background-color .2s;display:flex}.add-category-card[data-v-61fe50b0]:hover{border-color:var(--accent-hover);color:var(--accent-hover);background:var(--bg-elevated);transform:translateY(-3px)}.plus[data-v-61fe50b0]{font-size:1.9rem;line-height:1}.note-card[data-v-35b84600]{break-inside:avoid;box-shadow:var(--shadow);cursor:pointer;border:1px solid var(--border);border-radius:14px;margin-bottom:1.08rem;padding:1rem .98rem .9rem;transition:transform .24s,box-shadow .24s,border-color .2s}.note-card[data-v-35b84600]:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:rotate(0)translateY(-3px)!important}.note-card.compact[data-v-35b84600]{margin-bottom:0}.note-card.done[data-v-35b84600]{opacity:.68}.note-card.done[data-v-35b84600]:hover{opacity:.86}.line-through[data-v-35b84600]{text-decoration:line-through}.note-header[data-v-35b84600]{justify-content:space-between;margin-bottom:.25rem;display:flex}.note-header-left[data-v-35b84600]{display:flex}.pin-btn[data-v-35b84600]{opacity:.42;font-size:1rem;transition:opacity .2s,color .2s}.pin-btn.active[data-v-35b84600],.note-card:hover .pin-btn[data-v-35b84600]{opacity:1}.pin-btn.active[data-v-35b84600]{color:oklch(76% .14 88)}.done-btn[data-v-35b84600]{opacity:.42;color:oklch(62% .14 148);font-size:1rem;transition:opacity .2s,color .2s}.done-btn.active[data-v-35b84600],.note-card:hover .done-btn[data-v-35b84600]{opacity:1}.done-btn.active[data-v-35b84600]{color:oklch(62% .14 148)}.note-title[data-v-35b84600]{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.4rem;font-size:1.03rem;font-weight:700;line-height:1.26;display:-webkit-box;overflow:hidden}.note-preview[data-v-35b84600]{color:var(--text-muted);-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.note-meta[data-v-35b84600]{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.88rem;font-size:.75rem;display:flex}.meta-left[data-v-35b84600]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.subcategory-badge[data-v-35b84600]{background:var(--accent-soft);color:color-mix(in oklch, var(--accent) 82%, var(--text));text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:.13rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.note-date[data-v-35b84600]{letter-spacing:.04em;font-size:.71rem}.subcategory-section[data-v-b1a4cbb4]{margin-bottom:1.5rem}.empty-subsection[data-v-b1a4cbb4]{color:var(--text-muted);padding:.5rem 0;font-size:.85rem}.page-header[data-v-08dab572]{margin-bottom:1.5rem}.back-btn[data-v-08dab572]{margin-bottom:.65rem;padding-left:0}.title-row[data-v-08dab572]{flex-wrap:wrap;align-items:center;gap:.62rem;display:flex}.title-row h1[data-v-08dab572]{flex:1;min-width:170px;font-size:clamp(1.55rem,1.25rem + 1.1vw,2.15rem);font-weight:700}.delete-btn[data-v-08dab572]{color:oklch(56% .16 28)}.subcategories-section[data-v-08dab572]{border:1px solid var(--border);background:color-mix(in oklch, var(--bg-elevated) 82%, var(--bg-soft));border-radius:18px;margin-top:1.75rem;padding:1.1rem}.subcategories-header[data-v-08dab572]{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.subcategories-label[data-v-08dab572]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:700}.subcategory-form[data-v-08dab572]{gap:.5rem;margin-bottom:.6rem;display:flex}.subcategories-list[data-v-08dab572]{flex-wrap:wrap;gap:.5rem;display:flex}.subcategory-pill[data-v-08dab572]{background:var(--accent-soft);color:color-mix(in oklch, var(--accent) 84%, var(--text));border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.pill-delete[data-v-08dab572]{color:color-mix(in oklch, var(--accent) 72%, var(--text-muted));cursor:pointer;background:0 0;border:none;padding:0 0 0 .15rem;font-size:1rem;line-height:1;transition:color .15s}.pill-delete[data-v-08dab572]:hover{color:var(--accent-hover)}.sub-note-count[data-v-08dab572]{opacity:.75;font-size:.72rem}.btn-sm[data-v-08dab572]{padding:.4rem .82rem;font-size:.81rem}@media (width<=660px){.subcategory-form[data-v-08dab572]{flex-wrap:wrap}}.login-page[data-v-9a77b79a]{background:var(--bg-board);justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.2rem,2.5vw,2rem);display:flex}.login-card[data-v-9a77b79a]{background:color-mix(in oklch, var(--bg-elevated) 68%, var(--note-yellow));width:100%;max-width:24rem;box-shadow:var(--shadow-hover);border:1px solid var(--border);border-radius:20px;padding:clamp(1.6rem,1.2rem + 1.5vw,2.35rem)}.login-title[data-v-9a77b79a]{color:var(--text);margin:0 0 .35rem;font-size:clamp(1.65rem,1.35rem + 1vw,2.15rem);font-weight:700}.login-subtitle[data-v-9a77b79a]{color:var(--text-muted);margin:0 0 1.45rem;font-size:.92rem}.login-field[data-v-9a77b79a]{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex-direction:column;gap:.35rem;margin-bottom:.95rem;font-size:.82rem;font-weight:600;display:flex}.login-error[data-v-9a77b79a]{color:oklch(56% .16 28);margin:0 0 1rem;font-size:.85rem}[data-theme=dark] .login-error[data-v-9a77b79a]{color:oklch(78% .12 24)}.login-submit[data-v-9a77b79a]{width:100%;margin-top:.5rem}.search-wrap[data-v-ea2a6be1]{flex:1;max-width:430px;position:relative}.search-input[data-v-ea2a6be1]{background:color-mix(in oklch, var(--bg-elevated) 84%, var(--bg-soft));border-radius:999px;width:100%}.search-results[data-v-ea2a6be1]{background:var(--bg-elevated);border:1px solid var(--border);max-height:320px;box-shadow:var(--shadow-hover);z-index:60;border-radius:16px;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-ea2a6be1]{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);z-index:60;border-radius:16px;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-70613aba]{flex-direction:column;gap:.75rem;display:flex}.modal-header[data-v-70613aba]{justify-content:space-between;align-items:center;display:flex}.modal-header h2[data-v-70613aba]{font-size:1.1rem}.field span[data-v-70613aba]{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;display:block}.modal-footer[data-v-70613aba]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.checkbox-group[data-v-70613aba]{align-items:center;gap:.75rem;display:flex}.pin-label[data-v-70613aba]{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.actions[data-v-70613aba]{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.spacer[data-v-70613aba]{flex:1}.delete-btn[data-v-70613aba]{color:#c62828}.save-hint[data-v-70613aba]{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:oklch(96.5% .014 82);--bg-elevated:oklch(98.6% .008 84);--bg-soft:oklch(94.2% .018 78);--bg-board:radial-gradient(circle at 8% -8%, oklch(100% .012 90) 0%, oklch(96.5% .014 82) 42%, oklch(92.8% .022 76) 100%);--text:oklch(25.5% .025 66);--text-muted:oklch(47.5% .018 68);--border:oklch(73% .016 74/.46);--border-strong:oklch(63% .018 74/.62);--shadow:0 14px 36px oklch(34% .028 58/.12);--shadow-hover:0 26px 52px oklch(32% .032 58/.18);--accent:oklch(57% .1 35);--accent-hover:oklch(51% .108 35);--accent-soft:oklch(89% .04 35);--header-bg:oklch(98.2% .01 82/.88);--overlay:oklch(17% .014 62/.46);--note-default:oklch(97.8% .018 87);--note-yellow:oklch(96.8% .06 96);--note-mint:oklch(95.8% .045 171);--note-coral:oklch(94.8% .058 38);--note-lavender:oklch(95.5% .04 310);--note-slate:oklch(94.6% .02 250)}[data-theme=dark]{--bg:oklch(22.8% .016 70);--bg-elevated:oklch(27.8% .017 72);--bg-soft:oklch(31.5% .018 72);--bg-board:radial-gradient(circle at 14% -12%, oklch(34.5% .02 80) 0%, oklch(22.8% .016 70) 54%, oklch(18.4% .014 60) 100%);--text:oklch(92.5% .013 84);--text-muted:oklch(74% .015 84);--border:oklch(57% .012 82/.34);--border-strong:oklch(66% .014 86/.5);--shadow:0 18px 36px oklch(10% .012 62/.45);--shadow-hover:0 28px 54px oklch(6% .014 62/.58);--accent:oklch(72% .088 42);--accent-hover:oklch(78% .084 42);--accent-soft:oklch(36% .05 42);--header-bg:oklch(24.4% .014 71/.9);--overlay:oklch(6% .008 60/.66);--note-default:oklch(34.5% .012 82);--note-yellow:oklch(37.5% .045 95);--note-mint:oklch(36.5% .04 170);--note-coral:oklch(37% .048 34);--note-lavender:oklch(37% .04 305);--note-slate:oklch(35% .015 250)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Manrope,Segoe UI,sans-serif;font-size:16px}body{background:var(--bg);background-image:var(--bg-board);color:var(--text);letter-spacing:.003em;min-height:100dvh;line-height:1.58}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:3px}h1,h2,h3,h4{letter-spacing:-.016em;font-family:Fraunces,Georgia,serif;line-height:1.14}::selection{background:color-mix(in oklch, var(--accent) 24%, transparent)}@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:999px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1.15rem;font-weight:600;transition:background-color .22s,transform .18s,box-shadow .24s,color .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--bg-elevated);box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--accent) 75%, black)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:color-mix(in oklch, var(--bg-soft) 65%, transparent);border-color:var(--border);color:var(--text)}.btn-icon{border-radius:999px;width:2.35rem;height:2.35rem;padding:0}.input{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;width:100%;padding:.68rem .96rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);outline:none}.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:14px;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:1px solid var(--border);border-radius:20px;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(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:clamp(.55rem,1.4vw,1rem);padding:.95rem clamp(.95rem,2.6vw,2rem);display:flex;position:sticky;top:0}.app-logo{letter-spacing:-.01em;margin-right:clamp(0rem,.7vw,.4rem);font-family:Fraunces,Georgia,serif;font-size:clamp(1.1rem,1.1rem + .3vw,1.35rem);font-weight:700}.app-main{max-width:1420px;margin:0 auto;padding:clamp(1rem,2.5vw,2.15rem)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(.8rem,1.5vw,1.15rem);display:grid}@media (width>=640px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.note-masonry{column-count:1;column-gap:clamp(.8rem,1.6vw,1.2rem)}@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:clamp(.6rem,1.3vw,1rem);margin-bottom:1.8rem;padding-bottom:.55rem;display:flex;overflow-x:auto}.pinned-row .note-card{scroll-snap-align:start;flex:0 0 220px}.section-title{text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);margin-bottom:.88rem;font-size:.78rem;font-weight:700}@media (width<=900px){.app-header{flex-wrap:wrap}}.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)}