.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.landing-page[data-v-a0a09ed6]{min-height:100vh;position:relative;overflow:hidden;color:#f8fafc}.landing-bg[data-v-a0a09ed6]{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 35%),radial-gradient(circle at bottom right,rgba(244,114,182,.2),transparent 30%),linear-gradient(135deg,#19162f,#201b45 55%,#16294d)}.landing-grid[data-v-a0a09ed6]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}.landing-blob[data-v-a0a09ed6]{position:absolute;border-radius:999px;filter:blur(90px);opacity:.5}.landing-blob-1[data-v-a0a09ed6]{width:340px;height:340px;top:-100px;left:-60px;background:linear-gradient(135deg,#818cf8,#f472b6)}.landing-blob-2[data-v-a0a09ed6]{width:300px;height:300px;right:0;top:180px;background:linear-gradient(135deg,#38bdf8,#818cf8)}.landing-blob-3[data-v-a0a09ed6]{width:360px;height:360px;bottom:-120px;left:25%;background:linear-gradient(135deg,#22d3ee,#c084fc)}.landing-shell[data-v-a0a09ed6]{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.landing-nav[data-v-a0a09ed6]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0a0e1e59;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-badge[data-v-a0a09ed6]{display:inline-flex;padding:.35rem .75rem;margin-bottom:.75rem;border-radius:999px;background:#ffffff14;color:#fde68a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.landing-logo[data-v-a0a09ed6]{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#ffe066,#d4a5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-actions[data-v-a0a09ed6],.landing-cta-row[data-v-a0a09ed6]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.landing-link-btn[data-v-a0a09ed6],.landing-primary-btn[data-v-a0a09ed6],.hero-primary[data-v-a0a09ed6],.hero-secondary[data-v-a0a09ed6],.access-ghost-btn[data-v-a0a09ed6]{font:inherit;cursor:pointer;transition:.2s ease}.landing-link-btn[data-v-a0a09ed6],.hero-secondary[data-v-a0a09ed6],.access-ghost-btn[data-v-a0a09ed6]{padding:.85rem 1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0d;color:#e5e7eb}.landing-primary-btn[data-v-a0a09ed6],.hero-primary[data-v-a0a09ed6],.auth-submit[data-v-a0a09ed6]{padding:.95rem 1.35rem;border:none;border-radius:14px;background:linear-gradient(135deg,#7c83ff,#b06df7 55%,#ec7ab7);color:#fff;font-weight:700;box-shadow:0 14px 30px #7c83ff47}.landing-link-btn[data-v-a0a09ed6]:hover,.hero-secondary[data-v-a0a09ed6]:hover,.access-ghost-btn[data-v-a0a09ed6]:hover{background:#ffffff1a}.landing-primary-btn[data-v-a0a09ed6]:hover,.hero-primary[data-v-a0a09ed6]:hover,.auth-submit[data-v-a0a09ed6]:hover:not(:disabled){transform:translateY(-1px)}.landing-hero[data-v-a0a09ed6]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,420px);gap:2rem;align-items:start}.landing-copy[data-v-a0a09ed6]{padding:2rem .5rem .5rem}.landing-kicker[data-v-a0a09ed6]{margin-bottom:1rem;color:#93c5fd;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.landing-title[data-v-a0a09ed6]{max-width:12ch;font-size:clamp(2.6rem,5vw,4.5rem);line-height:.96;letter-spacing:-.04em}.landing-description[data-v-a0a09ed6]{max-width:58ch;margin:1.25rem 0 1.75rem;color:#e2e8f0d1;font-size:1.05rem;line-height:1.75}.landing-metrics[data-v-a0a09ed6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.metric-card[data-v-a0a09ed6],.feature-card[data-v-a0a09ed6],.access-card[data-v-a0a09ed6]{border:1px solid rgba(255,255,255,.12);background:#0c12227a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card[data-v-a0a09ed6]{padding:1.1rem;border-radius:18px}.metric-card strong[data-v-a0a09ed6],.feature-card h3[data-v-a0a09ed6],.access-card h3[data-v-a0a09ed6]{display:block;margin-bottom:.45rem}.metric-card span[data-v-a0a09ed6],.feature-card p[data-v-a0a09ed6],.access-card p[data-v-a0a09ed6],.access-user-card span[data-v-a0a09ed6]{color:#e2e8f0c2;line-height:1.6}.access-card[data-v-a0a09ed6]{padding:1.4rem;border-radius:28px}.access-card-header[data-v-a0a09ed6]{margin-bottom:1.2rem}.access-mini[data-v-a0a09ed6]{margin-bottom:.55rem;color:#fde68a;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.access-user-card[data-v-a0a09ed6]{display:flex;flex-direction:column;gap:.2rem;padding:1rem;margin-bottom:1rem;border-radius:18px;background:#ffffff0d}.access-user-label[data-v-a0a09ed6]{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.auth-tabs[data-v-a0a09ed6]{display:flex;gap:.5rem;margin-bottom:1.1rem;padding:4px;background:#ffffff0f;border-radius:14px}.auth-tab[data-v-a0a09ed6]{flex:1;padding:.8rem 1rem;border:none;border-radius:12px;background:transparent;color:#ffffffb8;font:inherit;font-weight:600;cursor:pointer}.auth-tab.active[data-v-a0a09ed6]{background:#ffffff24;color:#fff}.auth-form[data-v-a0a09ed6],.auth-fields[data-v-a0a09ed6]{display:flex;flex-direction:column;gap:1rem}.auth-field[data-v-a0a09ed6]{display:flex;flex-direction:column;gap:.45rem}.auth-field label[data-v-a0a09ed6]{font-size:.86rem;font-weight:600}.auth-field input[data-v-a0a09ed6]{width:100%;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#ffffff0f;color:#fff;font:inherit}.auth-field input[data-v-a0a09ed6]::placeholder{color:#ffffff61}.auth-field input[data-v-a0a09ed6]:focus{outline:none;border-color:#93c5fdb3;box-shadow:0 0 0 3px #93c5fd1f}.auth-input-wrap[data-v-a0a09ed6]{position:relative}.auth-input-wrap input[data-v-a0a09ed6]{padding-right:2.9rem}.auth-toggle-pw[data-v-a0a09ed6]{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.3rem;border:none;border-radius:8px;background:transparent;color:#ffffffad;cursor:pointer}.auth-toggle-pw[data-v-a0a09ed6]:hover{color:#fff}.auth-eye-icon[data-v-a0a09ed6]{width:20px;height:20px}.auth-error[data-v-a0a09ed6]{padding:.85rem 1rem;border:1px solid rgba(248,113,113,.35);border-radius:14px;background:#7f1d1d3d;color:#fecaca}.auth-submit[data-v-a0a09ed6]:disabled{opacity:.8;cursor:not-allowed}.auth-spinner[data-v-a0a09ed6]{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:999px;animation:spin-a0a09ed6 .8s linear infinite}.features-section[data-v-a0a09ed6]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.feature-card[data-v-a0a09ed6]{padding:1.4rem;border-radius:22px}.feature-icon[data-v-a0a09ed6]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:1rem;border-radius:12px;background:#ffffff14;color:#93c5fd;font-weight:700}.slide-enter-active[data-v-a0a09ed6],.slide-leave-active[data-v-a0a09ed6]{transition:opacity .18s ease,transform .18s ease}.slide-enter-from[data-v-a0a09ed6],.slide-leave-to[data-v-a0a09ed6]{opacity:0;transform:translateY(-6px)}@keyframes spin-a0a09ed6{to{transform:rotate(360deg)}}@media (max-width: 980px){.landing-hero[data-v-a0a09ed6],.features-section[data-v-a0a09ed6],.landing-metrics[data-v-a0a09ed6]{grid-template-columns:1fr}.landing-title[data-v-a0a09ed6]{max-width:none}}.landing-lang-select[data-v-a0a09ed6]{padding:.5rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#e5e7eb;font:inherit;font-size:.85rem;cursor:pointer}.auth-google-row[data-v-a0a09ed6]{margin-bottom:1rem;display:flex;justify-content:center;min-height:44px}.auth-google-row #google-signin-btn[data-v-a0a09ed6]{min-height:44px}.auth-google-placeholder[data-v-a0a09ed6]{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;max-width:280px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0f;color:#ffffffb3;font:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s ease}.auth-google-placeholder[data-v-a0a09ed6]:hover{background:#ffffff1a}.auth-google-hint[data-v-a0a09ed6]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-.5rem 0 .75rem;padding:.6rem .8rem;border-radius:10px;background:#fde68a1f;border:1px solid rgba(253,230,138,.25);color:#fde68a;font-size:.8rem;line-height:1.4}.auth-google-hint-close[data-v-a0a09ed6]{flex-shrink:0;padding:.2rem .4rem;border:none;background:transparent;color:inherit;font-size:1.1rem;cursor:pointer;opacity:.8}.auth-google-hint-close[data-v-a0a09ed6]:hover{opacity:1}.auth-google-placeholder .google-icon[data-v-a0a09ed6]{flex-shrink:0}.auth-divider[data-v-a0a09ed6]{text-align:center;color:#ffffff80;font-size:.8rem;margin-bottom:.75rem}.phone-modal-overlay[data-v-a0a09ed6]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.phone-modal[data-v-a0a09ed6]{width:100%;max-width:400px;padding:1.75rem;border-radius:20px;background:linear-gradient(180deg,#1e1e32fa,#16192dfa);border:1px solid rgba(255,255,255,.12)}.phone-modal h3[data-v-a0a09ed6]{margin-bottom:.5rem;font-size:1.2rem}.phone-modal p[data-v-a0a09ed6]{margin-bottom:1rem;color:#f8fafccc;font-size:.9rem}.phone-modal .auth-field[data-v-a0a09ed6]{margin-bottom:1rem}.phone-modal-actions[data-v-a0a09ed6]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}@media (max-width: 640px){.landing-shell[data-v-a0a09ed6]{width:min(100% - 1rem,100%);padding-bottom:2rem}.landing-nav[data-v-a0a09ed6]{padding:1rem}.landing-nav[data-v-a0a09ed6],.landing-nav-actions[data-v-a0a09ed6]{flex-direction:column;align-items:stretch}.landing-copy[data-v-a0a09ed6]{padding:.75rem .25rem}.landing-title[data-v-a0a09ed6]{font-size:2.35rem}.access-card[data-v-a0a09ed6]{padding:1rem;border-radius:22px}}:root{--board-bg: #1a1a2e;--text-dark: #1a1a2e;--text-light: #eaeaea;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,sans-serif;background:var(--board-bg);color:var(--text-light);min-height:100vh;overflow:auto}#app{min-height:100vh}.board{min-height:100vh;background:radial-gradient(ellipse at 20% 20%,rgba(22,33,62,.9) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(26,26,46,.95) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-size:100% 100%;position:relative;overflow:auto}.board:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:100;padding:.9rem 1.5rem .85rem;background:linear-gradient(180deg,rgba(26,26,46,.98) 0%,rgba(26,26,46,.92) 70%,transparent 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:.7rem;border-bottom:1px solid rgba(255,255,255,.05)}.header-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap}.header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-group-full{width:100%}.header-group-filters{margin-left:auto}.section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff61}.chips-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.chip-item{display:inline-flex;align-items:center;gap:.3rem;position:relative}.chip-input{padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-light);font-family:inherit;font-size:.84rem;width:150px}.chip-input:focus{outline:none;border-color:#ffe06680;box-shadow:0 0 0 2px #ffe06614}.chip-delete{width:22px;height:22px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffff8c;border-radius:50%;font-size:.85rem;line-height:1;cursor:pointer;transition:all .15s ease;position:absolute;right:.35rem;top:50%;transform:translateY(-50%);z-index:1}.chip-delete:hover{color:#fff;background:#ffffff14;border-color:#ffffff24}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.header-lang-select{padding:.4rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-light);font:inherit;font-size:.8rem;cursor:pointer}.filter-inline{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.user-badge{padding:.5rem .75rem;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:600}.btn-logout{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:transparent;color:#fffc;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#ffffff14;color:#fff}.logo{font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#ffe066,#d4a5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-box{flex:1;min-width:220px;max-width:360px;position:relative}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--text-light);font-family:inherit;font-size:.95rem;transition:all .3s ease}.search-box input::placeholder{color:#fff6}.search-box input:focus{outline:none;border-color:#ffe06680;background:#ffffff14;box-shadow:0 0 0 3px #ffe0661a}.search-box:before{content:"🔍";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}.filter-chip{padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-light);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background:#ffffff1a}.filter-chip.active{background:#ffe06640;border-color:#ffe06680;color:#fde68a}.filter-colors{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.filter-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.filter-color-dot:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.filter-color-dot.active{border-color:#fff;box-shadow:0 0 0 2px #ffe06699}.filter-color-clear{padding:.34rem .56rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:#ffffffdb;font-size:.72rem;font-weight:600;cursor:pointer}.filter-color-clear:hover{background:#fff3}.category-chip,.board-chip{padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text-light);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.category-chip.deletable,.board-chip.deletable{padding-right:2rem}.category-chip:hover,.board-chip:hover{background:#ffffff1a;border-color:#ffffff29}.category-chip.active{border-color:transparent;color:var(--text-dark);font-weight:600;background:var(--chip-color, #FFE066);box-shadow:0 2px 8px #00000026}.board-chip.active{color:var(--text-dark);background:linear-gradient(135deg,#7dd3fc,#c4b5fd);border-color:transparent;box-shadow:none}.btn-add,.btn-secondary{padding:.6rem .95rem;border:none;border-radius:12px;color:var(--text-dark);font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add{background:linear-gradient(135deg,#ffe066,#d4a5ff);box-shadow:0 4px 15px #ffe0664d}.btn-secondary{background:#ffffffeb;box-shadow:0 4px 15px #00000026}.btn-add:hover,.btn-secondary:hover{transform:none}.btn-add:hover{box-shadow:0 6px 25px #ffe06666}.btn-add:active,.btn-secondary:active{transform:translateY(0)}.notes-canvas{position:relative;min-height:1200px;min-width:1600px;padding:1rem 2rem 2rem}.note{position:absolute;padding:0;border-radius:22px;box-shadow:4px 4px #00000026,0 10px 40px #0003;transition:box-shadow .2s ease;transform-origin:top left;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.16);-webkit-user-select:none;user-select:none;color:var(--note-text, var(--text-dark))}.note:hover{box-shadow:6px 6px #0003,0 15px 50px #00000040}.note.dragging{box-shadow:0 25px 60px #0006}.note-topbar{flex-shrink:0;height:42px;padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;background:var(--note-topbar-bg, rgba(255, 255, 255, .18));border-bottom:1px solid rgba(255,255,255,.18)}.note-topbar-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--note-muted, var(--text-dark))}.note-topbar-actions{display:flex;align-items:center;gap:.25rem}.note-actions{display:flex;gap:.35rem}.icon-btn.pin{font-size:.9rem;padding:.3rem .5rem;opacity:.6}.icon-btn.pin.active{opacity:1;filter:none}.icon-btn.pin:hover{opacity:1}.icon-btn{border:none;background:var(--note-control-bg, rgba(0, 0, 0, .1));color:var(--note-text, var(--text-dark));border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease}.icon-btn:hover{transform:translateY(-1px);filter:brightness(.96)}.icon-btn.danger:hover{background:#be185d2e}.note-body{flex:1;padding:1rem 1rem .65rem;display:flex;flex-direction:column;min-height:0;overflow:hidden}.note-title-display,.note-title-input{font-size:1.08rem;font-weight:600;margin-bottom:.5rem;color:var(--note-text, var(--text-dark));font-family:inherit;border:none;background:transparent;width:100%}.note-title-display{line-height:1.25}.note-title-input:focus,.note-content-input:focus{outline:none}.note-content-display,.note-content-input{font-size:.88rem;line-height:1.5;color:var(--note-text, var(--text-dark));font-family:JetBrains Mono,monospace;border:none;background:transparent;width:100%;flex:1}.note-content-display{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical}.note-content-input{resize:none}.note-content-editable{font-size:.88rem;line-height:1.5;color:var(--note-text, var(--text-dark));font-family:JetBrains Mono,monospace;outline:none;width:100%;flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.note-content-editable:empty:before{content:attr(data-placeholder);color:var(--note-muted, rgba(0, 0, 0, .4))}.note-content-editable b{font-weight:700}.note-content-editable i{font-style:italic}.note-content-editable u{text-decoration:underline}.note-content-editable s{text-decoration:line-through}.note-content-editable font[size="2"]{font-size:.8em}.note-content-editable font[size="4"]{font-size:1em}.note-content-editable font[size="6"]{font-size:1.2em}.note-footer{margin-top:auto;padding:.75rem 1rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);background:var(--note-footer-bg, rgba(255, 255, 255, .08))}.note-category-select{padding:.5rem .75rem;border-radius:999px;border:1px solid var(--note-control-border, rgba(0, 0, 0, .1));background:var(--note-control-bg, rgba(255, 255, 255, .68));color:var(--note-text, var(--text-dark));font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;flex:1;min-width:100px}.format-toolbar{display:flex;align-items:center;gap:2px}.format-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:var(--note-control-bg, rgba(255, 255, 255, .5));color:var(--note-text, var(--text-dark));font-size:.8rem;cursor:pointer;transition:background .15s ease}.format-btn:hover{background:var(--note-control-bg, rgba(255, 255, 255, .7))}.format-btn.active{background:#00000059;color:#fff}.format-size{height:28px;padding:0 6px;border:none;border-radius:6px;background:var(--note-control-bg, rgba(255, 255, 255, .5));color:var(--note-text, var(--text-dark));font-size:.75rem;cursor:pointer}.color-picker{position:relative;display:flex;align-items:center}.color-trigger{width:28px;height:28px;border-radius:50%;border:2px solid var(--note-control-border, rgba(255, 255, 255, .6));cursor:pointer;box-shadow:0 6px 18px #0000002e}.color-popover{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:.75rem;border-radius:16px;background:#14182ee6;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 40px #0000004d}.color-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .2s ease}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.chip-add{padding:.5rem .8rem!important;border-style:dashed}.board-chip.chip-add,.category-chip.chip-add{background:#ffffff0a}@media (max-width: 1100px){.header-group-filters{margin-left:0;width:100%}}@media (max-width: 720px){.header{padding-inline:1rem}.search-box{max-width:100%}}.empty-state{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state h2{font-size:1.5rem;font-weight:500;margin-bottom:.5rem;color:#fff6}.empty-state p{color:#ffffff4d;margin-bottom:2rem}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.delete-modal{width:100%;max-width:400px;padding:1.75rem;border-radius:20px;background:linear-gradient(180deg,#1e1e32fa,#16192dfa);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #0006}.delete-modal-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:600;color:#f8fafc}.delete-modal-text{margin-bottom:1.5rem;color:#f8fafcd9;font-size:.98rem;line-height:1.6}.delete-modal-text strong{color:#fde68a;font-weight:600}.delete-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.delete-modal-btn{padding:.7rem 1.25rem;border:none;border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.delete-modal-btn.cancel{background:#ffffff1a;color:#e2e8f0;border:1px solid rgba(255,255,255,.15)}.delete-modal-btn.cancel:hover{background:#ffffff26}.delete-modal-btn.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.delete-modal-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.modal-enter-active,.modal-leave-active{transition:opacity .2s ease}.modal-enter-active .delete-modal,.modal-leave-active .delete-modal{transition:transform .2s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .delete-modal,.modal-leave-to .delete-modal{transform:scale(.95)}