@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap";:root{--bg-app: #f3f5f9;--bg-main: #ffffff;--bg-card: #ffffff;--bg-sidebar: #fafbfc;--bg-header: #1e293b;--bg-input: #ffffff;--bg-subtle: #f5f7fa;--bg-hover: rgba(79, 70, 229, .07);--bg-active: rgba(79, 70, 229, .12);--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #6b7280;--text-on-accent: #ffffff;--accent: #4f46e5;--accent-soft: #eef2ff;--accent-hover: #4338ca;--success: #16a34a;--success-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--warning: #d97706;--warning-soft: #fef3c7;--pin-color: #f59e0b;--pin-soft: #fef3c7;--border: #e5e7eb;--border-input: #d1d5db;--border-strong: #cbd5e1;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 4px 8px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 48px rgba(15, 23, 42, .14);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--is-xs: 14px;--is-sm: 16px;--is-md: 18px;--is-lg: 20px;--is-xl: 24px;--bh-xs: 28px;--bh-sm: 32px;--bh-md: 38px;--bh-lg: 44px;--z-fab: 900;--z-overlay: 1000;--z-fullscreen: 1050;--z-bulk-bar: 1100;--z-toast: 10400;--z-modal: 10500;--bg-body: var(--bg-app);--bg-stats: #4f46e5;--border-color: var(--border);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--shadow-main: var(--shadow-lg);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-full: var(--r-full);--editor-bg: #ffffff;--toolbar-bg: var(--bg-sidebar);--modal-bg: #ffffff}[data-theme=dark]{--bg-app: #0b1220;--bg-main: #111827;--bg-card: #1e293b;--bg-sidebar: #111827;--bg-header: #0f172a;--bg-input: #1e293b;--bg-subtle: #172033;--bg-hover: rgba(99, 102, 241, .15);--bg-active: rgba(99, 102, 241, .25);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent: #818cf8;--accent-soft: rgba(129, 140, 248, .16);--accent-hover: #a5b4fc;--border: #334155;--border-input: #475569;--border-strong: #475569;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .55);--editor-bg: var(--bg-card);--toolbar-bg: var(--bg-sidebar);--modal-bg: var(--bg-card)}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;font-size:14.5px;line-height:1.55;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}.tnum,.stats-card h3,.note-meta,#wordCounter,.cat-name+small,.cat-counter,.badge{font-variant-numeric:tabular-nums}i.fas,i.far,i.fab,i.fa-solid,i.fa-regular,i.fa-brands{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.125em;line-height:1;font-style:normal;font-variant-numeric:normal;text-rendering:auto}.btn i,.toolbar-btn i,.btn-action i,.filter-item i,.theme-toggle i,.fab i,.mobile-menu-btn i,.note-view-actions .btn i,.note-edit-actions .btn i,.editor-toolbar i,.img-toolbar i,.slash-item i{vertical-align:0}.btn i,.btn-action i,.toolbar-btn i,.filter-item i,.theme-toggle i,.mobile-menu-btn i,.btn-custom i{font-size:var(--is-sm);width:var(--is-md);height:var(--is-md)}.btn-action i,.toolbar-btn i,.img-toolbar button i{width:var(--is-md);height:var(--is-md)}.btn-sm i,.filter-title i{font-size:var(--is-xs);width:var(--is-sm);height:var(--is-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.note-item:hover{transform:none}}.main-box{background:var(--bg-main);border-radius:var(--r-xl);margin:var(--sp-4) auto;max-width:1440px;min-height:calc(100vh - var(--sp-8));box-shadow:var(--shadow-lg);overflow:hidden}@media(min-width:1700px){.main-box{margin:var(--sp-5) auto}}.header{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:12px}.header h1{margin:0;font-size:1.18rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.header h1 i{font-size:1rem;opacity:.9}.header small{color:#ffffffa6;font-size:.78rem}.header .btn,.header .btn-custom,.header a.btn-custom,.header .theme-toggle{min-height:36px;height:36px;padding:0 12px;border-radius:var(--r-sm);font-size:.85rem;line-height:1;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s,border-color .15s,transform .1s;box-shadow:none}.header .btn:hover,.header .btn-custom:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header .btn-custom span{white-space:nowrap}.header .btn-custom.icon-only,.header .btn-custom[data-icon-only]{width:36px;padding:0}.header .theme-toggle{width:36px;padding:0;border-radius:50%}.header .btn-custom:empty{display:none}.header .btn-custom>i:only-child{min-width:16px}.header .btn-outline-light{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#ffffffeb}.header .btn-outline-light:hover{background:#ffffff29;border-color:#ffffff38;color:#fff}.header .btn-light{background:#fff;border:1px solid #fff;color:#1e293b}.header .btn-light:hover{background:#f1f5f9}.header .btn-warning{background:#f59e0b;border:1px solid #f59e0b;color:#1e1e1e}.header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);width:36px;height:36px;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.theme-toggle:hover{background:#ffffff2e}.theme-toggle:active{transform:scale(.94)}.btn-custom{border-radius:var(--r-md);padding:7px 14px;font-weight:500;font-size:.88rem;min-height:var(--bh-sm);display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s}.btn-custom:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-custom:active{transform:translateY(0)}.btn{border-radius:var(--r-sm);font-weight:500}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.sidebar{background:var(--bg-sidebar);padding:var(--sp-5);min-height:calc(100vh - 120px);border-right:1px solid var(--border)}.stats-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);background-color:#4f46e5;color:#fff;border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;margin-bottom:var(--sp-4);box-shadow:0 8px 18px #4f46e547}.stats-card h3{font-size:1.85rem;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.02em}.stats-card p{margin:2px 0 0;font-size:.84rem;opacity:.92}.filter-title{font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:var(--sp-5) 0 var(--sp-2);padding:0 var(--sp-2);display:flex;align-items:center;gap:8px}.filter-title i{font-size:var(--is-xs);width:var(--is-sm);height:var(--is-sm);text-align:center;opacity:.7;flex-shrink:0}.filter-title .btn-link{margin-left:auto;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--r-xs)}.filter-title .btn-link:hover{color:var(--accent);background:var(--accent-soft)}.filter-title .btn-link i{font-size:var(--is-xs);width:var(--is-xs);height:var(--is-xs)}.filter-item{position:relative;padding:7px 10px;margin:1px 0;border-radius:var(--r-sm);cursor:pointer;transition:background .15s ease,color .15s ease;display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9rem;line-height:1.3;user-select:none}.filter-item:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-item.active{background:var(--accent-soft);color:var(--text-primary);font-weight:500}.filter-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:var(--r-full);background:var(--accent)}.filter-item i:first-child{width:var(--is-md);height:var(--is-md);text-align:center;font-size:var(--is-sm);line-height:1;color:var(--text-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.filter-item.active i:first-child{color:var(--accent)}.filter-item small,.filter-item .text-muted{margin-left:auto;font-size:.78rem;color:var(--text-muted)!important;font-weight:500;background:transparent;padding:0;min-width:0;text-align:right;opacity:.7;transition:opacity .15s ease}.filter-item.active small,.filter-item.active .text-muted{color:var(--accent)!important;opacity:1}.notes-container{padding:var(--sp-4);max-height:calc(100vh - 180px);overflow-y:auto;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;align-content:start}.notes-container .empty-state{grid-column:1 / -1}.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);cursor:pointer;position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;--cat-color: #94a3b8;min-height:200px;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .18s ease}.note-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cat-color);opacity:0;transition:opacity .22s ease;z-index:1;pointer-events:none}.note-card:hover:before,.note-card:focus-within:before{opacity:.85}.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.note-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-card.pinned:before{background:var(--pin-color);opacity:1}.note-card__thumb{width:100%;height:132px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-subtle);flex-shrink:0;position:relative}.note-card__thumb:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--border);opacity:.6}.note-card__body{padding:16px 18px 12px;flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}.note-card__title{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:600;font-size:1.0625rem;line-height:1.32;color:var(--text-primary);letter-spacing:-.012em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.note-card__pin{color:var(--pin-color);font-size:.78rem;margin-right:5px;vertical-align:1px}.note-card__preview{color:var(--text-secondary);font-size:.875rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.note-card:has(.note-card__thumb) .note-card__preview{-webkit-line-clamp:2}.note-card__tags{display:flex;flex-wrap:wrap;gap:0 10px;margin-top:2px;padding-top:2px}.note-card__tag{background:transparent;color:var(--text-muted);padding:0;border-radius:0;font-size:.78rem;font-weight:500;line-height:1.5;letter-spacing:-.003em;white-space:nowrap;transition:color .18s ease}.note-card:hover .note-card__tag{color:var(--accent)}.note-card__footer{padding:10px 18px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;font-size:.78rem;color:var(--text-muted)}.note-card__meta{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.note-card__time{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}.note-card__time i{font-size:11px;opacity:.75}.note-card__cat{background:transparent!important;color:var(--text-secondary);padding:0;border-radius:0;font-size:.78rem;font-weight:500;text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:inline-flex;align-items:center;gap:6px;min-width:0}.note-card__cat:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cat-color);flex-shrink:0;box-shadow:0 0 0 1px #0000000a}.note-card__icons{display:flex;gap:8px;color:var(--text-muted);font-size:.8rem;flex-shrink:0;opacity:.85}.note-card__icons i{opacity:1}.note-card__actions{position:absolute;top:10px;right:10px;display:flex;gap:2px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-full);box-shadow:0 4px 14px #0f172a1a,0 0 0 1px #0f172a0d;padding:4px;z-index:2}[data-theme=dark] .note-card__actions{background:#1e293beb;box-shadow:0 4px 14px #00000073,0 0 0 1px #ffffff0f}.note-card:hover .note-card__actions,.note-card:focus-within .note-card__actions{opacity:1;transform:translateY(0)}@media(max-width:768px){.note-card__actions{opacity:1;transform:none}}.note-card__actions .btn-action{width:30px;height:30px;background:transparent;color:var(--text-muted);border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.note-card__actions .btn-action:hover{background:var(--bg-hover);color:var(--accent)}.note-card__actions .btn-pin.active{color:var(--pin-color)}.note-card__actions .btn-delete:hover{color:var(--danger);background:var(--danger-soft)}@media(max-width:540px){.notes-container{grid-template-columns:1fr;padding:var(--sp-3);gap:12px}.note-card{min-height:0}.note-card__thumb{height:140px}}.note-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 18px;margin-bottom:10px;box-shadow:none;cursor:pointer;border-left:3px solid var(--accent);transition:border-color .12s,box-shadow .15s,transform .1s;position:relative}.note-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-item:active{transform:translateY(0)}.note-item.pinned{border-left-color:var(--pin-color);background:linear-gradient(180deg,var(--pin-soft) 0%,var(--bg-card) 18%)}.note-item.pinned:after{display:none!important;content:none}.pin-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--pin-color);font-size:var(--is-xs);margin-right:6px;line-height:1;width:var(--is-sm);height:var(--is-sm);flex-shrink:0}.pin-indicator i{font-size:inherit;width:auto;height:auto}.note-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.note-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;font-size:.98rem;line-height:1.35;cursor:pointer;flex:1;display:flex;align-items:center;letter-spacing:-.005em}.note-title:hover{color:var(--accent)}.note-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s;flex-shrink:0}.note-item:hover .note-actions,.note-item:focus-within .note-actions{opacity:1}@media(max-width:768px){.note-actions{opacity:1}}.btn-action{width:30px;height:30px;border:none;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s;background:transparent;color:var(--text-muted);font-size:var(--is-sm)}.btn-action:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-action.btn-pin:hover,.btn-action.btn-pin.active{color:var(--pin-color);background:var(--pin-soft)}.btn-action.btn-edit:hover,.btn-action.btn-copy:hover{color:var(--accent);background:var(--accent-soft)}.btn-action.btn-delete:hover{color:var(--danger);background:var(--danger-soft)}.btn-action.btn-kanban:hover{color:#3b82f6;background:#3b82f61f}.btn-action.btn-kanban.active{color:#fff;background:#3b82f6}.btn-action.btn-kanban.active:hover{color:#fff;background:#2563eb}.note-card__quickbar{display:flex;align-items:center;justify-content:space-around;gap:4px;padding:8px 10px;border-top:1px solid var(--border);background:var(--bg-subtle)}.note-card__quickbar .qb-btn{flex:1 1 0;min-width:0;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background .12s ease,color .12s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.note-card__quickbar .qb-btn:active{transform:scale(.94)}.note-card__quickbar .qb-btn:hover{background:var(--bg-card);color:var(--text-primary)}.note-card__quickbar .qb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.note-card__quickbar .qb-pin:hover,.note-card__quickbar .qb-pin.is-active{color:var(--pin-color);background:var(--pin-soft)}.note-card__quickbar .qb-edit:hover{color:var(--accent);background:var(--accent-soft)}.note-card__quickbar .qb-kanban:hover{color:#3b82f6;background:#3b82f61f}.note-card__quickbar .qb-kanban.is-active{color:#fff;background:#3b82f6}.note-card__quickbar .qb-kanban.is-active:hover{background:#2563eb;color:#fff}.note-card__quickbar .qb-kanban.is-pulse{animation:btn-kanban-pulse .6s cubic-bezier(.2,.7,.2,1)}.note-card__quickbar .qb-share:hover{color:var(--accent);background:var(--accent-soft)}.note-card__quickbar .qb-delete:hover{color:var(--danger);background:var(--danger-soft)}@keyframes btn-kanban-pulse{0%{transform:scale(1);box-shadow:0 0 #3b82f680}40%{transform:scale(1.18);box-shadow:0 0 0 8px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.workspace[data-view-mode="3col"] .note-card__quickbar{padding:4px 6px;margin-top:6px}.workspace[data-view-mode="3col"] .note-card__quickbar .qb-btn{height:30px;font-size:12.5px}@media(max-width:768px){.note-card__quickbar{padding:6px;gap:2px}.note-card__quickbar .qb-btn{height:42px;min-height:42px;font-size:15px}}.note-card__actions{display:none!important}.kanban-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:10600;background:#1e293b;color:#fff;padding:12px 14px 12px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 32px -6px #0f172a66;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .22s ease;max-width:calc(100vw - 32px);font-size:13.5px}.kanban-toast.is-visible{transform:translate(-50%);opacity:1}.kanban-toast>i{color:#34d399;font-size:16px}.kanban-toast .kt-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-toast .kt-action{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s ease;white-space:nowrap}.kanban-toast .kt-action:hover{background:#2563eb}.kanban-toast .kt-close{background:transparent;color:#94a3b8;border:none;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.kanban-toast .kt-close:hover{background:#ffffff1a;color:#fff}@media(max-width:540px){.kanban-toast{bottom:16px;left:16px;right:16px;transform:translateY(20px);max-width:none}.kanban-toast.is-visible{transform:translateY(0)}}.note-meta{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.note-meta span{display:inline-flex;align-items:center;gap:6px}.note-meta i{font-size:var(--is-xs);width:var(--is-xs);height:var(--is-xs);opacity:.7;display:inline-flex;align-items:center;justify-content:center;line-height:1}.cat-badge{padding:2px 9px;border-radius:var(--r-full);font-size:.72rem;font-weight:500;color:#fff;letter-spacing:.01em}.autosave-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:4px 10px;border-radius:var(--r-full);opacity:0;transition:opacity .25s;color:var(--text-muted);background:var(--bg-subtle)}.autosave-indicator.saving{opacity:1;color:var(--warning);background:var(--warning-soft)}.autosave-indicator.saved{opacity:1;color:var(--success);background:var(--success-soft);animation:fadeOut 2s 1.5s forwards}@keyframes fadeOut{to{opacity:0}}.fab{position:fixed;bottom:24px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.4rem;box-shadow:0 8px 20px #4f46e566;cursor:pointer;z-index:var(--z-fab);display:none;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}.fab:hover{transform:scale(1.06);box-shadow:0 12px 28px #4f46e57a}.fab:active{transform:scale(.96)}.fab i{font-size:1.3rem;width:24px;height:24px;line-height:1}@media(max-width:768px){.fab{display:inline-flex}}.modal-content{border-radius:var(--r-xl);border:none;box-shadow:var(--shadow-xl);overflow:hidden;background:var(--modal-bg)}.modal-header{background:var(--bg-subtle);color:var(--text-primary);border:none;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.modal-title{font-weight:600;font-size:1.05rem}.modal-body{padding:var(--sp-5) var(--sp-6);color:var(--text-primary)}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}.form-control,.form-select{border-radius:var(--r-sm);border:1px solid var(--border-input);padding:9px 12px;font-size:.92rem;background:var(--bg-input);color:var(--text-primary);transition:border-color .12s,box-shadow .12s}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526;outline:none}.form-control::placeholder{color:var(--text-muted)}.note-view-screen,.note-edit-screen{position:fixed;top:0;left:100%;width:100%;height:100%;background:var(--bg-main);z-index:var(--z-fullscreen);flex-direction:column;display:flex;transition:left .22s cubic-bezier(.2,.9,.3,1);will-change:left;-webkit-backface-visibility:hidden;backface-visibility:hidden}.note-view-screen.active,.note-edit-screen.active{left:0}.note-view-header,.note-edit-header{background:var(--bg-main);color:var(--text-primary);padding:var(--sp-3) var(--sp-5);padding-top:max(var(--sp-3),env(safe-area-inset-top));display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-back{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.btn-back:hover{background:var(--bg-hover);color:var(--accent)}.note-view-title,.note-edit-title{flex:1;font-size:.95rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-view-actions,.note-edit-actions{display:flex;gap:6px;align-items:center}.note-view-actions .btn,.note-edit-actions .btn{height:36px;min-height:36px;padding:0 14px;border-radius:var(--r-sm);font-size:.85rem;display:inline-flex;align-items:center;gap:6px;font-weight:500;line-height:1}.note-view-actions .btn:where(:not(:has(span))),.note-edit-actions .btn:where(:not(:has(span))){width:36px;padding:0}.note-view-actions .btn.btn-light,.note-edit-actions .btn.btn-light{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.note-view-actions .btn.btn-light:hover,.note-edit-actions .btn.btn-light:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent-soft)}.note-view-body{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-8);-webkit-overflow-scrolling:touch}@media(max-width:768px){.note-view-body{padding:var(--sp-4)}}.note-view-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);font-size:.82rem;color:var(--text-muted)}.note-view-content{max-width:760px;margin:0 auto;font-size:1.025rem;line-height:1.75;word-wrap:break-word;color:var(--text-primary)}.note-view-content img{max-width:100%;height:auto;border-radius:var(--r-md);margin:8px 0}.note-view-content p{margin:0 0 .85em}.note-view-content h1,.note-view-content h2,.note-view-content h3{margin-top:1.4em;margin-bottom:.5em;font-weight:700;letter-spacing:-.01em}.note-view-content blockquote{border-left:4px solid var(--accent);margin:1em 0;padding:8px 16px;color:var(--text-secondary);background:var(--accent-soft);border-radius:0 var(--r-md) var(--r-md) 0}.note-view-content code{background:var(--bg-subtle);padding:2px 6px;border-radius:var(--r-xs);font-size:.92em;font-family:ui-monospace,SF Mono,JetBrains Mono,Consolas,monospace}.note-view-content pre{background:var(--bg-subtle);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);overflow-x:auto;margin:.8em 0}.note-view-content pre code{background:transparent;padding:0}.note-view-content ul,.note-view-content ol{padding-left:1.5em;margin:.5em 0 1em}.note-view-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.note-view-content a:hover{color:var(--accent-hover)}.note-edit-screen{background:var(--bg-app)}.note-edit-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.note-edit-body form{flex:1;display:flex;flex-direction:column;overflow:hidden;max-width:880px;width:100%;margin:0 auto;padding-top:var(--sp-3);background:var(--bg-main)}.edit-row{padding:14px var(--sp-5) 4px;background:var(--bg-main)}.edit-name-input{width:100%;border:none;font-size:1.6rem;font-weight:700;padding:2px 0;outline:none;background:transparent;color:var(--text-primary);letter-spacing:-.018em;line-height:1.2;font-family:inherit}.edit-name-input::placeholder{color:var(--text-muted);font-weight:600}.edit-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px var(--sp-5) 10px;background:var(--bg-main);border-bottom:1px solid var(--border)}.edit-meta-row>*{font-size:.85rem}.edit-category-select{border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 10px;font-size:.85rem;background:var(--bg-main);color:var(--text-secondary);cursor:pointer;transition:border-color .12s,background .12s}.edit-category-select:hover{border-color:var(--accent-soft);background:var(--bg-hover)}.edit-category-select:focus{border-color:var(--accent);outline:none}.edit-tags-wrap{flex:1;min-width:200px}.edit-tags-input,#editNoteTags{width:100%;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:4px 8px;font-size:.85rem;color:var(--text-secondary);outline:none;transition:background .12s,border-color .12s}#editNoteTags:hover{background:var(--bg-subtle)}#editNoteTags:focus{background:var(--bg-main);border-color:var(--accent)}#editNoteTags::placeholder{color:var(--text-muted)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:var(--sp-2) var(--sp-5);background:var(--bg-main);border-bottom:1px solid var(--border);align-items:center;position:sticky;top:0;z-index:5}.toolbar-btn{width:32px;height:32px;padding:0;border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background .12s,color .12s;font-size:var(--is-sm);line-height:1}.toolbar-btn i{font-size:var(--is-sm);width:var(--is-sm);height:var(--is-sm);line-height:1}.toolbar-btn:hover{background:var(--bg-hover);color:var(--accent)}.toolbar-btn:active,.toolbar-btn.active{background:var(--accent-soft);color:var(--accent)}.toolbar-divider{width:1px;height:18px;background:var(--border);margin:0 6px}.toolbar-spacer{flex:1}.editor-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-main)}.editor-content{flex:1;padding:var(--sp-5) var(--sp-6) var(--sp-6);overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:1rem;line-height:1.75;outline:none;color:var(--text-primary);max-width:760px;width:100%;margin:0 auto}.editor-content:empty:before{content:"\41d\430\447\43d\438\442\435  \43f\438\441\430\442\44c\2026  \438\43b\438  \43d\430\436\43c\438\442\435  / \434\43b\44f  \444\43e\440\43c\430\442\438\440\43e\432\430\43d\438\44f";color:var(--text-muted);pointer-events:none}.editor-content h2{font-size:1.35rem;margin:1.2em 0 .5em;font-weight:700;letter-spacing:-.01em}.editor-content h3{font-size:1.15rem;margin:1.1em 0 .4em;font-weight:600}.editor-content blockquote{border-left:4px solid var(--accent);margin:1em 0;padding:6px 14px;color:var(--text-secondary);background:var(--accent-soft);border-radius:0 var(--r-md) var(--r-md) 0}.editor-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.editor-content code{background:var(--bg-subtle);padding:2px 6px;border-radius:var(--r-xs);font-family:ui-monospace,SF Mono,Consolas,monospace}.editor-content pre{background:var(--bg-subtle);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);overflow-x:auto}.editor-source{flex:1;padding:var(--sp-5) var(--sp-6);border:none;resize:none;font-family:ui-monospace,SF Mono,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.55;outline:none;background:var(--bg-main);color:var(--text-primary);max-width:760px;width:100%;margin:0 auto}#wordCounter{padding:6px var(--sp-5);font-size:.74rem;color:var(--text-muted);display:flex;gap:18px;border-top:1px solid var(--border);background:var(--bg-sidebar);font-feature-settings:"tnum"}.mobile-header{display:none;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:var(--sp-3) var(--sp-4);padding-top:max(var(--sp-3),env(safe-area-inset-top))}.mobile-header h1{font-size:1.1rem;margin:0;font-weight:600;display:inline-flex;align-items:center;gap:8px}.mobile-header h1 i{font-size:var(--is-sm);width:var(--is-md);height:var(--is-md);display:inline-flex;align-items:center;justify-content:center}.mobile-menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:var(--r-sm);display:none;align-items:center;justify-content:center;cursor:pointer}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(2px);z-index:1040}.mobile-sidebar-overlay.active{display:block}@media(max-width:768px){.desktop-header{display:none!important}.mobile-header{display:flex!important;align-items:center;justify-content:space-between}.mobile-menu-btn{display:flex!important}.main-box{margin:0;border-radius:0;min-height:100vh;box-shadow:none}.sidebar{position:fixed;top:0;left:0;width:min(88vw,340px);height:100vh;z-index:1045;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;padding-top:max(20px,env(safe-area-inset-top));background:var(--bg-main);box-shadow:var(--shadow-xl)}.sidebar.mobile-open{transform:translate(0)}.sidebar-col{display:block!important;position:static!important;width:0!important;padding:0!important}.notes-col{width:100%!important;flex:none!important;max-width:100%!important}.notes-container{padding:var(--sp-3);max-height:none;padding-bottom:100px}.note-item{padding:12px 14px}.note-title{font-size:.95rem}.btn-action{width:32px;height:32px}.edit-row{padding:var(--sp-3)}.edit-name-input{font-size:1.2rem}.edit-category-select{width:100%}.editor-toolbar{padding:6px 10px;gap:2px}.editor-content{padding:var(--sp-3) var(--sp-4)}.note-view-actions .btn-text,.note-edit-actions .btn-text{display:none}}#notifications{position:fixed;top:20px;right:20px;z-index:9999;max-width:360px}#notifications .alert{border-radius:var(--r-md);box-shadow:var(--shadow-lg);margin-bottom:10px;animation:slideInR .25s ease;border:1px solid var(--border)}@keyframes slideInR{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.empty-state{text-align:center;padding:80px 40px;color:var(--text-muted)}.empty-state i{font-size:3rem;margin-bottom:16px;opacity:.25;color:var(--text-secondary)}.empty-state h3{font-size:1.2rem;color:var(--text-primary);margin:0 0 8px;font-weight:600}.empty-state p{color:var(--text-muted);margin:0 0 18px;font-size:.92rem}.empty-state .empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.empty-state .empty-actions .btn{min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.empty-state .empty-actions .btn i{font-size:var(--is-sm);width:var(--is-sm);height:var(--is-sm);line-height:1}.dropdown-item{display:flex;align-items:center;gap:8px}.dropdown-item>i{font-size:var(--is-sm);width:var(--is-sm);height:var(--is-sm);text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.category-tree-item{position:relative;padding-left:8px!important;padding-right:4px}.category-tree-item.category-hidden{opacity:.55}.category-tree-item.category-hidden:hover{opacity:.9}.cat-drag{position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:12px;height:16px;cursor:grab;opacity:0;transition:opacity .15s ease;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-xs)}.cat-drag:before{content:"";width:4px;height:12px;background-image:radial-gradient(circle,currentColor 1px,transparent 1.2px);background-size:4px 4px;background-repeat:repeat-y;background-position:0 0;box-shadow:4px 0 0 currentColor inset;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 0/4px 4px repeat,radial-gradient(circle,currentColor 1px,transparent 1.5px) 4px 0/4px 4px repeat;background-size:4px 4px,4px 4px}.category-tree-item:hover .cat-drag{opacity:.5}.cat-drag:hover{opacity:1!important;color:var(--text-primary)}.cat-drag:active{cursor:grabbing}.cat-chevron{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);border-radius:var(--r-xs);transition:transform .18s ease,color .15s ease,background .15s ease;transform:rotate(90deg)}.cat-chevron.collapsed{transform:rotate(0)}.cat-chevron:hover{color:var(--text-primary);background:var(--bg-hover)}.cat-chevron i{font-size:11px!important;width:11px!important;height:11px!important;line-height:1!important}.cat-chevron-spacer{width:16px;flex-shrink:0;display:inline-block}.cat-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 1.5px var(--bg-sidebar),0 0 0 2.5px color-mix(in srgb,currentColor 20%,transparent);position:relative}@supports not (background: color-mix(in srgb,red,blue)){.cat-dot{box-shadow:0 0 0 2px var(--bg-sidebar)}}.cat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-feature-settings:"ss01","cv11";letter-spacing:-.005em}.cat-name[contenteditable=true]{outline:2px solid var(--accent);outline-offset:2px;background:var(--bg-card);border-radius:var(--r-xs);padding:0 4px;margin:0 -4px}.cat-actions{display:inline-flex;align-items:center;gap:1px;margin-left:4px;opacity:0;transform:translate(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.filter-item:hover .cat-actions,.filter-item:focus-within .cat-actions{opacity:1;transform:translate(0);pointer-events:auto}.cat-action-btn{width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--text-muted);border-radius:var(--r-xs);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease;flex-shrink:0}.cat-action-btn:hover{background:var(--bg-card);color:var(--text-primary)}.cat-action-btn.danger:hover{background:#ef44441f;color:#ef4444}.cat-action-btn i{font-size:11px!important;width:11px!important;height:11px!important;line-height:1!important}.cat-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filter-item:hover .cat-count{opacity:.4}.category-children{display:block;position:relative;margin-left:16px;padding-left:10px;border-left:1px dashed var(--border-strong)}.category-children.collapsed{display:none}.category-children .filter-item.category-tree-item{padding-left:6px!important}.category-children>.filter-item.category-tree-item:after{content:"";position:absolute;left:-8px;top:50%;width:6px;height:1px;background:var(--border)}.cat-hidden-mark{color:var(--text-muted);opacity:.6;font-size:10px!important;width:10px!important;height:10px!important;margin-left:2px}.cat-empty-state{padding:16px 12px;text-align:center;color:var(--text-muted);font-size:.85rem;border:1px dashed var(--border);border-radius:var(--r-md);margin:4px 0}.cat-empty-state .btn-link{color:var(--accent);font-weight:500;text-decoration:none}.cat-empty-state .btn-link:hover{text-decoration:underline}.pwa-inapp-warning{background:linear-gradient(135deg,#f59e0b1a,#d977060f);border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:14px 16px;margin-bottom:16px}.pwa-inapp-warning i{color:#d97706;font-size:18px;margin-right:6px}.pwa-inapp-warning strong{color:var(--text-primary);font-size:14px;display:inline-block;margin-bottom:6px}.pwa-inapp-warning p{margin:6px 0 0;font-size:12.5px;color:var(--text-secondary);line-height:1.5}.pwa-copy-link{margin-top:14px}.pwa-copy-link .btn{padding:10px 14px;font-weight:500}.pwa-qr-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.pwa-qr-block summary{cursor:pointer;font-size:13px;color:var(--text-secondary);padding:6px 0;user-select:none}.pwa-qr-block summary:hover{color:var(--accent)}.pwa-qr-wrap{text-align:center;padding:12px 0}.pwa-qr-wrap img{background:#fff;padding:8px;border-radius:8px;box-shadow:0 2px 12px -4px #00000026}.admin-nav{display:flex;gap:2px;padding:0 24px;background:var(--bg-card);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-nav__item{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;transition:color .14s ease,border-color .14s ease,background .12s ease;white-space:nowrap;margin-bottom:-1px}.admin-nav__item:hover{color:var(--text-primary);background:var(--bg-subtle)}.admin-nav__item.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.admin-nav__item i{font-size:14px;opacity:.85}.analytics-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.analytics-filters{display:flex;gap:8px;align-items:center}.analytics-filter-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:12.5px}.btn-clear-filter{background:transparent;border:none;color:var(--accent);font-size:16px;cursor:pointer;padding:0;line-height:1}.btn-clear-filter:hover{color:var(--text-primary)}@media(max-width:768px){.admin-nav{padding:0 12px}.admin-nav__item{padding:12px 14px;font-size:13px}}.ai-period-picker{display:inline-flex;gap:2px;background:var(--bg-subtle);padding:3px;border-radius:8px;border:1px solid var(--border)}.ai-period-btn{background:transparent;border:none;color:var(--text-secondary);padding:5px 11px;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease;white-space:nowrap}.ai-period-btn:hover{background:var(--bg-card);color:var(--text-primary)}.ai-period-btn.is-active{background:var(--accent);color:#fff}.ai-stats-custom-range{margin-bottom:14px;padding:10px 14px;background:var(--bg-subtle);border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ai-stats-custom-range label{margin-bottom:0;font-size:13px;color:var(--text-secondary)}.ai-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.ai-stat-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-subtle) 100%);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .14s ease,transform .12s ease}.ai-stat-card:hover{border-color:var(--accent);transform:translateY(-1px)}.ai-stat-card__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.ai-stat-card__value{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}.ai-stat-card__sub{font-size:11.5px;color:var(--text-muted);margin-top:4px;line-height:1.35}.ai-heavy-users{background:linear-gradient(135deg,#ef44440a,#f59e0b0f);border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:12px 16px;margin-bottom:18px}.ai-heavy-users h4{font-size:13px;font-weight:600;color:#d97706;margin-bottom:10px}.ai-heavy-users h4 i{color:#ef4444;margin-right:5px}.ai-heavy-list{display:flex;flex-wrap:wrap;gap:8px}.ai-heavy-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;font-size:12.5px}.ai-heavy-item i{font-size:10px}.ai-heavy-item.tier-hot i{color:#dc2626}.ai-heavy-item.tier-warm i{color:#f59e0b}.ai-heavy-item.tier-mild i{color:#94a3b8}.ai-heavy-item strong{color:var(--text-primary);font-weight:600}.ai-heavy-cost{font-weight:700;color:var(--text-primary);margin-left:6px;padding:2px 8px;background:var(--bg-subtle);border-radius:6px;font-size:11.5px}.ai-heavy-item small{color:var(--text-muted);font-size:11px}.ai-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ai-stats-block--wide{grid-column:1 / -1}.ai-stats-block h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.ai-stats-block h4 i{color:var(--accent);margin-right:5px}.ai-stats-table{width:100%;border-collapse:collapse;font-size:12.5px}.ai-stats-table th{text-align:left;padding:6px 8px;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.ai-stats-table td{padding:7px 8px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.ai-stats-table code{background:var(--bg-subtle);padding:1px 5px;border-radius:4px;font-size:11.5px;color:var(--text-secondary)}.ai-stats-table a{color:var(--accent);text-decoration:none;font-weight:500}.ai-stats-table a:hover{text-decoration:underline}.ai-stats-table tr:last-child td{border-bottom:none}.ai-row-failed{opacity:.7;background:#ef44440a}.ai-row-failed td{color:var(--text-secondary)}.ai-user-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em;margin-left:4px}.ai-user-tag--hot{background:#ef44442e;color:#dc2626}.ai-user-tag--warm{background:#f59e0b2e;color:#d97706}@media(max-width:900px){.ai-stats-grid{grid-template-columns:1fr}.ai-stats-block--wide{grid-column:1}.ai-period-picker{flex-wrap:wrap}.ai-stats-table{font-size:11.5px}.ai-stats-table th,.ai-stats-table td{padding:5px 6px}}.api-keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:16px}.api-key-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;transition:border-color .14s ease,box-shadow .14s ease}.api-key-card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px -2px #0000000d}.api-key-card__head{margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.api-key-card__title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.api-key-card__title strong{font-size:14.5px;color:var(--text-primary);font-weight:600;flex:1}.api-key-card__title i{font-size:16px}.api-key-card__status{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.api-key-card__status[data-state=set]{background:#10b9811f;color:#059669}.api-key-card__status[data-state=unset]{background:#94a3b826;color:var(--text-muted)}.api-key-card__head small{display:block;font-size:11.5px;color:var(--text-muted);line-height:1.45}.api-key-card__head small code{background:var(--bg-subtle);padding:1px 5px;border-radius:4px;font-size:11px;color:var(--text-secondary)}.api-key-input-wrap{position:relative;margin-bottom:10px}.api-key-input{padding-right:38px!important;font-family:ui-monospace,monospace!important;font-size:12.5px!important}.api-key-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:6px;cursor:pointer;transition:background .12s ease;display:inline-flex;align-items:center;justify-content:center}.api-key-eye:hover{background:var(--bg-subtle);color:var(--text-primary)}.api-key-card__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.api-key-test-result{font-size:12px;color:var(--text-muted);flex:1;line-height:1.3}.api-key-test-result[data-state=ok]{color:#059669}.api-key-test-result[data-state=err]{color:#dc2626}.api-key-test-result[data-state=pending]{color:var(--accent)}.api-keys-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border)}.api-keys-defaults{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary)}.api-keys-defaults label{margin-bottom:0}.api-keys-defaults select{max-width:280px}@media(max-width:640px){.api-keys-footer{flex-direction:column;align-items:stretch;gap:12px}.api-keys-defaults{flex-direction:column;align-items:flex-start}.api-keys-defaults select{width:100%;max-width:none}}.btn-ai-lamp{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid rgba(245,158,11,.5);color:#422006;cursor:pointer;box-shadow:0 4px 12px #f59e0b66;transition:transform .12s,box-shadow .15s;animation:lampPulse 2.5s ease-in-out infinite}.btn-ai-lamp i{font-size:16px}.btn-ai-lamp:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 8px 18px #f59e0b8c}@keyframes lampPulse{0%,to{box-shadow:0 4px 12px #f59e0b66,0 0 #f59e0b4d}50%{box-shadow:0 4px 16px #f59e0b99,0 0 0 8px #f59e0b00}}.ai-lamp-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-card, #1e293b);line-height:1}.ai-sugg-backdrop{position:fixed;inset:0;background:#0a0e1adb;backdrop-filter:blur(10px);z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.ai-sugg-backdrop.is-show{display:flex;animation:aiFadeIn .2s}.ai-sugg-card{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(245,158,11,.3);border-radius:20px;max-width:680px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000080;animation:aiTitlesIn .3s cubic-bezier(.2,.9,.3,1);overflow:hidden;color:#f8fafc}.ai-sugg-head{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ai-sugg-head h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.ai-sugg-head h3 i{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006;padding:6px 8px;border-radius:8px;font-size:14px}.ai-sugg-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ai-sugg-close:hover{background:#ffffff24;color:#fff}.ai-sugg-intro{padding:12px 22px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.18);color:#fbbf24;font-size:.84rem;line-height:1.5}.ai-sugg-body{padding:16px 22px;overflow-y:auto;flex:1}.ai-sugg-loading,.ai-sugg-empty{text-align:center;padding:40px 20px;color:#cbd5e1}.ai-sugg-loading i{font-size:32px;color:#f59e0b;margin-bottom:12px;display:block}.ai-sugg-empty i{font-size:36px;color:#10b981;margin-bottom:14px;display:block}.ai-sugg-empty h4{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:#fff}.ai-sugg-empty p{margin:0;opacity:.8}.ai-sugg-list{display:flex;flex-direction:column;gap:12px}.ai-sugg-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;transition:border-color .15s,transform .15s}.ai-sugg-item:hover{border-color:#f59e0b59}.ai-sugg-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ai-sugg-note-name{font-weight:600;color:#f8fafc;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-sugg-confidence{flex-shrink:0;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.72rem;font-weight:700}.ai-sugg-flow{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ai-sugg-cat{padding:4px 10px;border-radius:999px;border:1px solid;font-size:.82rem;font-weight:600;white-space:nowrap;max-width:280px;overflow:hidden;text-overflow:ellipsis;cursor:help}.ai-sugg-cat:hover{max-width:100%}.sync-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid transparent;cursor:pointer;user-select:none;transition:all .2s;line-height:1}.sync-chip i{font-size:11px}.sync-chip.is-ok{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.sync-chip.is-ok i{color:#4ade80}.sync-chip.is-syncing{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.sync-chip.is-pending{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.sync-chip.is-offline{background:#ef444426;color:#f87171;border-color:#ef44444d;animation:sync-chip-pulse 2.5s infinite}@keyframes sync-chip-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444426}}.sync-chip:hover{filter:brightness(1.15)}@media(max-width:640px){.sync-chip{padding:3px 7px;font-size:.7rem}.sync-chip.is-ok span,.sync-chip.is-ok:after{display:none}}body.is-offline .offline-disabled,body.is-offline [data-online-only="1"]{opacity:.45;pointer-events:none;cursor:not-allowed;position:relative}body.is-offline .offline-disabled:after,body.is-offline [data-online-only="1"]:after{content:"\1f4f5";position:absolute;top:-4px;right:-4px;font-size:9px;background:#0009;border-radius:999px;padding:1px 3px;pointer-events:none}.conflict-modal.advanced-merge .merge-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.conflict-modal.advanced-merge .merge-col{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;display:flex;flex-direction:column}.conflict-modal.advanced-merge .merge-col h4{margin:0 0 10px;font-size:.95rem;color:var(--text-primary, #fff);display:flex;align-items:center;gap:6px}.conflict-modal.advanced-merge .merge-preview{max-height:50vh;overflow:auto;background:#0003;border-radius:6px;padding:10px;font-size:.82rem;line-height:1.5;color:var(--text-secondary, #cbd5e1);white-space:pre-wrap;word-break:break-word;font-family:SF Mono,Menlo,Consolas,monospace}@media(max-width:720px){.conflict-modal.advanced-merge .merge-grid{grid-template-columns:1fr}.conflict-modal.advanced-merge .merge-preview{max-height:30vh}}.note-card.has-unsynced:before,.note-row.has-unsynced:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 6px #fbbf2499;margin-right:6px;vertical-align:middle;animation:unsync-pulse 1.5s infinite}@keyframes unsync-pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-sugg-arrow{color:#fff6;font-size:12px}.ai-sugg-cat.is-suggested{box-shadow:0 0 12px #8b5cf64d}.ai-sugg-reason{font-size:.85rem;color:var(--text-secondary, #cbd5e1);font-style:italic;line-height:1.5;margin-bottom:10px;border-left:2px solid rgba(245,158,11,.4);padding-left:10px}.ai-sugg-item-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-sugg-item-btn{padding:7px 14px;border-radius:8px;background:#10b9812e;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px}.ai-sugg-item-btn:hover{background:#10b98147;color:#fff}.ai-sugg-item-btn.is-secondary{background:#ffffff0f;border-color:#ffffff24;color:#cbd5e1}.ai-sugg-item-btn.is-secondary:hover{background:#ffffff24;color:#fff}.ai-sugg-footer{padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;justify-content:space-between;flex-shrink:0}.ai-sugg-apply,.ai-sugg-dismiss{flex:1;padding:11px 18px;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .15s,filter .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none}.ai-sugg-apply{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 16px #10b98166}.ai-sugg-apply:hover{transform:translateY(-1px);box-shadow:0 10px 22px #10b98180;filter:brightness(1.08)}.ai-sugg-dismiss{background:#ffffff0f;color:#f8fafc;border:1px solid rgba(255,255,255,.14)}.ai-sugg-dismiss:hover{background:#ffffff24}@media(max-width:540px){.btn-ai-lamp{width:34px;height:34px}.btn-ai-lamp i{font-size:14px}.ai-sugg-card{max-height:95vh;border-radius:16px}.ai-sugg-head,.ai-sugg-body,.ai-sugg-footer,.ai-sugg-intro{padding-left:16px;padding-right:16px}.ai-sugg-footer{flex-direction:column}.ai-sugg-item{padding:12px 14px}.ai-sugg-flow{gap:6px}.ai-sugg-cat{font-size:.75rem;padding:3px 8px}}.edit-row--title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.edit-row--title .edit-name-input{flex:1;min-width:200px;transition:background .25s,box-shadow .25s}.edit-row--title .edit-name-input.is-ai-filled{background:linear-gradient(90deg,#8b5cf62e,#f59e0b2e);box-shadow:0 0 0 3px #8b5cf640}.ai-title-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .12s,box-shadow .15s,filter .12s;flex-shrink:0;box-shadow:0 4px 12px #8b5cf659}.ai-title-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #8b5cf673;filter:brightness(1.08)}.ai-title-btn:active{transform:translateY(0)}.ai-title-btn i{font-size:13px}@media(max-width:540px){.ai-title-btn{padding:7px 11px;font-size:.78rem}.ai-title-btn-label{display:none}.ai-title-btn i{font-size:15px}}.ai-titles-backdrop{position:fixed;inset:0;background:#0a0e1adb;backdrop-filter:blur(10px);z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}.ai-titles-backdrop.is-show{display:flex;animation:aiFadeIn .2s}@keyframes aiFadeIn{0%{opacity:0}to{opacity:1}}.ai-titles-card{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(139,92,246,.3);border-radius:20px;max-width:580px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 30px 70px #00000080;animation:aiTitlesIn .3s cubic-bezier(.2,.9,.3,1);overflow:hidden;color:#f8fafc}@keyframes aiTitlesIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-titles-head{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ai-titles-head h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.ai-titles-head h3 i{color:#c4b5fd;background:#8b5cf633;padding:6px 8px;border-radius:8px}.ai-titles-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.ai-titles-close:hover{background:#ffffff24;color:#fff}.ai-titles-body{padding:18px 22px;overflow-y:auto;flex:1}.ai-titles-hint{color:var(--text-secondary, #94a3b8);font-size:.82rem;margin-bottom:14px;text-align:center}.ai-titles-loading{text-align:center;padding:40px 20px;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;gap:14px}.ai-titles-loading i{font-size:32px;color:#8b5cf6}.ai-titles-error{text-align:center;padding:30px 20px;color:#fca5a5}.ai-titles-error i{font-size:28px;margin-bottom:12px;display:block}.ai-titles-list{display:flex;flex-direction:column;gap:8px}.ai-title-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f8fafc;font-size:.95rem;cursor:pointer;transition:background .15s,border-color .15s,transform .12s}.ai-title-item:hover{background:linear-gradient(135deg,#8b5cf624,#6366f11a);border-color:#8b5cf673;transform:translate(2px)}.ai-title-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#8b5cf633;color:#c4b5fd;font-weight:700;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center}.ai-title-text{flex:1;line-height:1.4}.ai-title-arrow{color:#ffffff4d;font-size:12px;flex-shrink:0;transition:color .15s,transform .15s}.ai-title-item:hover .ai-title-arrow{color:#c4b5fd;transform:translate(2px)}.ai-titles-footer{padding:12px 22px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:10px;justify-content:space-between;flex-shrink:0}.ai-titles-retry,.ai-titles-cancel{padding:9px 16px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s;border:1px solid rgba(255,255,255,.14)}.ai-titles-retry{background:#8b5cf62e;color:#c4b5fd;border-color:#8b5cf64d;display:inline-flex;align-items:center;gap:6px}.ai-titles-retry:hover{background:#8b5cf647;color:#fff}.ai-titles-cancel{background:#ffffff0f;color:#f8fafc}.ai-titles-cancel:hover{background:#ffffff24}@media(max-width:540px){.ai-titles-card{max-height:95vh;border-radius:16px}.ai-titles-head,.ai-titles-body,.ai-titles-footer{padding-left:16px;padding-right:16px}.ai-title-item{padding:11px 12px;font-size:.92rem}.ai-titles-footer{flex-direction:column-reverse}.ai-titles-retry,.ai-titles-cancel{width:100%;justify-content:center}}.search-wrap{position:relative}.search-mode-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border, rgba(255,255,255,.1));color:var(--text-secondary, #cbd5e1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s,border-color .15s,transform .12s;z-index:2}.search-mode-toggle:hover{background:#8b5cf62e;border-color:#8b5cf673;transform:translateY(-50%) scale(1.05)}.search-mode-toggle.is-ai{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf699;color:#fff;box-shadow:0 4px 12px #8b5cf666;animation:aiToggleGlow 2.5s ease-in-out infinite}@keyframes aiToggleGlow{0%,to{box-shadow:0 4px 12px #8b5cf666}50%{box-shadow:0 4px 16px #8b5cf699,0 0 0 4px #8b5cf626}}.search-input{padding-right:44px!important}.search-mode-hint{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:linear-gradient(135deg,#8b5cf61a,#6366f114);border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:.74rem;color:var(--text-secondary, #cbd5e1);line-height:1.4;animation:aiHintIn .25s ease}@keyframes aiHintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-mode-hint i{color:#c4b5fd;font-size:12px}.search-loading{padding:30px 20px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.92rem;display:flex;flex-direction:column;align-items:center;gap:12px}.search-loading i{font-size:28px;color:#8b5cf6}.ai-search-header{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border:1px solid rgba(139,92,246,.3);border-radius:10px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-primary, #f8fafc)}.ai-search-header i{color:#c4b5fd;font-size:14px}.ai-search-header strong{color:#fbbf24}.ai-search-header.is-fallback{background:#f59e0b1a;border-color:#f59e0b4d}.ai-search-header.is-fallback i{color:#fbbf24}.ai-relevance{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.ai-score{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 6px #f59e0b4d;flex-shrink:0}.ai-reason{font-size:.78rem;color:var(--text-secondary, #cbd5e1);font-style:italic;line-height:1.4;flex:1;min-width:0}@media(max-width:768px){.search-mode-toggle{width:30px;height:30px;font-size:14px}.search-mode-hint{font-size:.7rem;padding:5px 8px}.ai-relevance{gap:6px}.ai-reason{font-size:.72rem}}.user-plan-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;margin-left:8px;letter-spacing:.02em;border:1px solid transparent;transition:transform .12s,box-shadow .15s;cursor:default;text-decoration:none;vertical-align:middle}.user-plan-badge.plan-pro{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b80;box-shadow:0 2px 6px #f59e0b4d}.user-plan-badge.plan-trial{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border-color:#10b98166}.user-plan-badge.plan-trial.is-low{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border-color:#ea580c66;animation:planPulse 2.5s ease-in-out infinite}@keyframes planPulse{0%,to{box-shadow:0 0 #ea580c00}50%{box-shadow:0 0 0 6px #ea580c2e}}.user-plan-badge:hover{transform:translateY(-1px)}.impersonation-banner{position:sticky;top:0;left:0;right:0;z-index:1090;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 12px -2px #d9770680;animation:imp-slide-down .3s cubic-bezier(.2,.7,.2,1)}@keyframes imp-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.impersonation-banner__inner{max-width:1400px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px;padding-top:max(8px,env(safe-area-inset-top,0))}.impersonation-banner__icon{font-size:22px;flex-shrink:0;color:#fff;opacity:.95}.impersonation-banner__text{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0;line-height:1.3}.impersonation-banner__text strong{font-size:14px;font-weight:600;color:#fff;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impersonation-banner__text small{font-size:11.5px;color:#ffffffe0;letter-spacing:.01em}.impersonation-banner__exit{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#0003;color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:background .14s ease,transform .08s ease;border:1px solid rgba(255,255,255,.18);white-space:nowrap}.impersonation-banner__exit:hover{background:#00000057;color:#fff;transform:translateY(-1px)}.impersonation-banner__exit:active{transform:translateY(0)}@media(max-width:640px){.impersonation-banner__inner{flex-wrap:wrap;padding:8px 12px}.impersonation-banner__text strong{font-size:13px}.impersonation-banner__text small{font-size:11px}.impersonation-banner__exit{width:100%;justify-content:center;padding:8px 12px}.impersonation-banner__exit span{display:inline}}.bulk-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:1100;display:none;pointer-events:none;transform:translateY(20px);opacity:0;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .22s ease}.bulk-bar.is-open{display:flex!important;transform:translateY(0);opacity:1;pointer-events:auto}.bulk-bar__inner{width:100%;max-width:1100px;margin:0 auto;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-radius:14px;box-shadow:0 10px 32px -6px #0f172a66,0 0 0 1px #ffffff0f inset;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom,0))}.bulk-bar__counter{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;min-width:0;flex-shrink:0}.bulk-bar__counter-icon{color:#34d399;font-size:18px;flex-shrink:0}.bulk-bar__counter-text{white-space:nowrap;letter-spacing:-.005em}.bulk-bar.is-empty .bulk-bar__counter-icon,.bulk-bar.is-empty .bulk-bar__counter-text{color:#94a3b8}.bulk-bar__actions{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;justify-content:flex-end}.bulk-bar__btn{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f1f5f9;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;line-height:1;transition:background .12s ease,border-color .12s ease,transform .08s ease;white-space:nowrap;font-family:inherit}.bulk-bar__btn:hover{background:#ffffff24;border-color:#fff3}.bulk-bar__btn:active{transform:scale(.97)}.bulk-bar__btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.bulk-bar__btn>i{font-size:13px;flex-shrink:0}.bulk-bar__btn--danger{background:#ef44442e;border-color:#ef444459;color:#fecaca}.bulk-bar__btn--danger:hover{background:#ef444452;border-color:#ef44448c;color:#fff}.bulk-bar.is-empty .bulk-bar__btn{opacity:.4;pointer-events:none;cursor:not-allowed}.bulk-bar__close{width:38px;height:38px;border-radius:10px;border:none;background:#ffffff14;color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:background .12s ease,color .12s ease;flex-shrink:0}.bulk-bar__close:hover{background:#ffffff2e;color:#fff}#bulkModeBtn.active{background:#ffffff38!important;border-color:#ffffff80!important;box-shadow:0 0 0 2px #ffffff26 inset}@media(max-width:1023px){.bulk-bar__btn{padding:0 10px;font-size:12.5px}.bulk-bar__btn-label{font-size:12.5px}}@media(max-width:640px){.bulk-bar{left:8px;right:8px;bottom:8px}.bulk-bar__inner{flex-wrap:wrap;padding:10px 10px 10px 12px;gap:8px}.bulk-bar__counter{font-size:13px;order:1;flex:1 1 auto}.bulk-bar__close{order:2;margin-left:auto}.bulk-bar__actions{order:3;width:100%;flex:1 1 100%;justify-content:stretch;gap:6px}.bulk-bar__btn{flex:1 1 0;min-width:0;padding:0 4px;justify-content:center;height:40px}.bulk-bar__btn-label{display:none}.bulk-bar__btn{gap:0}.bulk-bar__btn>i{font-size:16px}}@media(max-width:360px){.bulk-bar__counter-text{max-width:100px;overflow:hidden;text-overflow:ellipsis}}.bulk-picker .vhm-card{max-width:540px!important}.bulk-picker .bp-target-badge{display:inline-block;margin-left:8px;color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--accent, #6366f1);text-transform:uppercase;letter-spacing:.04em}.bulk-picker .bp-search-wrap{position:relative;margin:0 0 12px}.bulk-picker .bp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.bulk-picker .bp-search{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);font-size:14px;color:var(--text-primary);box-sizing:border-box;font-family:inherit}.bulk-picker .bp-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.bulk-picker .bp-list{max-height:50vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);padding:6px}.bulk-picker .bp-empty,.bulk-picker .bp-loading{padding:30px 16px;text-align:center;color:var(--text-muted);font-size:13px}.bulk-picker .bp-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:3px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease;font-family:inherit}.bulk-picker .bp-item:hover{background:var(--accent-soft);border-color:var(--accent)}.bulk-picker .bp-item.is-loading{opacity:.5;pointer-events:none}.bulk-picker .bp-item.bp-special{background:var(--bg-subtle);border-style:dashed;border-color:var(--border-strong)}.bulk-picker .bp-item.bp-create{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.bulk-picker .bp-item.bp-create:hover{background:var(--accent);color:#fff}.bulk-picker .bp-item.bp-create>i{color:inherit;font-size:16px;width:22px;text-align:center}.bulk-picker .bp-item-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bulk-picker .bp-item-text strong{font-size:13.5px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-picker .bp-item-text em{font-style:normal;font-weight:700}.bulk-picker .bp-item-text small{font-size:11.5px;color:var(--text-muted);line-height:1.3}.bulk-picker .bp-item.bp-create .bp-item-text strong{color:inherit}.bulk-picker .bp-item.bp-create .bp-item-text small{color:inherit;opacity:.85}.bulk-picker .bp-dot{flex-shrink:0;width:12px;height:12px;border-radius:50%}.bulk-picker .bp-marks{display:inline-flex;align-items:center;gap:4px;margin-left:4px}@media(max-width:540px){.bulk-picker .vhm-card{max-width:calc(100vw - 24px)!important}.bulk-picker .bp-list{max-height:60vh}}.cat-pinned-section{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.cat-pinned-header{display:flex;align-items:center;gap:6px;padding:4px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent, #6366f1)}.cat-pinned-header i{font-size:11px;opacity:.85;transform:rotate(35deg)}.cat-pinned-header small{font-weight:500;color:var(--text-muted);font-size:10.5px;letter-spacing:.04em}.cat-pinned-mark{color:var(--accent, #6366f1);font-size:10px!important;margin-left:4px;opacity:.85;transform:rotate(35deg)}.cat-action-btn.is-pin-active{color:var(--accent, #6366f1)!important;background:var(--accent-soft, rgba(99, 102, 241, .12))!important}.cat-action-btn.is-pin-active i{transform:rotate(35deg)}.cat-action-btn.is-pulse{animation:cat-pin-pulse .5s cubic-bezier(.2,.7,.2,1)}@keyframes cat-pin-pulse{0%{transform:scale(1);box-shadow:0 0 #6366f173}50%{transform:scale(1.3);box-shadow:0 0 0 6px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}.cat-hidden-section{margin-top:8px;padding-top:4px;border-top:1px dashed var(--border)}.cat-hidden-toggle{width:100%;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;border-radius:var(--r-sm);transition:background .15s ease}.cat-hidden-toggle:hover{background:var(--bg-hover)}.cat-hidden-toggle i{transition:transform .18s ease}.cat-hidden-toggle.collapsed i{transform:rotate(-90deg)}@media(max-width:768px){.cat-drag{display:none}.cat-actions{display:none!important}.filter-item.category-tree-item{padding-left:8px!important;padding-right:6px}.cat-name{font-size:.95rem;white-space:normal;text-overflow:clip;word-break:break-word}.filter-item small.cat-count{font-size:.72rem;opacity:.7;flex-shrink:0}.filter-title{padding:0 6px;font-size:.72rem}.filter-item{padding:7px 8px}.category-children{margin-left:10px;padding-left:6px}}@media(prefers-reduced-motion:reduce){.cat-chevron,.cat-actions,.cat-drag,.cat-hidden-toggle i{transition:none}}.color-presets{display:flex;gap:8px;flex-wrap:wrap}.color-preset{width:26px;height:26px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.color-preset:hover{transform:scale(1.1);border-color:var(--text-primary)}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:4px 0;line-height:1.55}.checklist-item input[type=checkbox]{width:16px;height:16px;margin-top:5px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.checklist-item.checked span{text-decoration:line-through;opacity:.55;color:var(--text-muted)}.note-view-content .checklist-item{cursor:pointer}.note-item[data-color=yellow]{background:linear-gradient(180deg,#fef9c3 0%,var(--bg-card) 30%)}.note-item[data-color=green]{background:linear-gradient(180deg,#d1fae5 0%,var(--bg-card) 30%)}.note-item[data-color=blue]{background:linear-gradient(180deg,#dbeafe 0%,var(--bg-card) 30%)}.note-item[data-color=pink]{background:linear-gradient(180deg,#fce7f3 0%,var(--bg-card) 30%)}.note-item[data-color=purple]{background:linear-gradient(180deg,#ede9fe 0%,var(--bg-card) 30%)}.note-item[data-color=orange]{background:linear-gradient(180deg,#ffedd5 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=yellow]{background:linear-gradient(180deg,rgba(251,191,36,.18) 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=green]{background:linear-gradient(180deg,rgba(52,211,153,.18) 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=blue]{background:linear-gradient(180deg,rgba(96,165,250,.18) 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=pink]{background:linear-gradient(180deg,rgba(244,114,182,.18) 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=purple]{background:linear-gradient(180deg,rgba(167,139,250,.18) 0%,var(--bg-card) 30%)}[data-theme=dark] .note-item[data-color=orange]{background:linear-gradient(180deg,rgba(251,146,60,.18) 0%,var(--bg-card) 30%)}.wiki-link{color:var(--accent);text-decoration:underline dotted;text-underline-offset:2px;cursor:pointer}.wiki-link:hover{text-decoration-style:solid}.note-tabs{display:flex;background:var(--bg-sidebar);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.note-tabs::-webkit-scrollbar{display:none}.note-tab{padding:8px 14px;font-size:.85rem;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;color:var(--text-muted);display:flex;align-items:center;gap:8px;transition:all .15s}.note-tab:hover{color:var(--text-primary)}.note-tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.note-tab .tab-close{width:18px;height:18px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.note-tab .tab-close:hover{background:var(--danger-soft);color:var(--danger)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.btn:focus-visible,.toolbar-btn:focus-visible,.btn-action:focus-visible,.filter-item:focus-visible,.note-item:focus-visible,.form-control:focus-visible,.form-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 var(--r-md) 0;z-index:99999;font-weight:600;text-decoration:none}.skip-link:focus{top:0;outline:3px solid #fff}.app-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0f172a8c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:appOverlayIn .18s ease-out}@keyframes appOverlayIn{0%{opacity:0}to{opacity:1}}.app-modal{background:var(--bg-card);color:var(--text-primary);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;overflow:hidden;animation:appModalIn .22s cubic-bezier(.2,.9,.3,1);border:1px solid var(--border)}@keyframes appModalIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.app-modal__icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:24px auto 12px;font-size:1.5rem;background:var(--danger-soft);color:var(--danger)}.app-modal__icon--warn{background:var(--warning-soft);color:var(--warning)}.app-modal__icon--info{background:var(--accent-soft);color:var(--accent)}.app-modal__icon--ok{background:var(--success-soft);color:var(--success)}.app-modal__title{text-align:center;font-size:1.1rem;font-weight:700;margin:0 24px 6px}.app-modal__text{text-align:center;color:var(--text-secondary);margin:0 24px 18px;line-height:1.55;font-size:.92rem}.app-modal__input{display:block;width:calc(100% - 48px);margin:0 24px 16px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-size:1rem;transition:border-color .12s,box-shadow .12s}.app-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e526;outline:none}.app-modal__actions{display:flex;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--border);background:var(--bg-subtle)}.app-modal__btn{flex:1;padding:10px 14px;border-radius:var(--r-sm);border:none;font-weight:600;cursor:pointer;transition:filter .12s,transform .08s,background .12s;min-height:40px;font-size:.92rem}.app-modal__btn:hover{filter:brightness(1.05)}.app-modal__btn:active{transform:scale(.98)}.app-modal__btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.app-modal__btn--primary{background:var(--accent);color:#fff}.app-modal__btn--danger{background:var(--danger);color:#fff}.app-toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);pointer-events:none}.app-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-md);background:#1f2937;color:#f9fafb;font-size:.92rem;box-shadow:var(--shadow-lg);min-width:280px;max-width:480px;animation:toastIn .25s cubic-bezier(.2,.9,.3,1);pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-toast--success{background:#166534}.app-toast--error{background:#991b1b}.app-toast--warning{background:#92400e}.app-toast__icon{font-size:1.05rem;flex-shrink:0}.app-toast__text{flex:1}.app-toast__action{background:#ffffff24;border:none;color:inherit;padding:6px 12px;border-radius:var(--r-sm);font-weight:600;cursor:pointer;font-size:.82rem}.app-toast__action:hover{background:#ffffff3d}.app-toast__close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0;font-size:1.1rem;line-height:1}.app-toast__close:hover{opacity:1}.app-toast.is-leaving{animation:toastOut .2s ease-in forwards}@keyframes toastOut{to{opacity:0;transform:translateY(10px)}}.hotkey-sheet{line-height:1.8}.hotkey-sheet kbd{display:inline-block;padding:2px 8px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--bg-subtle);color:var(--text-primary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.78rem;margin:0 2px}.version-badge{opacity:.5;font-size:.72rem!important}.version-badge:hover{opacity:.85}.offline-indicator{position:fixed;top:0;left:0;right:0;background:var(--warning);color:#fff;text-align:center;padding:6px 12px;font-size:.85rem;z-index:3000;transform:translateY(-100%);transition:transform .25s ease;display:flex;align-items:center;justify-content:center;gap:8px}.offline-indicator.show{transform:translateY(0)}.offline-indicator i{font-size:var(--is-sm)}.pwa-install-banner{position:fixed;bottom:20px;left:20px;right:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 18px;box-shadow:var(--shadow-xl);z-index:2000;display:none;align-items:center;gap:14px}.pwa-install-banner.show{display:flex;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-banner .pwa-icon{width:48px;height:48px;border-radius:12px;flex-shrink:0}.pwa-install-banner .pwa-text{flex:1}.pwa-install-banner .pwa-text h4{margin:0 0 2px;font-size:.96rem;font-weight:600;color:var(--text-primary)}.pwa-install-banner .pwa-text p{margin:0;font-size:.82rem;color:var(--text-muted)}.pwa-install-banner .btn-install{background:var(--accent);color:#fff;border:none;padding:9px 18px;border-radius:var(--r-sm);font-weight:600;cursor:pointer}.pwa-install-banner .btn-install:hover{background:var(--accent-hover)}.pwa-install-banner .btn-close-pwa{background:none;border:none;font-size:1.15rem;color:var(--text-muted);cursor:pointer;padding:4px}.pwa-install-banner .btn-close-pwa:hover{color:var(--text-primary)}@media(max-width:480px){.pwa-install-banner{flex-wrap:wrap;left:10px;right:10px;bottom:10px}.pwa-install-banner .pwa-text{flex:1 1 calc(100% - 70px)}.pwa-install-banner .btn-install{flex:1 1 100%;margin-top:8px}}.mini-dash{display:flex;gap:6px;margin-bottom:var(--sp-4)}.mini-dash__cell{flex:1;text-align:center;padding:8px 4px;border-radius:var(--r-sm);background:var(--bg-subtle);border:1px solid transparent;transition:background .12s,border-color .12s}.mini-dash__cell:hover{background:var(--bg-hover);border-color:var(--accent-soft)}.mini-dash__val{font-weight:700;font-size:1.1rem;color:var(--accent);line-height:1.2;font-feature-settings:"tnum"}.mini-dash__label{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.search-wrap{position:relative;margin-bottom:var(--sp-4)}.search-wrap__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--is-sm);width:var(--is-sm);height:var(--is-sm);line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.search-input{padding-left:36px!important;background:var(--bg-input)}.tags-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:var(--sp-2) 0 var(--sp-4);padding:0 var(--sp-2)}.tag-filter{padding:3px 10px;border-radius:var(--r-full);font-size:.76rem;cursor:pointer;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border);transition:background .12s,color .12s,border-color .12s;display:inline-flex;align-items:center;gap:4px}.tag-filter:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-filter small{opacity:.7;font-variant-numeric:tabular-nums}.slash-menu{position:fixed;z-index:10300;min-width:280px;max-width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;max-height:320px;overflow-y:auto;display:none;font-family:inherit;animation:slashIn .15s ease-out}@keyframes slashIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.slash-menu.is-open{display:block}.slash-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--text-primary);transition:background .08s}.slash-item.is-selected,.slash-item:hover{background:var(--bg-hover)}.slash-item>i{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--is-sm);flex-shrink:0}.slash-item.is-selected>i{color:var(--accent)}.slash-item__main{flex:1;min-width:0}.slash-item__label{font-weight:500;font-size:.92rem;color:var(--text-primary);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-item__hint{font-size:.74rem;color:var(--text-muted);margin-top:1px}.editor-content.ee-dragover{outline:2px dashed var(--accent);outline-offset:-8px;background:var(--accent-soft);transition:outline-color .12s,background .12s}.editor-content .ee-uploading{display:inline-block;padding:2px 8px;border-radius:var(--r-sm);background:var(--bg-subtle);color:var(--text-muted);font-size:.85rem;user-select:none}#editNoteContent img{cursor:pointer;transition:outline-color .12s;max-width:100%;border-radius:var(--r-sm)}#editNoteContent img:hover{outline:2px solid rgba(79,70,229,.25);outline-offset:2px}.img-resizer{position:absolute;pointer-events:none;z-index:9000;display:none;outline:2px solid var(--accent);outline-offset:0;border-radius:var(--r-sm)}.img-resizer.is-active{display:block}.img-resizer .handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--accent);border-radius:50%;pointer-events:all;box-shadow:0 1px 3px #0f172a4d}.img-resizer .handle.nw{top:-8px;left:-8px;cursor:nwse-resize}.img-resizer .handle.ne{top:-8px;right:-8px;cursor:nesw-resize}.img-resizer .handle.sw{bottom:-8px;left:-8px;cursor:nesw-resize}.img-resizer .handle.se{bottom:-8px;right:-8px;cursor:nwse-resize}.img-resizer .handle:active{background:var(--accent)}.img-toolbar{position:absolute;bottom:calc(100% + 8px);left:0;display:flex;align-items:center;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px;pointer-events:all;box-shadow:var(--shadow-lg);white-space:nowrap}.img-toolbar button{width:32px;height:32px;border:none;background:transparent;border-radius:var(--r-xs);cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--is-sm);transition:background .12s,color .12s}.img-toolbar button:hover{background:var(--bg-hover);color:var(--accent)}.img-toolbar button.is-active{color:var(--accent);background:var(--accent-soft)}.img-toolbar button.is-danger:hover{color:var(--danger);background:var(--danger-soft)}.img-toolbar__sep{width:1px;height:18px;background:var(--border);margin:0 4px}#editNoteContent:after{content:"";display:block;clear:both}.autosave-indicator{white-space:nowrap;font-variant-numeric:tabular-nums}#bulkBar{background:var(--bg-header)!important;color:#fff;padding:12px 20px;box-shadow:0 -8px 24px #0000002e;backdrop-filter:blur(6px);z-index:var(--z-bulk-bar)}#bulkBar .btn{font-weight:500;padding:6px 12px}.header-more{position:relative;display:inline-block}.header-more-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;z-index:1050;display:flex;flex-direction:column;gap:2px;animation:hmmFadeIn .15s ease-out}@keyframes hmmFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.header-more-menu .hmm-item{background:transparent;border:none;color:var(--text-primary);padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.92rem;text-align:left;width:100%;transition:background .12s ease}.header-more-menu .hmm-item:hover,.header-more-menu .hmm-item:focus-visible{background:var(--bg-hover);color:var(--accent);outline:none}.header-more-menu .hmm-item i{width:18px;text-align:center;color:var(--text-muted);font-size:.95rem;flex-shrink:0}.header-more-menu .hmm-item:hover i{color:var(--accent)}.header-more-menu .hmm-item span{flex:1}[hidden]{display:none!important}.desktop-header .header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%}.desktop-header .header-left{display:flex;align-items:center;gap:16px;min-width:0}.desktop-header .header-brand{min-width:0;flex:1 1 auto}.desktop-header .header-brand h1{font-size:1.4rem;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-header .header-brand small{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.desktop-header .header-center{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.desktop-header .header-right{display:flex;align-items:center;justify-content:flex-end;min-width:0}.desktop-header .btn-custom,.desktop-header .header-more .btn-custom{height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0!important}.desktop-header .header-more{display:inline-flex}.desktop-header .btn-logout{flex-shrink:0;border-color:#ffffff40}.desktop-header .btn-logout:hover{background:#ef444426;border-color:#ef444466;color:#fff}@media(max-width:1200px){.desktop-header .header-center .btn-custom span:not(.btn-text){display:none}.desktop-header .header-center .btn-custom{width:36px;padding:0}.desktop-header .header-center .btn-warning.btn-custom{width:auto;padding:0 12px}.desktop-header .header-center .btn-warning.btn-custom span{display:inline}}@media(max-width:900px){.desktop-header .header-brand h1{font-size:1.1rem}.desktop-header .header-brand small{display:none}.desktop-header .header-grid{gap:8px}}.code-lang-modal .clm-list{margin:10px 0;max-height:280px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.code-lang-modal .clm-item{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease}.code-lang-modal .clm-item:hover{background:var(--bg-hover);border-color:var(--accent)}.code-lang-modal .clm-item code{background:var(--bg-subtle);padding:2px 8px;border-radius:var(--r-xs);font-family:ui-monospace,JetBrains Mono,Cascadia Mono,Consolas,monospace;font-size:.82rem;color:var(--accent);flex-shrink:0;min-width:70px}.code-lang-modal .clm-item span{font-size:.88rem;color:var(--text-secondary)}.ai-btn{color:#7c3aed}.ai-btn:hover{background:#7c3aed1f;color:#7c3aed}.ai-modal .vhm-card{max-width:720px!important}.ai-modal .ai-status{margin-bottom:16px;font-size:.92rem;color:var(--text-secondary)}.ai-modal .ai-actions-grid{display:flex;flex-direction:column;gap:18px;margin-bottom:12px;max-height:60vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.ai-modal .ai-actions-grid::-webkit-scrollbar{width:6px}.ai-modal .ai-actions-grid::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.ai-modal .ai-group{display:flex;flex-direction:column;gap:8px}.ai-modal .ai-group-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 4px}.ai-modal .ai-group-head i{font-size:11px;opacity:.75}.ai-modal .ai-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-modal .ai-action-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;text-align:left;color:var(--text-primary);transition:transform .14s cubic-bezier(.2,.7,.2,1),box-shadow .14s ease,border-color .14s ease,background .14s ease;min-height:64px;align-items:start}.ai-modal .ai-action-btn:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px -10px #6366f173}.ai-modal .ai-action-btn:active{transform:translateY(0);box-shadow:0 2px 8px -4px #6366f159}.ai-modal .ai-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ai-modal .ai-action-btn>i{grid-row:1 / 3;align-self:center;color:var(--accent);font-size:17px;width:24px;text-align:center}.ai-modal .ai-action-btn__title{font-size:13.5px;font-weight:600;line-height:1.3;letter-spacing:-.005em}.ai-modal .ai-action-btn__sub{font-size:11.5px;color:var(--text-muted);line-height:1.35;font-weight:400}.ai-modal .ai-action-btn:hover .ai-action-btn__sub{color:var(--text-secondary)}@media(max-width:600px){.ai-modal .ai-group-grid{grid-template-columns:1fr}.ai-modal .ai-action-btn{min-height:56px}}.ai-modal .ai-progress{text-align:center;padding:30px 16px;color:var(--text-secondary)}.ai-modal .ai-progress i{font-size:1.5rem;color:var(--accent);margin-bottom:10px;display:block}.ai-modal .ai-result-label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.ai-modal .ai-result-text{width:100%;border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;font-size:.93rem;color:var(--text-primary);background:var(--bg-card);resize:vertical;min-height:200px;line-height:1.5;font-family:inherit}.ai-modal .ai-result-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ocr-modal .ocr-dropzone{margin:4px 0 12px;padding:28px 20px;border:2px dashed var(--border-strong);border-radius:12px;background:var(--bg-subtle);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.ocr-modal .ocr-dropzone:hover,.ocr-modal .ocr-dropzone:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.ocr-modal .ocr-dropzone.is-drag-over{border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.ocr-modal .ocr-dropzone-icon{font-size:28px;color:var(--accent);opacity:.75}.ocr-modal .ocr-dropzone:hover .ocr-dropzone-icon,.ocr-modal .ocr-dropzone.is-drag-over .ocr-dropzone-icon{opacity:1}.ocr-modal .ocr-dropzone-text strong{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.ocr-modal .ocr-dropzone-text small{font-size:12px;color:var(--text-muted);line-height:1.5}.ocr-modal .ocr-dropzone-text kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:11px;font-family:ui-monospace,monospace;color:var(--text-secondary)}.ocr-modal .ocr-actions{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap}.ocr-modal .btn-primary,.ocr-modal label.btn-primary{padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;border:none;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .12s ease,transform .12s ease}.ocr-modal .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.ocr-modal .btn-primary:active{transform:translateY(0)}.ocr-modal .btn-secondary{padding:10px 14px;border-radius:10px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .12s ease}.ocr-modal .btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.ocr-modal .ocr-hint{display:block;font-size:11.5px;color:var(--text-muted);margin-bottom:14px;line-height:1.45}.ocr-modal .ocr-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.ocr-modal .ocr-mode-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease;min-height:56px}.ocr-modal .ocr-mode-opt:hover{border-color:var(--accent);background:var(--bg-subtle)}.ocr-modal .ocr-mode-opt.is-selected{border-color:var(--accent);background:var(--accent-soft)}.ocr-modal .ocr-mode-opt.is-selected:before{content:"";position:absolute}.ocr-modal .ocr-mode-opt>i{font-size:22px;color:var(--accent);flex-shrink:0;width:28px;text-align:center}.ocr-modal .ocr-mode-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ocr-modal .ocr-mode-text strong{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.25}.ocr-modal .ocr-mode-text small{font-size:11px;color:var(--text-muted);line-height:1.35}.ocr-modal .ocr-mode-opt.is-selected .ocr-mode-text small{color:var(--text-secondary)}@media(max-width:500px){.ocr-modal .ocr-mode-toggle{grid-template-columns:1fr}}.ocr-modal .ocr-hint-block{margin:4px 0 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;overflow:hidden}.ocr-modal .ocr-hint-block summary{padding:10px 14px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;user-select:none;transition:background .12s ease}.ocr-modal .ocr-hint-block summary::-webkit-details-marker{display:none}.ocr-modal .ocr-hint-block summary:hover{background:var(--bg-card)}.ocr-modal .ocr-hint-block summary i{color:var(--accent)}.ocr-modal .ocr-hint-block[open] summary{border-bottom:1px solid var(--border)}.ocr-modal .ocr-hint-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.ocr-modal .ocr-hint-presets{display:flex;flex-wrap:wrap;gap:6px}.ocr-modal .ocr-preset{padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .12s ease;line-height:1.2}.ocr-modal .ocr-preset:hover{border-color:var(--accent);color:var(--text-primary)}.ocr-modal .ocr-preset.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.ocr-modal .ocr-hint-text{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:13px;font-family:inherit;box-sizing:border-box}.ocr-modal .ocr-hint-text:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ocr-modal .ocr-result-quality{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;background:var(--accent-soft);border-radius:8px;border:1px dashed var(--accent)}.ocr-modal .ocr-result-quality .btn-secondary{background:var(--bg-card);border-color:var(--accent);color:var(--accent);font-weight:500;flex:1 1 auto;justify-content:center;min-width:160px}.ocr-modal .ocr-result-quality .btn-secondary:hover{background:var(--accent);color:#fff}.ocr-modal .ocr-result-quality .btn-secondary:disabled{opacity:.6;cursor:wait}.ocr-modal .ocr-preview{margin-top:12px;padding:14px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border)}.ocr-modal .ocr-preview-img{max-width:100%;max-height:200px;border-radius:8px;margin:0 auto 12px;display:block;box-shadow:0 2px 12px -4px #00000026}.ocr-modal .ocr-progress{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:8px;position:relative}.ocr-modal .ocr-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover, var(--accent)));transition:width .25s cubic-bezier(.2,.7,.2,1);border-radius:999px;position:relative}.ocr-modal .ocr-progress.is-active .ocr-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:ocr-shimmer 1.4s linear infinite}@keyframes ocr-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ocr-modal .ocr-status{font-size:12.5px;color:var(--text-secondary);text-align:center;margin-bottom:12px;min-height:18px}.ocr-modal .ocr-result{margin-top:8px}.ocr-modal .ocr-result-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.ocr-modal .ocr-result-text{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px;font-size:14px;color:var(--text-primary);background:var(--bg-card);resize:vertical;min-height:140px;line-height:1.55;font-family:inherit}.ocr-modal .ocr-result-text:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ocr-modal .ocr-result-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.ocr-modal .vhm-card{max-width:calc(100vw - 24px)!important}.ocr-modal .ocr-actions{flex-direction:column}.ocr-modal .btn-primary,.ocr-modal label.btn-primary{justify-content:center}.ocr-modal .ocr-result-actions{justify-content:stretch}.ocr-modal .ocr-result-actions button{flex:1 1 calc(50% - 4px);justify-content:center}}.backlinks-panel{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.backlinks-panel:empty{display:none}.backlinks-loading{color:var(--text-muted);font-size:.85rem}.backlinks-head{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.backlinks-head i{color:var(--accent)}.backlinks-count{margin-left:6px;background:var(--accent-soft);color:var(--accent);padding:1px 8px;border-radius:var(--r-full);font-size:.72rem;text-transform:none}.backlinks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.backlinks-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.backlinks-item:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.backlinks-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.backlinks-item-body{min-width:0;flex:1}.backlinks-item-title{color:var(--text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backlinks-item-cat{color:var(--text-muted);font-size:.78rem;margin-top:2px}.qsw-modal{position:fixed;inset:0;z-index:10500;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.qsw-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(3px)}.qsw-panel{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);width:min(620px,92vw);box-shadow:0 24px 64px #0006;overflow:hidden;animation:qswIn .15s ease-out}@keyframes qswIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.qsw-search{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.qsw-search-icon{color:var(--text-muted)}.qsw-input{flex:1;border:none;outline:none;background:transparent;color:var(--text-primary);font-size:1rem}.qsw-input::placeholder{color:var(--text-muted)}.qsw-hint{background:var(--bg-subtle);color:var(--text-muted);padding:2px 8px;border-radius:var(--r-xs);font-size:.75rem;font-family:ui-monospace,monospace}.qsw-list{max-height:50vh;overflow-y:auto;padding:6px}.qsw-item{display:block;width:100%;background:transparent;border:none;text-align:left;padding:10px 12px;border-radius:var(--r-sm);cursor:pointer;transition:background .1s ease}.qsw-item:hover,.qsw-item.active{background:var(--bg-hover)}.qsw-item-title{color:var(--text-primary);font-weight:500;font-size:.95rem;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qsw-item-preview{color:var(--text-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qsw-empty{text-align:center;color:var(--text-muted);padding:30px 16px;font-size:.9rem}.qsw-foot{border-top:1px solid var(--border);padding:8px 16px;display:flex;gap:16px;font-size:.75rem;color:var(--text-muted)}.qsw-foot kbd{background:var(--bg-subtle);border:1px solid var(--border);padding:1px 6px;border-radius:var(--r-xs);font-family:ui-monospace,monospace;font-size:.75em;color:var(--text-secondary);margin:0 2px}.note-view-content pre,.editor-content pre,.note-preview pre{background:#2d2d2d;color:#ccc;border-radius:var(--r-md);padding:14px 16px;overflow-x:auto;margin:12px 0;font-family:ui-monospace,JetBrains Mono,Cascadia Mono,Consolas,monospace;font-size:.85rem;line-height:1.55;tab-size:2}.note-view-content pre code,.editor-content pre code,.note-preview pre code{background:transparent;padding:0;color:inherit;font-family:inherit;font-size:inherit}.note-view-content code:not(pre code),.note-preview code:not(pre code){background:var(--bg-subtle);color:var(--accent);padding:2px 6px;border-radius:var(--r-xs);font-family:ui-monospace,monospace;font-size:.88em}.note-actions-more{position:relative;display:inline-block}.note-actions-menu{min-width:240px}.toolbar-btn .md-icon{width:18px;height:14px;display:inline-block;flex-shrink:0}#voiceToggle{position:relative}.reminder-modal .vhm-card{max-width:480px}.reminder-modal .rmd-field{display:flex;flex-direction:column;margin:12px 0;font-size:.88rem;color:var(--text-secondary);gap:4px}.reminder-modal .rmd-field span{font-weight:500}.reminder-modal .rmd-field input,.reminder-modal .rmd-field select{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.reminder-modal .rmd-field input:focus,.reminder-modal .rmd-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.reminder-modal .rmd-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.reminder-modal .rmd-ics{width:100%;padding:14px 18px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.reminder-modal .rmd-row{display:flex;gap:8px}.reminder-modal .rmd-svc{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;border-radius:var(--r-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:500;transition:background .12s ease,border-color .12s ease}.reminder-modal .rmd-svc:hover{background:var(--bg-hover);border-color:var(--accent)}.reminder-modal .rmd-hint{margin-top:12px;font-size:.82rem;color:var(--text-muted);text-align:center;line-height:1.5}.reminder-modal .rmd-title-preview{color:var(--accent);font-weight:500}.reminder-modal .rmd-tg-toggle{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 10px;margin:8px 0 4px;padding:10px 12px;background:#229ed914;border:1px solid rgba(34,158,217,.25);border-radius:var(--r-sm);cursor:pointer;font-size:.9rem;user-select:none}.reminder-modal .rmd-tg-toggle input[type=checkbox]{grid-column:1;grid-row:1;accent-color:#229ed9;width:16px;height:16px;margin:0;cursor:pointer}.reminder-modal .rmd-tg-toggle>span:nth-child(2){grid-column:2;grid-row:1;font-weight:500;color:var(--text-primary)}.reminder-modal .rmd-tg-hint{grid-column:2;grid-row:2;font-size:.78rem;color:var(--text-muted)}.editor-content .voice-final{background:var(--accent-soft);border-radius:3px;padding:0 2px;transition:background .25s ease}#voiceToggle .voice-pulse{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#ef4444;opacity:0;transform:scale(.4);transition:opacity .15s ease,transform .15s ease;pointer-events:none}#voiceToggle.recording{color:#ef4444;background:#ef44441a}#voiceToggle.recording .voice-pulse{opacity:1;transform:scale(1);animation:voicePulse 1.2s ease-in-out infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 #ef44448c}50%{box-shadow:0 0 0 6px #ef444400}}@media(prefers-reduced-motion:reduce){#voiceToggle.recording .voice-pulse{animation:none}}.voice-overlay{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1f2937;color:#f9fafb;padding:10px 14px 10px 16px;border-radius:var(--r-full);font-size:.88rem;box-shadow:var(--shadow-lg);z-index:2147483000;display:flex;align-items:center;gap:12px;max-width:92vw;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,.15);cursor:pointer}.voice-overlay:before{content:"";width:10px;height:10px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:voicePulse 1.2s ease-in-out infinite}.voice-overlay .voice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;pointer-events:none}.voice-overlay .voice-stop{background:#ef4444;border:none;color:#fff;padding:8px 16px;min-height:44px;min-width:76px;border-radius:var(--r-full);font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.3);transition:background .12s ease,transform .08s ease}.voice-overlay .voice-stop:hover{background:#dc2626}.voice-overlay .voice-stop:active{transform:scale(.96);background:#b91c1c}.voice-overlay .voice-stop i{font-size:.75rem}#voiceToggle{display:inline-flex!important}@media(max-width:768px){.voice-overlay{top:max(env(safe-area-inset-top,12px),12px);bottom:auto;max-width:calc(100vw - 24px);font-size:.85rem;padding:12px 14px}.voice-overlay .voice-text{max-width:calc(100vw - 200px);font-size:.85rem}.voice-overlay .voice-stop{min-height:48px;min-width:84px;padding:10px 18px;font-size:1rem}}.editor-content .ee-hashtag,.note-content .ee-hashtag,.note-preview .ee-hashtag{display:inline;color:var(--accent);background:var(--accent-soft);padding:0 4px;border-radius:var(--r-xs);font-weight:500;text-decoration:none;cursor:pointer;transition:background .12s ease}.editor-content .ee-hashtag:hover,.note-content .ee-hashtag:hover,.note-preview .ee-hashtag:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}@supports not (background: color-mix(in srgb,red,blue)){.editor-content .ee-hashtag:hover,.note-content .ee-hashtag:hover{background:var(--accent-soft);filter:brightness(.95)}}.voice-help-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.voice-help-modal .vhm-backdrop{position:absolute;inset:0;background:#0f172a80;backdrop-filter:blur(2px)}.voice-help-modal .vhm-card{position:relative;background:var(--bg-card);color:var(--text-primary);border-radius:var(--r-lg);padding:22px 26px;max-width:460px;width:calc(100% - 32px);box-shadow:var(--shadow-lg);animation:vhmFadeIn .18s ease-out}@keyframes vhmFadeIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.voice-help-modal .vhm-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1.05rem}.voice-help-modal .vhm-head i{color:#ef4444;font-size:1.1rem}.voice-help-modal .vhm-head .vhm-close{margin-left:auto;width:28px;height:28px;border:none;background:transparent;font-size:1.4rem;cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);line-height:1}.voice-help-modal .vhm-head .vhm-close:hover{background:var(--bg-hover);color:var(--text-primary)}.voice-help-modal p{margin:0 0 10px;line-height:1.5;color:var(--text-secondary)}.voice-help-modal .vhm-steps{margin:0 0 14px;padding-left:22px;color:var(--text-primary);line-height:1.7}.voice-help-modal .vhm-steps b{color:var(--accent);font-weight:600}.voice-help-modal kbd{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 6px;font-family:ui-monospace,Cascadia Mono,JetBrains Mono,monospace;font-size:.82em}.voice-help-modal code{background:var(--bg-subtle);padding:1px 6px;border-radius:var(--r-xs);font-size:.85em}.voice-help-modal .vhm-alt{font-size:.85rem;color:var(--text-muted)}.voice-help-modal .vhm-foot{margin-top:16px;display:flex;justify-content:flex-end}.voice-help-modal .btn-primary{background:var(--accent);border:none;color:#fff;padding:10px 18px;border-radius:var(--r-sm);cursor:pointer;font-weight:500;transition:background .15s ease}.voice-help-modal .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.voice-help-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.voice-help-modal .btn-secondary{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-primary);padding:8px 18px;border-radius:var(--r-sm);cursor:pointer}.voice-help-modal .btn-secondary:hover{background:var(--bg-hover)}.voice-help-modal .vhm-diag{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 12px;margin:12px 0;font-size:.85rem}.voice-help-modal .vhm-diag-label{color:var(--text-muted);margin-right:4px}.voice-help-modal .vhm-diag-state{background:transparent;padding:0;font-weight:600;color:var(--warning)}.voice-help-modal .vhm-quick{margin:12px 0;display:flex;justify-content:center}.voice-help-modal .vhm-troubleshoot{margin:14px 0 4px;border-top:1px solid var(--border);padding-top:12px}.voice-help-modal .vhm-troubleshoot summary{cursor:pointer;color:var(--text-secondary);font-size:.88rem;user-select:none;padding:4px 0}.voice-help-modal .vhm-troubleshoot summary:hover{color:var(--accent)}.voice-help-modal .vhm-troubleshoot[open] summary{font-weight:500;color:var(--text-primary)}.voice-help-modal .vhm-alt-list{margin:8px 0 0;padding-left:22px;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.voice-help-modal .vhm-alt-list a{color:var(--accent)}.editor-content a[data-autolink],.note-content a[data-autolink],.note-preview a[data-autolink]{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.editor-content a[data-autolink]:hover,.note-content a[data-autolink]:hover{text-decoration-thickness:2px}.workspace{display:flex;flex-direction:column;gap:0;min-height:0}.workspace__toolbar{display:flex;align-items:center;gap:12px;padding:12px 18px 11px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-card)}.workspace__title{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--text-primary);min-width:0}.workspace__title i{color:var(--text-muted);font-size:14px;flex-shrink:0}.workspace__title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace__count{font-size:12.5px;color:var(--text-muted);font-weight:500;margin-left:4px;flex-shrink:0}.workspace__view-toggle{margin-left:auto;display:inline-flex;background:var(--bg-subtle);border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.vt-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.vt-btn:hover{color:var(--text-primary)}.vt-btn[aria-pressed=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-xs)}.vt-btn__label{font-weight:500}@media(max-width:540px){.vt-btn__label{display:none}}.workspace[data-view-mode="3col"]{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(420px,1.4fr);grid-template-rows:auto 1fr;gap:0;align-items:start;height:calc(100vh - 110px);overflow-y:auto;background:var(--bg-card);scrollbar-gutter:stable}.workspace[data-view-mode="3col"] .workspace__toolbar{grid-column:1 / -1;position:sticky;top:0;z-index:20;background:var(--bg-card)}.workspace[data-view-mode="3col"] .workspace__list-col{background:var(--bg-card);border-right:1px solid var(--border);min-height:100%;padding:0}.workspace[data-view-mode="3col"] .notes-container{display:flex;flex-direction:column;gap:0;padding:0;max-width:none;max-height:none;overflow:visible}.workspace[data-view-mode="3col"] #load-more-container{padding:14px 18px;border-top:1px solid var(--border);margin:0;background:var(--bg-card)}.workspace[data-view-mode="3col"] .note-card{background:var(--bg-card);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:14px 18px;min-height:0;display:flex;flex-direction:column;gap:5px;overflow:visible;isolation:auto;transition:background .15s ease}.workspace[data-view-mode="3col"] .note-card:before{width:3px;opacity:0}.workspace[data-view-mode="3col"] .note-card:hover{transform:none;box-shadow:none;background:var(--bg-subtle);border-color:var(--border)}.workspace[data-view-mode="3col"] .note-card.selected{background:var(--accent-soft)}.workspace[data-view-mode="3col"] .note-card.selected:before{opacity:1;background:var(--accent)}.workspace[data-view-mode="3col"] .note-card.pinned:before{opacity:1;background:var(--pin-color)}.workspace[data-view-mode="3col"] .note-card.selected.pinned:before{background:var(--accent)}.workspace[data-view-mode="3col"] .note-card__thumb,.workspace[data-view-mode="3col"] .note-card__tags,.workspace[data-view-mode="3col"] .note-card__actions{display:none}.workspace[data-view-mode="3col"] .note-card__body{padding:0;gap:4px}.workspace[data-view-mode="3col"] .note-card__title{font-size:14.5px;font-weight:600;-webkit-line-clamp:1;line-height:1.35}.workspace[data-view-mode="3col"] .note-card__preview{font-size:12.5px;-webkit-line-clamp:2;line-height:1.5;color:var(--text-muted)}.workspace[data-view-mode="3col"] .note-card__footer{padding:0;border:0;min-height:0;font-size:11.5px;margin-top:2px}.workspace[data-view-mode="3col"] .note-card__cat{font-size:11.5px;color:var(--text-muted);max-width:120px}.workspace[data-view-mode="3col"] .note-card__cat:before{width:6px;height:6px}.workspace[data-view-mode="3col"] .note-card__icons{font-size:11px;gap:6px}.workspace[data-view-mode="3col"] .notes-detail{position:sticky;top:50px;align-self:start;height:calc(100vh - 160px);max-height:calc(100vh - 160px);overflow-y:auto;background:var(--bg-card);display:flex;flex-direction:column}.workspace[data-view-mode=plitka] .notes-detail{display:none}.notes-detail__empty{margin:auto;text-align:center;padding:48px 32px;max-width:380px;color:var(--text-muted)}.notes-detail__empty-icon{font-size:64px;color:var(--border-strong);margin-bottom:16px;opacity:.5}.notes-detail__empty h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.015em}.notes-detail__empty p{font-size:14px;line-height:1.6;color:var(--text-muted)}.notes-detail__empty small{display:inline-block;margin-top:6px;font-size:12px;opacity:.85}.notes-detail__view{padding:32px 40px;max-width:820px;margin:0 auto;width:100%}.notes-detail__cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:14px}.notes-detail__cat:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--detail-cat-color, var(--border-strong))}.notes-detail__title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary);margin-bottom:14px;word-break:break-word}.notes-detail__meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--text-muted);margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}.notes-detail__meta i{margin-right:5px;opacity:.7}.notes-detail__body{font-size:15px;line-height:1.7;color:var(--text-primary);word-break:break-word}.notes-detail__body p{margin-bottom:14px}.notes-detail__body img{max-width:100%;height:auto;border-radius:8px;margin:12px 0}.notes-detail__body h1,.notes-detail__body h2,.notes-detail__body h3{font-weight:700;letter-spacing:-.015em;margin:24px 0 12px}.notes-detail__body h1{font-size:22px}.notes-detail__body h2{font-size:19px}.notes-detail__body h3{font-size:17px}.notes-detail__body pre,.notes-detail__body code{background:var(--bg-subtle);border-radius:6px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px}.notes-detail__body pre{padding:14px 18px;overflow-x:auto}.notes-detail__body ul,.notes-detail__body ol{margin-left:24px;margin-bottom:14px}.notes-detail__body blockquote{border-left:3px solid var(--border-strong);padding-left:16px;color:var(--text-secondary);font-style:italic;margin:14px 0}.notes-detail__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}@media(max-width:900px){.workspace[data-view-mode="3col"]{grid-template-columns:1fr;height:auto;overflow-y:visible}.workspace[data-view-mode="3col"] .workspace__list-col{border-right:0}.workspace[data-view-mode="3col"] .notes-detail{position:fixed;inset:auto 0 0;z-index:1000;height:auto;max-height:none;background:var(--bg-card);transform:translate(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex!important}.workspace[data-view-mode="3col"] .notes-detail.is-open{transform:translate(0)}.notes-detail__view{padding:24px 20px 80px}}.sidebar{background:#f7f8fa;padding:16px 12px 24px}[data-theme=dark] .sidebar{background:#0f172a}.filter-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:#94a3b8;margin:20px 0 6px;padding:0 10px;text-transform:uppercase}.filter-title:first-of-type{margin-top:10px}.filter-title i{font-size:11px;opacity:.65}.filter-title .btn-link{width:20px;height:20px;color:#94a3b8}.filter-item{padding:6px 10px;margin:0;border-radius:7px;font-size:13.5px;font-weight:500;gap:9px;color:var(--text-secondary);line-height:1.35}.filter-item:hover{background:#0f172a0b;color:var(--text-primary)}.filter-item.active{background:var(--accent);color:#fff;font-weight:600}.filter-item.active:before{display:none}.filter-item.active i:first-child,.filter-item.active .cat-chevron,.filter-item.active .cat-chevron i,.filter-item.active .cat-name,.filter-item.active .cat-count{color:#fff!important}.filter-item.active small,.filter-item.active .text-muted{color:#ffffffd9!important;opacity:1}.filter-item.active .cat-dot{box-shadow:0 0 0 2px var(--accent),0 0 0 3px #ffffff73}.filter-item.active .cat-hidden-mark{color:#ffffffd9}.filter-item i:first-child{width:16px;height:16px;font-size:13px;color:#94a3b8}.filter-item:hover i:first-child{color:var(--text-secondary)}.filter-item small,.filter-item .text-muted{font-size:11.5px;opacity:.7;font-weight:500}.filter-item:hover small,.filter-item:hover .text-muted{opacity:1}.category-tree-item{padding:5px 10px}.cat-chevron{width:16px;height:16px;color:#94a3b8}.cat-chevron i{font-size:9px}.cat-chevron-spacer{width:16px}.cat-dot{width:9px;height:9px;box-shadow:0 0 0 1.5px #f7f8fa}[data-theme=dark] .cat-dot{box-shadow:0 0 0 1.5px #0f172a}.cat-name{font-size:13.5px;font-weight:500}.cat-count{font-size:11.5px;color:var(--text-muted);font-weight:500;opacity:.7}.category-children{margin-left:12px;padding-left:10px;border-left:1px dashed #c4cdd9}[data-theme=dark] .category-children{border-left-color:#334155}.category-children .filter-item.category-tree-item{padding:4px 8px}.category-children .cat-name{font-size:13px}.category-children>.filter-item.category-tree-item:after{display:none}.search-wrap{margin-bottom:16px}.search-wrap .search-input{background:#fff;border:1px solid var(--border);font-size:13.5px;border-radius:8px;height:36px}[data-theme=dark] .search-wrap .search-input{background:var(--bg-input)}.cat-hidden-section{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.cat-hidden-toggle{font-size:11.5px;letter-spacing:.06em;color:#94a3b8;text-transform:uppercase;font-weight:700;padding:4px 10px}.cat-hidden-toggle:hover{color:var(--text-secondary)}.tags-cloud{gap:5px!important}.tags-cloud .tag-filter{padding:3px 10px!important;font-size:11.5px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important}.tags-cloud .tag-filter:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}[data-theme=dark] .tags-cloud .tag-filter{background:var(--bg-card)!important}.bulk-checkbox{position:absolute;top:10px;right:10px;width:20px;height:20px;cursor:pointer;z-index:5;accent-color:var(--accent)}.note-card.bulk-selected,.note-item.bulk-selected{background:var(--accent-soft)!important;box-shadow:inset 3px 0 0 var(--accent)}.note-card.bulk-selected:before,.note-item.bulk-selected:before{background:var(--accent)!important;opacity:1!important}body[data-bulk-mode="1"] .note-card,body[data-bulk-mode="1"] .note-item{cursor:pointer;position:relative}body[data-bulk-mode="1"] .note-card__actions{display:none!important}@media(max-width:900px){.workspace[data-view-mode="3col"] .notes-detail{position:fixed;inset:0;z-index:1000;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:var(--bg-card);transform:translate(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex!important;flex-direction:column;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.workspace[data-view-mode="3col"] .notes-detail.is-open{transform:translate(0)}.notes-detail__view{padding:12px 18px 100px!important;max-width:none!important;flex:1 0 auto}}.notes-detail__mobile-bar{display:none}@media(max-width:900px){.notes-detail__mobile-bar{display:flex!important;align-items:center;position:sticky;top:0;z-index:5;background:var(--bg-card);margin:-12px -18px 12px;padding:10px 18px;border-bottom:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.notes-detail__mobile-close{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:0;color:var(--accent);font-size:14.5px;font-weight:600;cursor:pointer;border-radius:8px}.notes-detail__mobile-close:hover{background:var(--bg-subtle)}.notes-detail__mobile-close i{font-size:16px}}.workspace[data-view-mode=plitka] .notes-detail__mobile-bar{display:none!important}.mobile-icon-btn{width:36px;height:36px;border:0;background:#ffffff1a;color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;text-decoration:none;transition:background .15s}.mobile-icon-btn:hover,.mobile-icon-btn:focus{background:#fff3;color:#fff}@media(max-width:768px){.header-more-menu{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;border-radius:16px 16px 0 0!important;max-height:75vh;overflow-y:auto;box-shadow:0 -8px 24px #0000002e!important;padding-bottom:env(safe-area-inset-bottom,12px)!important;animation:sheet-up .25s cubic-bezier(.2,.7,.2,1)}.header-more-menu .hmm-item{padding:14px 18px!important;font-size:15px!important}.header-more-menu .hmm-item i{width:22px;font-size:17px}.header-more-menu:before{content:"";position:fixed;inset:0;background:#00000052;z-index:-1;margin:0 -200vw}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-help{position:fixed;inset:0;z-index:10500;display:flex;align-items:center;justify-content:center}.pwa-help-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(4px)}.pwa-help-card{position:relative;background:var(--bg-card);border-radius:16px;padding:24px 26px 20px;max-width:480px;width:calc(100% - 32px);max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px #0000004d}.pwa-help-card h3{font-size:18px;font-weight:700;letter-spacing:-.015em;margin-bottom:12px;color:var(--text-primary)}.pwa-help-card p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin-bottom:12px}.pwa-help-card ol{padding-left:22px;margin-bottom:14px}.pwa-help-card ol li{font-size:14px;line-height:1.7;color:var(--text-primary);margin-bottom:6px}.pwa-help-card ol li b{font-weight:600}.pwa-help-card ol li i{color:var(--accent);margin:0 2px}.pwa-help-close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--text-muted);border-radius:50%}.pwa-help-close:hover{background:var(--bg-subtle);color:var(--text-primary)}#bulkBar{flex-wrap:wrap!important;padding:10px 14px!important;gap:8px!important;align-items:center!important}#bulkBar #bulkCount{font-weight:600;font-size:14px;flex:1 1 100%;order:-1}@media(max-width:768px){#bulkBar #bulkCount{flex:1 1 auto;font-size:13px}#bulkBar>div[style*="flex:1"]{display:none}#bulkBar .btn{font-size:12.5px!important;padding:6px 10px!important;flex-shrink:0}#bulkBar .btn i{margin-right:4px!important}#bulkBar .btn-secondary{position:absolute;top:6px;right:8px;width:32px;height:32px;padding:0!important;border-radius:50%!important;background:#ffffff2e!important;border-color:transparent!important}#bulkBar{padding-top:44px!important}}@media(max-width:768px){.modal-dialog.modal-lg,.modal-dialog.modal-xl{max-width:100%!important;margin:0!important;height:100vh;height:100dvh}.modal-dialog{margin:0!important;min-height:100vh;min-height:100dvh}.modal-content{border-radius:0!important;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column}.modal-header{position:sticky;top:0;z-index:5;flex-shrink:0;padding:12px 16px!important}.modal-header .modal-title{font-size:16px!important;line-height:1.3}.modal-body{flex:1 1 auto;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:14px!important}.modal-footer{flex-shrink:0;padding:10px 14px!important;gap:6px;flex-wrap:wrap}.modal-footer .btn{font-size:13px;padding:6px 12px}}@media(max-width:768px){.kanban-board{min-width:0!important;gap:8px!important;padding:10px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.kanban-col{flex:0 0 80vw!important;scroll-snap-align:start;min-height:250px!important}.kanban-col-header{font-size:13px;padding:6px}.kanban-card{font-size:13px;padding:8px}}@media(max-width:768px){.cal-grid{gap:1px!important}.cal-header{font-size:10.5px!important;padding:4px 2px!important}.cal-day{min-height:52px!important;font-size:11px!important;padding:2px!important}.cal-day .day-num{font-size:12px;margin-bottom:1px}.cal-day .day-dot{width:4px!important;height:4px!important}#calendarModal .modal-header{flex-wrap:wrap}#calendarModal .modal-header .modal-title{flex:0 0 auto}#calendarModal .modal-header .ms-auto{order:3;flex:1 1 100%;margin:8px 0 0!important;justify-content:center}#calendarModal .modal-header .btn-close{order:2}}@media(max-width:768px){#analyticsBody,#healthBody,#snippetsList,#templatesList{font-size:13.5px}#analyticsBody table,#healthBody table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}#analyticsBody h6,#healthBody h6{font-size:14px!important}}@media(max-width:768px){#snippetsList .card,#templatesList .card,#snippetsList>div,#templatesList>div{width:100%!important;max-width:100%!important}}@media(max-width:768px){#exportModal .form-check-label{font-size:14px;padding-left:4px}#exportModal .form-check-input{width:18px;height:18px}#exportModal .btn{width:100%;margin-bottom:6px}}@media(max-width:768px){.bulk-checkbox{width:24px!important;height:24px!important}}.modal-mobile-close{display:none}@media(max-width:768px){.modal-mobile-close{display:inline-flex;position:fixed;top:max(12px,env(safe-area-inset-top,0));right:12px;width:42px;height:42px;border-radius:50%;background:#0f172ad1;color:#fff;border:0;align-items:center;justify-content:center;font-size:18px;z-index:99999;cursor:pointer;box-shadow:0 6px 18px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s,background .12s}.modal-mobile-close:active{transform:scale(.92);background:#000000f2}.modal-mobile-close:hover{background:#0f172af2;color:#fff}}.is-pwa-installed .mobile-install-btn{display:none!important}@media(max-width:768px){.header-more-menu{background:var(--bg-card)!important}.header-more-menu .hmm-item{padding:14px 18px!important;font-size:15px!important;color:var(--text-primary)!important;font-weight:500!important;gap:14px;display:flex!important;align-items:center;background:transparent;border:0;width:100%;text-align:left;text-decoration:none}.header-more-menu .hmm-item:hover,.header-more-menu .hmm-item:active{background:var(--bg-hover)!important}.header-more-menu .hmm-item i{width:36px;height:36px;font-size:17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 14%,transparent);flex-shrink:0}.header-more-menu:after{content:"";display:block;width:36px;height:4px;background:var(--border);border-radius:999px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.header-more-menu{padding-top:22px!important}}@media(min-width:769px){.header-more-menu .hmm-item i{width:18px;text-align:center;font-size:14px}}@media(max-width:768px){.modal-header{padding-right:60px!important}.modal-header .btn-close,.modal-header .btn-close-white{position:fixed!important;top:18px;right:18px;z-index:99998;opacity:0;pointer-events:none}.modal.show .modal-content{display:flex;flex-direction:column}.modal.show .modal-body{flex:1 1 auto;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}@media(max-width:540px){.kanban-board{flex-direction:column!important;min-width:0!important}.kanban-col{flex:1 1 auto!important;width:100%}}.kanban-toolbar{padding:12px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.kanban-col-header{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.kanban-col-title{display:inline-flex;align-items:center;gap:6px}.kanban-col-count{background:#ffffff40;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600}.kanban-col-add{background:#fff3;color:#fff;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,transform .1s ease;font-size:12px}.kanban-col-add:hover{background:#fff6;transform:scale(1.05)}.kanban-col-add:active{transform:scale(.95)}.kanban-empty{padding:60px 24px;text-align:center;color:var(--text-muted)}.kanban-empty-icon{font-size:56px;color:var(--border-strong);margin-bottom:18px;opacity:.5}.kanban-empty h4{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.kanban-empty p{margin-bottom:20px;font-size:14px}.kanban-picker .vhm-card{max-width:580px!important}.kanban-picker .kp-target-badge{display:inline-block;margin-left:6px;color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.kanban-picker .kp-search-wrap{position:relative;margin:0 0 12px}.kanban-picker .kp-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.kanban-picker .kp-search{width:100%;padding:10px 12px 10px 38px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);font-size:14px;box-sizing:border-box;color:var(--text-primary);font-family:inherit}.kanban-picker .kp-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kanban-picker .kp-list{max-height:50vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);padding:6px}.kanban-picker .kp-loading,.kanban-picker .kp-empty{padding:30px 16px;text-align:center;color:var(--text-muted);font-size:13px}.kanban-picker .kp-item{display:block;width:100%;padding:10px 12px;margin-bottom:4px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer;transition:background .1s ease,border-color .1s ease}.kanban-picker .kp-item:hover{background:var(--accent-soft);border-color:var(--accent)}.kanban-picker .kp-item.is-loading{opacity:.5;pointer-events:none}.kanban-picker .kp-item strong{display:block;font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-picker .kp-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px}.kanban-picker .kp-cat{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.kanban-picker .kp-cat:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c, #94a3b8)}.kanban-picker .kp-already{color:var(--accent);font-style:italic;font-size:11px}@media(max-width:540px){.kanban-toolbar small{display:none}.kanban-picker .kp-list{max-height:60vh}}@media(max-width:768px){#snippetsBody,#templatesList,#healthBody,#analyticsBody,#snippetsModal .modal-body,#templatesModal .modal-body,#healthModal .modal-body,#analyticsModal .modal-body{padding:14px!important}.modal-header .modal-title{font-size:17px!important;font-weight:700!important;max-width:calc(100% - 50px);line-height:1.3}}.mobile-icon-btn{min-width:38px;min-height:38px}@media(max-width:768px){.modal.show{padding-top:env(safe-area-inset-top,0)!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.modal-content{min-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important;max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))!important}.modal-header{padding-top:14px!important;padding-bottom:12px!important}.modal-mobile-close{top:calc(env(safe-area-inset-top,0) + 12px)!important;right:12px!important}}.kanban-card{position:relative}.kanban-card-title{font-weight:600;font-size:14px;line-height:1.35;margin-bottom:4px;color:var(--text-primary)}.kanban-card .meta{font-size:11.5px;color:var(--text-muted);margin-bottom:8px}.kanban-card-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border)}.kanban-mv-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:13px;transition:background .12s,color .12s,transform .08s;flex-shrink:0}.kanban-mv-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.kanban-mv-btn:active{transform:scale(.92)}.kanban-mv-btn.is-disabled{visibility:hidden;pointer-events:none}@media(min-width:769px){.kanban-mv-btn{width:28px;height:28px;font-size:11px}.kanban-card-actions{padding-top:6px}}@media(max-width:768px){.kanban-card{cursor:pointer;padding:12px!important}.kanban-mv-btn{width:44px;height:36px;font-size:14px}.kanban-card[draggable=true]{-webkit-user-drag:none;user-drag:none}}@media(max-width:768px){.modal.show{padding:0!important;display:block!important}.modal.show .modal-dialog{position:fixed!important;inset:auto 0 0!important;margin:0!important;max-width:100%!important;width:100%!important;min-height:0!important;max-height:calc(92vh - env(safe-area-inset-top,0));height:auto!important;pointer-events:none;animation:bsheet-up .28s cubic-bezier(.2,.7,.2,1)}.modal.show .modal-content{pointer-events:auto;border-radius:18px 18px 0 0!important;border:0!important;max-height:calc(92vh - env(safe-area-inset-top,0))!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column;padding-top:14px!important;padding-bottom:env(safe-area-inset-bottom,0)!important;box-shadow:0 -10px 30px #0000002e}.modal.show .modal-content:before{content:"";display:block;position:absolute;top:6px;left:50%;transform:translate(-50%);width:38px;height:4px;background:var(--border-strong, #cbd5e1);border-radius:999px;z-index:10}.modal.show .modal-header{position:relative;flex-shrink:0;padding:8px 18px 12px!important;border-radius:0!important;border-bottom:1px solid var(--border)!important}.modal.show .modal-header .modal-title{font-size:17px!important;font-weight:700!important;line-height:1.3;max-width:calc(100% - 50px)}.modal.show .modal-body{flex:1 1 auto;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 18px!important}.modal.show .modal-footer{flex-shrink:0;padding:10px 18px calc(env(safe-area-inset-bottom,0) + 10px)!important;gap:6px;flex-wrap:wrap}.modal-mobile-close{position:absolute!important;top:12px!important;right:12px!important;width:36px!important;height:36px!important;background:#0f172a0f!important;color:var(--text-primary, #1f2937)!important;border:0;border-radius:50%;font-size:16px!important;z-index:20!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important;backdrop-filter:none!important}.modal-mobile-close:hover{background:#0f172a1f!important}[data-theme=dark] .modal-mobile-close{background:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .modal-mobile-close:hover{background:#ffffff29!important}}@keyframes bsheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header-more-backdrop{position:fixed;inset:0;background:#0006;z-index:9996;-webkit-tap-highlight-color:transparent;animation:hmb-in .18s ease}@keyframes hmb-in{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.header-more-menu{z-index:9997!important}.header-more-menu:before{display:none!important}}.modal-header{background:var(--bg-card, #fff)!important;color:var(--text-primary, #1f2937)!important;border-bottom:1px solid var(--border, #e5e7eb)!important;padding:16px 20px}.modal-header .modal-title{color:var(--text-primary, #1f2937)!important;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.modal-header .modal-title i{color:var(--accent, #4f46e5)!important}.modal-header .btn-close-white,.modal-header .btn-close{filter:none!important;opacity:.65;background-color:transparent}.modal-header .btn-close-white:hover,.modal-header .btn-close:hover{opacity:1}.modal-header .btn-outline-light{color:var(--text-secondary, #4b5563)!important;border-color:var(--border, #e5e7eb)!important}.modal-header .btn-outline-light:hover{background:var(--bg-subtle, #f5f7fa)!important;color:var(--text-primary, #1f2937)!important;border-color:var(--border-strong, #cbd5e1)!important}.modal-header #calendarTitle{color:var(--text-primary, #1f2937);font-weight:600}.modal-footer{background:var(--bg-card, #fff);border-top:1px solid var(--border, #e5e7eb)}.modal-body{background:var(--bg-card, #fff);color:var(--text-primary, #1f2937)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-body,[data-theme=dark] .modal-footer,[data-theme=dark] .modal-content{background:var(--bg-card, #1e293b)!important;color:var(--text-primary, #f1f5f9)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--border, #334155)!important}[data-theme=dark] .modal-header .modal-title{color:var(--text-primary, #f1f5f9)!important}[data-theme=dark] .modal-header .btn-close{filter:invert(1)!important}.header-more-menu{background:#fff!important}[data-theme=dark] .header-more-menu{background:var(--bg-card, #1e293b)!important}.fab-wrap{position:fixed;bottom:24px;right:24px;z-index:var(--z-fab, 900);display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:transform .25s ease,opacity .25s ease}.fab-wrap>.fab{position:static!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s}.fab-wrap.is-open>.fab{transform:rotate(45deg);background:var(--text-primary, #1f2937)}.fab-menu{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.fab-menu[hidden]{display:none}.fab-menu-item{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;cursor:pointer;animation:fab-item-in .22s cubic-bezier(.2,.7,.2,1) backwards}.fab-menu-item:nth-child(1){animation-delay:.04s}.fab-menu-item:nth-child(2){animation-delay:.09s}.fab-menu-item:nth-child(3){animation-delay:.14s}.fab-menu-label{background:#0f172adb;color:#fff;padding:6px 12px;border-radius:6px;font-size:13.5px;font-weight:600;letter-spacing:-.005em;box-shadow:0 4px 10px #0000002e;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fab-menu-icon{width:48px;height:48px;border-radius:50%;background:var(--c, #4f46e5);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 16px #00000038;transition:transform .12s}.fab-menu-item:active .fab-menu-icon{transform:scale(.92)}.fab-menu-item:hover .fab-menu-icon{transform:scale(1.04)}[data-theme=dark] .fab-menu-label{background:#f1f5f9eb;color:#0b1220}.fab-backdrop{position:fixed;inset:0;background:#0f172a4d;z-index:899;-webkit-tap-highlight-color:transparent;animation:fab-bd-in .2s ease}@keyframes fab-bd-in{0%{opacity:0}to{opacity:1}}@keyframes fab-item-in{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:540px){.fab-wrap{bottom:calc(20px + env(safe-area-inset-bottom,0));right:16px}}.fab-wrap>.fab{display:inline-flex!important;position:static!important;bottom:auto!important;right:auto!important}@media(max-width:900px){.workspace[data-view-mode="3col"] .notes-detail{padding-top:env(safe-area-inset-top,0)!important}.notes-detail__view{padding-top:16px!important}.notes-detail__mobile-bar{margin-top:0!important;top:0!important;position:sticky}}@media(max-width:768px){.note-view-screen,.note-edit-screen{padding-top:env(safe-area-inset-top,0)!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.note-view-header,.note-edit-header{position:sticky;top:0;z-index:10;background:var(--bg-main, #fff)!important;border-bottom:1px solid var(--border)!important}}@media(max-width:768px){.pwa-install-help{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.pwa-help-card{max-height:calc(100vh - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0) - 32px)}}.fab.fab-v2{position:fixed!important;bottom:calc(24px + env(safe-area-inset-bottom,0))!important;right:20px!important;width:56px!important;height:56px!important;border-radius:50%!important;background:var(--accent, #4f46e5)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px #4f46e573;z-index:900;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s,box-shadow .2s}.fab.fab-v2 i{font-size:22px;line-height:1}.fab.fab-v2.is-open{background:var(--text-primary, #1f2937)!important;transform:rotate(45deg)}.fab.fab-v2:active{transform:scale(.94)}.fab.fab-v2.is-open:active{transform:rotate(45deg) scale(.94)}.fab-menu-v2{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom,0));right:20px;z-index:901;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.fab-menu-v2[hidden]{display:none}.fab-menu-v2 .fab-menu-item{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;cursor:pointer;animation:fab-item-in .22s cubic-bezier(.2,.7,.2,1) backwards}.fab-menu-v2 .fab-menu-item:nth-child(1){animation-delay:.04s}.fab-menu-v2 .fab-menu-item:nth-child(2){animation-delay:.09s}.fab-menu-v2 .fab-menu-item:nth-child(3){animation-delay:.14s}.fab-menu-v2 .fab-menu-label{background:#0f172adb;color:#fff;padding:7px 12px;border-radius:8px;font-size:13.5px;font-weight:600;box-shadow:0 4px 10px #0000002e;white-space:nowrap}.fab-menu-v2 .fab-menu-icon{width:48px;height:48px;border-radius:50%;background:var(--c, #4f46e5);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 6px 16px #00000038}[data-theme=dark] .fab-menu-v2 .fab-menu-label{background:#f1f5f9eb;color:#0b1220}.notes-detail__topbar{position:sticky;top:env(safe-area-inset-top,0);z-index:5;background:var(--bg-card, #fff);border-bottom:1px solid var(--border);padding:10px 16px;margin:0 -40px 18px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notes-detail__view{padding-top:0!important}.ndt-icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-secondary, #4b5563);border-radius:8px;cursor:pointer;font-size:14px;transition:background .12s,color .12s,transform .08s;flex-shrink:0}.ndt-icon-btn:hover{background:var(--bg-hover, rgba(79,70,229,.07));color:var(--text-primary)}.ndt-icon-btn:active{transform:scale(.92)}.ndt-icon-btn.is-active{color:var(--pin-color, #f59e0b);background:var(--pin-soft, #fef3c7)}.ndt-icon-btn.ndt-danger:hover{color:var(--danger, #dc2626);background:var(--danger-soft, #fee2e2)}.ndt-spacer{flex:1}@media(max-width:900px){.notes-detail__topbar{margin:0 -18px 14px;padding:10px 12px;top:env(safe-area-inset-top,0)}}.notes-detail__mobile-bar{display:none!important}.note-card__actions .btn-share:hover{color:var(--accent, #4f46e5);background:var(--accent-soft, #eef2ff)}.hd{position:relative;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:12px 18px;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}.hd__glow{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;background:radial-gradient(60% 130% at 12% -10%,rgba(99,102,241,.3),transparent 60%),radial-gradient(48% 130% at 100% -10%,rgba(168,85,247,.2),transparent 55%)}.hd__inner{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hd-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}.hd-brand__mark{width:40px;height:40px;flex:0 0 auto;border:0;cursor:pointer;border-radius:12px;color:#fff;font-size:18px;background:linear-gradient(135deg,#6366f1,#a855f7);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #6366f159;transition:transform .15s ease,box-shadow .15s ease}.hd-brand__mark:hover{transform:translateY(-1px);box-shadow:0 9px 22px #6366f180}.hd-brand__mark:focus-visible{outline:2px solid #c7d2fe;outline-offset:2px}.hd-brand__text{min-width:0}.hd-brand__title{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-brand__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;font-size:.78rem;color:#ffffffb8}.hd-chip-user{display:inline-flex;align-items:center;gap:5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-chip-user i{font-size:.72rem;opacity:.85}.hd-dot{opacity:.5}.hd-muted-meta{white-space:nowrap}.hd-burger{display:none;width:40px;height:40px;flex:0 0 auto;cursor:pointer;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#ffffff14;color:#fff;font-size:17px;align-items:center;justify-content:center;transition:background .15s ease}.hd-burger:hover{background:#ffffff2e}.hd-burger:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.hd-nav{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}.hd-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hd-toolbar--mobile{display:none}.hd-menu-wrap{position:relative;display:inline-flex;flex:0 0 auto}.hd-divider{width:1px;height:26px;background:#ffffff29;margin:0 2px;flex:0 0 auto}.hd-toolbar .btn-ai-lamp,.hd-toolbar .sync-chip{flex:0 0 auto;align-self:center}.hd-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;flex:0 0 auto;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#e5e7eb;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.hd-btn i{font-size:.95rem}.hd-btn:hover{background:#ffffff29;color:#fff}.hd-btn:active{transform:translateY(1px)}.hd-btn:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.hd-btn--primary{background:#fff;color:#1e293b;border-color:#fff;font-weight:700}.hd-btn--primary:hover{background:#eef2ff;color:#0f172a}.hd-btn--gold{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-color:transparent;font-weight:700;box-shadow:0 4px 12px #f59e0b52}.hd-btn--gold:hover{filter:brightness(1.07);color:#fff}.hd-btn--danger{color:#fecaca;background:#ef44441f;border-color:#ef44443d}.hd-btn--danger:hover{background:#ef444438;color:#fff}.hd-btn--icon{width:38px;padding:0;justify-content:center}.hd-btn.active{background:#818cf84d;border-color:#818cf88c;color:#fff}html.is-pwa-installed .js-install-item{display:none!important}.hmm-admin{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#fde68a;padding:1px 6px;border-radius:999px}[data-theme=dark] .hmm-admin{color:#fde68a;background:#b4530959}@media(max-width:768px){.hd{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.hd__inner{flex-wrap:nowrap;gap:10px}.hd-burger{display:inline-flex}.hd-toolbar--desktop{display:none}.hd-toolbar--mobile{display:flex;flex-wrap:nowrap;gap:6px}.hd-brand{gap:8px}.hd-brand__meta{display:none}.hd-brand__title{font-size:.98rem}.hd-brand__mark{width:36px;height:36px;font-size:16px;border-radius:11px}.hd-nav{gap:6px}.hd-btn{height:36px;padding:0 12px}.hd-btn--icon{width:36px}.hd-toolbar--mobile .hd-btn:not(.hd-btn--primary) span{display:none}.hd-toolbar--mobile .hd-btn:not(.hd-btn--primary){width:36px;padding:0;justify-content:center}}@media(max-width:380px){.hd-brand__title,.hd-toolbar--mobile .hd-btn--primary span{display:none}.hd-toolbar--mobile .hd-btn--primary{width:36px;padding:0;justify-content:center}}.main-box .admin-header{position:relative;display:block;background:linear-gradient(135deg,#1e293b,#0f172a);font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;overflow:hidden}.main-box .admin-header>.row{width:100%;margin:0}.main-box .admin-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 130% at 12% -10%,rgba(99,102,241,.28),transparent 60%),radial-gradient(48% 130% at 100% -10%,rgba(168,85,247,.18),transparent 55%)}.admin-header>.row,.admin-header>*{position:relative;z-index:1}.admin-header h1{font-weight:800;letter-spacing:-.02em}.admin-header .last-updated{color:#fff9;font-size:.8rem}.admin-header .btn-custom{border-radius:10px;font-family:inherit;font-weight:600;border:1px solid rgba(255,255,255,.12);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.admin-header .btn-custom:active{transform:translateY(1px)}.admin-header .btn-outline-light.btn-custom{background:#ffffff14;color:#e5e7eb}.admin-header .btn-outline-light.btn-custom:hover{background:#ffffff29;color:#fff;border-color:#ffffff38}.admin-header .btn-light.btn-custom{background:#fff;color:#1e293b;border-color:#fff;font-weight:700}.admin-header .btn-light.btn-custom:hover{background:#eef2ff;color:#0f172a}.admin-nav{font-family:Onest,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;gap:4px;padding:7px 16px}.admin-nav__item{border-radius:9px;border-bottom:0!important;padding:9px 14px;font-weight:600}.admin-nav__item:hover{background:var(--bg-hover)}.admin-nav__item.is-active{color:var(--accent);background:var(--bg-active)}.admin-nav__item.is-active i{opacity:1}