@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background-color:#F8FAF9;color:#0f172a;letter-spacing:-.01em;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-glow:rgba(37,99,235,0.18);--violet:#7c3aed;--surface:#ffffff;--surface-alt:#f8fafc;--border:rgba(148,163,184,0.18);--text-secondary:#4b5563;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px rgba(15,23,42,0.04),0 2px 8px rgba(15,23,42,0.04);--shadow-md:0 4px 12px rgba(15,23,42,0.05),0 12px 32px rgba(15,23,42,0.06);--shadow-lg:0 8px 24px rgba(15,23,42,0.06),0 24px 48px rgba(15,23,42,0.1);--shadow-paper:0 1px 3px rgba(15,23,42,0.03),0 8px 30px rgba(15,23,42,0.04);--transition:0.2s cubic-bezier(0.4,0,0.2,1);--editor-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--editor-font-size:15px;--text-color:#0f172a}[data-theme=dark]{color-scheme:dark;background-color:#0f1117;color:#e2e8f0;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-glow:rgba(59,130,246,0.2);--violet:#a78bfa;--surface:#1a1d27;--surface-alt:#13151e;--border:rgba(148,163,184,0.12);--text-secondary:#94a3b8;--text-color:#e2e8f0;--shadow-sm:0 1px 2px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3),0 12px 32px rgba(0,0,0,0.25);--shadow-lg:0 8px 24px rgba(0,0,0,0.4),0 24px 48px rgba(0,0,0,0.35);--shadow-paper:0 1px 3px rgba(0,0,0,0.2),0 8px 30px rgba(0,0,0,0.25)}[data-theme=dark] .app-shell,html[data-theme=dark],html[data-theme=dark] body{background:#0f1117;color:#e2e8f0}[data-theme=dark] .header{border-bottom-color:var(--border)}[data-theme=dark] .note-list-column,[data-theme=dark] .sidebar{border-right-color:var(--border)}[data-theme=dark] .editor-container,[data-theme=dark] .editor-panel{color:#e2e8f0}[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-sub-item:hover,[data-theme=dark] .nav-tag-item:hover{background:rgba(148,163,184,.08)}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-sub-item.active,[data-theme=dark] .nav-tag-item.active{background:rgba(59,130,246,.12)}[data-theme=dark] .note-card{background:var(--surface);border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .note-card:hover{background:var(--surface-alt);border-color:rgba(148,163,184,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .note-card.active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3)}[data-theme=dark] .note-card h3{color:#f1f5f9}[data-theme=dark] .note-card:hover h3{color:#fff}[data-theme=dark] .note-card-date,[data-theme=dark] .note-card-preview{color:#94a3b8}[data-theme=dark] .modal,[data-theme=dark] .modal-overlay .modal{background:#1a1d27;color:#e2e8f0}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#e2e8f0;border-color:var(--border)}[data-theme=dark] .header-dropdown-menu,[data-theme=dark] .user-menu{background:#1a1d27;border-color:rgba(148,163,184,.12);color:#e2e8f0}[data-theme=dark] .dropdown-menu{background:#1a1d27;border-color:rgba(148,163,184,.12)}[data-theme=dark] .editor-container .ProseMirror{color:#e2e8f0}[data-theme=dark] .editor-container .ProseMirror h1,[data-theme=dark] .editor-container .ProseMirror h2,[data-theme=dark] .editor-container .ProseMirror h3{color:#f1f5f9}[data-theme=dark] .editor-container .ProseMirror li,[data-theme=dark] .editor-container .ProseMirror p{color:#cbd5e1}[data-theme=dark] .code-block-wrapper pre{background:#13151e;border-color:rgba(99,102,241,.3);color:#e2e8f0}[data-theme=dark] .editor-container .ProseMirror :not(pre)>code{background:rgba(99,102,241,.15);color:#a78bfa}[data-theme=dark] .editor-container .ProseMirror blockquote{border-left-color:rgba(59,130,246,.5);background:rgba(59,130,246,.05);color:#94a3b8}[data-theme=dark] .toolbar{background:#1a1d27;border-bottom-color:rgba(148,163,184,.1)}[data-theme=dark] .toolbar-btn{color:#94a3b8}[data-theme=dark] .toolbar-btn:hover{background:rgba(148,163,184,.1);color:#e2e8f0}[data-theme=dark] .note-title-input{color:#f1f5f9;background:transparent}.editor-container .ProseMirror{font-family:var(--editor-font,system-ui,sans-serif)!important;font-size:var(--editor-font-size,15px)!important}*{box-sizing:border-box}body{margin:0;background:var(--surface-alt);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.editor-container .ProseMirror a{color:#2563eb;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease}.editor-container .ProseMirror a:hover{color:#1d4ed8}[data-theme=dark] .editor-container .ProseMirror a{color:#60a5fa}[data-theme=dark] .editor-container .ProseMirror a:hover{color:#93c5fd}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-shell{height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-radius:0}.pwa-header-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid rgba(99,102,241,.25);border-radius:20px;background:rgba(99,102,241,.05);color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.pwa-header-btn:hover{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.4);transform:translateY(-1px)}.pwa-header-btn-label{display:inline}@media (max-width:640px){.pwa-header-btn{display:none}}.ft-overlay{position:fixed;inset:0;z-index:2000;background:#ffffff;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.ft-progress-container{position:fixed;top:0;left:0;right:0;z-index:2010;pointer-events:none}.ft-progress-track{height:3px;background:rgba(99,102,241,.12);width:100%}.ft-progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#6366f1);border-radius:0 99px 99px 0;transition:width .1s linear;box-shadow:0 0 8px rgba(99,102,241,.4)}.ft-progress-dots{display:flex;justify-content:center;gap:6px;padding:6px 0 4px}.ft-progress-dot{width:6px;height:6px;border-radius:50%;background:rgba(99,102,241,.18);transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.ft-progress-dot.active{background:#6366f1}.ft-progress-dot.current{background:#2563eb;transform:scale(1.5);box-shadow:0 0 6px rgba(37,99,235,.5)}.ft-close{position:fixed;top:20px;right:24px;z-index:2001;width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;color:#64748b;transition:all .2s ease;box-shadow:0 2px 8px rgba(15,23,42,.08)}.ft-close:hover{background:#f1f5f9;color:#0f172a;transform:scale(1.05)}.ft-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px 40px;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(59,130,246,.06) 0,transparent 50%),var(--surface)}.ft-hero-content{text-align:center;max-width:640px;animation:ftHeroIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes ftHeroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ft-hero-logo{font-size:48px;margin-bottom:20px;animation:ftLogoPulse 2s ease-in-out infinite}@keyframes ftLogoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ft-hero-title{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0 0 16px;background:linear-gradient(135deg,#818cf8,#6366f1 50%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ft-hero-subtitle{font-size:clamp(16px,2.5vw,22px);color:#6366f1;font-weight:600;margin:0 0 16px;letter-spacing:-.3px}.ft-hero-desc{font-size:16px;color:var(--text-secondary,#64748b);line-height:1.7;margin:0 0 36px}.ft-hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ft-hero-btn-primary{padding:14px 32px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(99,102,241,.3);font-family:inherit}.ft-hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(99,102,241,.4)}.ft-hero-btn-secondary{padding:14px 24px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text-secondary,#475569);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:inherit}.ft-hero-btn-secondary:hover{background:var(--surface-alt);border-color:var(--border)}.ft-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);border:none;background:none;color:#94a3b8;cursor:pointer;animation:ftBounce 2s ease-in-out infinite;padding:8px}@keyframes ftBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.ft-sections{max-width:1200px;margin:0 auto;padding:40px 32px 80px}.ft-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px 0;border-bottom:1px solid rgba(148,163,184,.1);opacity:0;transform:translateY(32px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.ft-section:last-child{border-bottom:none}.ft-section.ft-visible{opacity:1;transform:translateY(0)}.ft-section--reverse{direction:rtl}.ft-section--reverse>*{direction:ltr}.ft-text{display:flex;flex-direction:column;gap:16px}.ft-badge{display:inline-flex;align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:rgba(99,102,241,.08);color:#6366f1}.ft-section-title{font-size:28px;font-weight:800;letter-spacing:-.8px;color:#0f172a;margin:0;line-height:1.2;display:flex;align-items:center;gap:12px}.ft-section-icon{font-size:32px;flex-shrink:0}.ft-section-desc{font-size:16px;color:#475569;line-height:1.7;margin:0}.ft-highlights{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.ft-highlights li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#334155;line-height:1.5}.ft-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:rgba(34,197,94,.1);color:#22c55e;font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}.ft-video{border-radius:16px;box-shadow:0 4px 12px rgba(15,23,42,.06),0 12px 32px rgba(15,23,42,.08);border:1px solid rgba(148,163,184,.12)}.ft-video,.ft-video-wrapper{overflow:hidden;background:#f8fafc}.ft-video-wrapper{aspect-ratio:16/9;border-radius:16px}.ft-video-wrapper video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.ft-video-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(59,130,246,.06));border-radius:16px}.ft-video-placeholder-icon{font-size:48px;opacity:.6}.ft-video-placeholder-text{font-size:13px;color:#94a3b8;font-weight:500}.ft-cta{text-align:center;padding:80px 32px 100px;background:radial-gradient(ellipse at 50% 0,rgba(99,102,241,.06) 0,transparent 60%),#ffffff}.ft-cta-title{font-size:32px;font-weight:800;color:#0f172a;letter-spacing:-.8px;margin:0 0 12px}.ft-cta-subtitle{font-size:15px;color:#94a3b8;margin:0 0 32px}.ft-cta-btn{padding:16px 40px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px rgba(99,102,241,.3);font-family:inherit;letter-spacing:-.3px}.ft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.4)}.ft-loading{position:fixed;inset:0;display:grid;place-items:center;background:#ffffff}.ft-loading-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:ftSpin .8s linear infinite}@keyframes ftSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.ft-hero{padding:60px 20px 40px;min-height:85vh}.ft-hero-logo{font-size:40px}.ft-hero-title{font-size:28px;letter-spacing:-.8px}.ft-hero-subtitle{font-size:16px}.ft-hero-desc{font-size:14px}.ft-hero-actions{flex-direction:column;width:100%}.ft-hero-btn-primary,.ft-hero-btn-secondary{width:100%;justify-content:center}.ft-close{top:12px;right:12px;width:36px;height:36px}.ft-sections{padding:20px 16px 60px}.ft-section{grid-template-columns:1fr;gap:24px;padding:40px 0}.ft-section--reverse{direction:ltr}.ft-section>.ft-video{order:-1}.ft-section-title{font-size:22px}.ft-section-icon{font-size:26px}.ft-cta{padding:48px 20px 80px}.ft-cta-title{font-size:24px}.ft-cta-btn{width:100%;font-size:16px}}.pwa-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeIn .2s ease}.pwa-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 64px rgba(15,23,42,.18);width:100%;max-width:420px;padding:24px;animation:pwaModalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes pwaModalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pwa-modal-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.pwa-modal-icon-wrap{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(99,102,241,.3)}.pwa-modal-title{font-size:16px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 3px;letter-spacing:-.2px}.pwa-modal-sub{font-size:12.5px;color:var(--text-secondary,#64748b);margin:0}.pwa-modal-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:rgba(148,163,184,.1);color:#94a3b8;border-radius:8px;cursor:pointer;transition:all .15s;flex-shrink:0}.pwa-modal-close:hover{background:rgba(148,163,184,.2);color:var(--text-secondary)}.pwa-modal-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.pwa-step{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-color,#334155);line-height:1.5}.pwa-step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.pwa-step-icon{display:inline-block;vertical-align:middle;margin:0 1px}.pwa-install-btn--full{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.pwa-modal-note{font-size:11.5px;color:#94a3b8;text-align:center;margin:0;padding-top:14px;border-top:1px solid rgba(148,163,184,.15)}.pwa-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff;border:1px solid rgba(99,102,241,.18);border-radius:16px;box-shadow:0 8px 32px rgba(15,23,42,.12),0 2px 8px rgba(99,102,241,.12);max-width:calc(100vw - 32px);width:-moz-max-content;width:max-content;animation:pwaSlideIn .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px)}@keyframes pwaSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pwa-banner-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(99,102,241,.3)}.pwa-banner-body{flex:1;min-width:0}.pwa-banner-title{margin:0 0 2px;font-size:13.5px;font-weight:700;color:#0f172a;white-space:nowrap}.pwa-banner-sub{margin:0;font-size:12px;color:#64748b;white-space:nowrap}.pwa-banner-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pwa-install-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:none;border-radius:9px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(99,102,241,.3);transition:all .18s ease;white-space:nowrap}.pwa-install-btn:hover{box-shadow:0 4px 16px rgba(99,102,241,.4);transform:translateY(-1px)}.pwa-install-btn:active{transform:scale(.97)}.pwa-dismiss-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:rgba(148,163,184,.1);color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.pwa-dismiss-btn:hover{background:rgba(148,163,184,.2);color:#475569}.header{height:56px;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}.header,.header-left{display:flex;align-items:center;flex-shrink:0}.header-left{gap:12px}.header-right{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.header-icon-group{display:flex;align-items:center;gap:6px}.header-icon-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .18s ease;white-space:nowrap;border:1px solid rgba(148,163,184,.25);background:transparent;color:#64748b}.header-icon-btn:active{transform:scale(.97)}.header-btn-label{display:inline}.btn-import .header-btn-label,.header-icon-btn--guide .header-btn-label{display:none}.btn-import,.header-icon-btn--guide{padding:0 8px;height:44px;font-size:0}.btn-import svg,.header-icon-btn--guide svg{width:16px;height:16px}.btn-import-text{font-size:13px!important;font-weight:600;padding:0 14px!important;color:#4f46e5}.header-right>.pill{display:none}.header-icon-btn.guide-btn{height:34px;padding:0 14px}.title-row{display:flex;align-items:center;gap:12px}.brand-logo{height:46px;width:auto;-o-object-fit:contain;object-fit:contain}.brand-lockup{gap:9px}.brand-icon,.brand-lockup{display:flex;align-items:center}.brand-icon{justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,.25)}.brand-name{font-size:17px;font-weight:700;color:var(--text-color,#1e293b);letter-spacing:-.3px;white-space:nowrap}.brand-name-highlight{color:#6366f1;-webkit-text-fill-color:#6366f1;font-weight:800}.header h1{font-size:15px;font-weight:700;margin:0;letter-spacing:-.3px}.header p{margin:2px 0 0}.header p,.note-meta{color:var(--text-secondary);font-size:11px}.note-meta{display:flex;gap:8px;align-items:center}.note-meta .pill{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.22);color:#4f46e5;padding:3px 9px;border-radius:20px;font-weight:600;font-size:10px;letter-spacing:.2px;box-shadow:0 1px 2px rgba(99,102,241,.04)}.note-meta-updated{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#94a3b8;letter-spacing:.1px}.header-sync-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.header-sync-dot--green{background:#22c55e;animation:syncPulse 2s cubic-bezier(.4,0,.6,1) infinite}.header-sync-dot--orange{background:#f97316;animation:orangePulse .9s cubic-bezier(.4,0,.6,1) infinite}.header-sync-dot--gray{background:#94a3b8}@keyframes orangePulse{0%,to{box-shadow:0 0 0 0 rgba(249,115,22,.55);opacity:1}50%{box-shadow:0 0 0 5px rgba(249,115,22,0);opacity:.75}}.sync-button{background:linear-gradient(180deg,var(--surface) 0,var(--surface-alt) 100%);border:1px solid var(--border);border-radius:7px;padding:5px 12px;font-weight:500;font-size:11px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:all .2s cubic-bezier(.16,1,.3,1)}.sync-button:hover{background:linear-gradient(180deg,var(--surface-alt) 0,var(--surface) 100%);border-color:var(--border);color:var(--text-color);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(15,23,42,.08)}.sync-button:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px rgba(15,23,42,.04)}.sync-button .icon{font-size:14px;color:#64748b;transition:color .2s}.sync-button:hover .icon{color:#0f172a}.btn-sync{background:linear-gradient(180deg,#3b82f6,#2563eb);border:1px solid rgba(37,99,235,.6);color:#ffffff;font-weight:600;box-shadow:0 2px 8px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.15);position:relative;overflow:hidden}.btn-sync:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.btn-sync:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#ffffff;transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.15)}.btn-sync:active{transform:translateY(0) scale(.98);box-shadow:0 1px 4px rgba(37,99,235,.2)}.btn-import{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5;font-weight:600;box-shadow:none}[data-theme=dark] .btn-import{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.25);color:#818cf8}.btn-import:hover{background:#e0e7ff;border-color:#a5b4fc;color:#3730a3;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px rgba(99,102,241,.12)}.btn-import:active{background:#c7d2fe;transform:translateY(0) scale(.98)}.header-auth-buttons{display:flex;gap:12px;align-items:center}.btn-signup{background:#3b82f6;border-color:rgba(59,130,246,.75);color:white;padding:0 16px}.btn-signup:hover{background:#2563eb;transform:translateY(-1px) scale(1.02)}.btn-signup:active{transform:translateY(0) scale(.98)}.auth-popup .import-login-popup{max-width:360px;padding:28px 26px 24px}.auth-popup-section{display:grid;gap:10px;margin-top:14px}.auth-popup-section-title{font-size:13px;font-weight:700;text-align:left;color:#0f172a}.auth-popup-divider{margin:18px 0 0;text-align:center;color:#64748b;font-size:12px;letter-spacing:.08em}.import-login-popup-btn--primary{background:#2563eb;border-color:rgba(37,99,235,.65);color:white}.import-login-popup-btn--primary:hover{background:#1d4ed8}.import-login-popup-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px;animation:fadeIn .18s ease}.import-login-popup{position:relative;width:100%;max-width:300px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 25px 60px rgba(15,23,42,.18),0 8px 24px rgba(15,23,42,.08);padding:28px 24px 22px;z-index:10001;text-align:center;animation:pwaModalIn .25s cubic-bezier(.16,1,.3,1)}.import-login-popup-arrow{position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:var(--surface);border-left:1px solid var(--border);border-top:1px solid var(--border);border-radius:3px 0 0 0}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.import-login-popup-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid rgba(99,102,241,.12);color:#6366f1;display:grid;place-items:center;margin:0 auto 14px}.import-login-popup-title{font-size:16px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 6px;letter-spacing:-.2px}.import-login-popup-sub{font-size:12.5px;color:var(--text-secondary,#64748b);margin:0 0 15px!important;line-height:1.6}.import-login-popup-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--surface-alt);color:var(--text-color,#1e293b);font-size:13.5px;font-weight:600;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .18s ease;box-shadow:0 1px 4px rgba(15,23,42,.08)}.import-login-popup-btn:hover{background:var(--surface-alt);border-color:var(--border);box-shadow:0 4px 14px rgba(15,23,42,.1);transform:translateY(-1px)}.import-login-popup-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(15,23,42,.06)}.guide-btn-wrapper{position:relative}.guide-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(99,102,241,.3);border-radius:8px;background:linear-gradient(180deg,rgba(99,102,241,.08),rgba(99,102,241,.03));color:#4f46e5;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.02),inset 0 1px 0 rgba(255,255,255,.6);transition:all .25s cubic-bezier(.16,1,.3,1)}.guide-btn:hover{background:linear-gradient(180deg,rgba(99,102,241,.12),rgba(99,102,241,.05));border-color:rgba(99,102,241,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.12),inset 0 1px 0 rgba(255,255,255,.8)}.guide-tip{top:calc(100% + 12px);right:0;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08);color:#f8fafc;font-size:13px;font-weight:500;letter-spacing:.2px;padding:10px 16px;border-radius:10px;white-space:nowrap;box-shadow:0 12px 32px -4px rgba(0,0,0,.24),0 4px 12px -2px rgba(0,0,0,.12);transform-origin:top right;animation:tipSlideIn .35s cubic-bezier(.16,1,.3,1);z-index:200}.guide-tip,.guide-tip:before{position:absolute;background:#0f172a}.guide-tip:before{content:"";top:-5px;right:20px;width:10px;height:10px;border-top:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.08);transform:rotate(45deg);border-top-left-radius:2px}@keyframes tipSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobileMenuFadeIn{0%{opacity:0}to{opacity:1}}.guide-tip-beacon{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.6);flex-shrink:0;animation:beaconPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes beaconPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{box-shadow:0 0 0 6px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.guide-tip-dismiss{background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;transition:all .2s ease;margin-left:4px}.guide-tip-dismiss:hover{color:#f8fafc;background:rgba(255,255,255,.1)}.note-layout{display:grid;grid-template-columns:20% 24% 56%;flex:1;min-height:0;height:0;overflow:hidden;gap:0;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.note-layout.sidebar-collapsed{grid-template-columns:0 44% 56%}.note-layout.sidebar-collapsed .sidebar{width:0;overflow:hidden;padding:0;border-right:none;opacity:0;pointer-events:none;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .3s ease}.sidebar-header-row{display:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:#94a3b8;border-radius:8px;cursor:pointer;transition:all .18s ease;flex-shrink:0;margin-right:4px}.sidebar-toggle-btn:hover{background:rgba(37,99,235,.08);color:#2563eb}.note-list-column--card-view{background:#f4f6f8;transition:background .3s ease}@keyframes cardPopIn{0%{opacity:0;transform:scale(.85) translateY(12px)}60%{opacity:1;transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.note-list-scroll--card-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:min-content;gap:14px!important;padding:16px!important;align-content:start;flex-direction:unset}.note-list-scroll--card-grid .compact-note-card{animation:cardPopIn .35s cubic-bezier(.34,1.56,.64,1) both}.note-list-scroll--card-grid .compact-note-card:first-child{animation-delay:.02s}.note-list-scroll--card-grid .compact-note-card:nth-child(2){animation-delay:.06s}.note-list-scroll--card-grid .compact-note-card:nth-child(3){animation-delay:.1s}.note-list-scroll--card-grid .compact-note-card:nth-child(4){animation-delay:.14s}.note-list-scroll--card-grid .compact-note-card:nth-child(5){animation-delay:.18s}.note-list-scroll--card-grid .compact-note-card:nth-child(6){animation-delay:.22s}.note-list-scroll--card-grid .compact-note-card:nth-child(7){animation-delay:.26s}.note-list-scroll--card-grid .compact-note-card:nth-child(8){animation-delay:.3s}.note-list-scroll--card-grid .compact-note-card:nth-child(n+9){animation-delay:.34s}.note-list-scroll--card-grid .compact-note-card{border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.03);transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.note-list-scroll--card-grid .compact-note-card:before{display:none}.note-list-scroll--card-grid .compact-note-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(15,23,42,.09),0 2px 8px rgba(15,23,42,.04);border-color:rgba(99,102,241,.2)}.note-list-scroll--card-grid .compact-note-card.active{border-color:rgba(37,99,235,.3);box-shadow:0 4px 16px rgba(37,99,235,.12),0 0 0 2px rgba(37,99,235,.08);background:var(--surface-alt)}.note-list-scroll--card-grid .compact-note-card .card-icon-area{display:flex;align-items:center;justify-content:center;padding:16px 14px 8px}.note-list-scroll--card-grid .compact-note-card .card-icon-circle{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(59,130,246,.1));display:flex;align-items:center;justify-content:center;color:#6366f1;transition:all .2s ease}.note-list-scroll--card-grid .compact-note-card:hover .card-icon-circle{background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(59,130,246,.16));transform:scale(1.05)}.note-list-scroll--card-grid .compact-note-card.active .card-icon-circle{background:linear-gradient(135deg,#6366f1,#3b82f6);color:#ffffff}.note-list-scroll--card-grid .card-menu-btn{position:absolute;top:10px;right:10px;width:26px;height:26px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.note-list-scroll--card-grid .compact-note-card:hover .card-menu-btn{opacity:1}.note-list-scroll--card-grid .card-menu-btn:hover{background:rgba(148,163,184,.12);color:#475569}.note-list-scroll--card-grid .compact-note-main{padding:0 14px 10px;flex:1;flex-direction:column;align-items:stretch;gap:0}.note-list-scroll--card-grid .compact-note-title{font-size:13px;font-weight:700;color:var(--text-color,#1e293b);-webkit-line-clamp:2;line-clamp:2;padding-right:0;margin-bottom:4px;letter-spacing:-.01em}.note-list-scroll--card-grid .compact-note-preview{-webkit-line-clamp:2;line-clamp:2;font-size:11.5px;color:#78849a;margin-top:2px;line-height:1.45}.note-list-scroll--card-grid .card-time-inline{display:block;font-size:10.5px;color:#94a3b8;margin-top:1px;margin-bottom:4px;letter-spacing:.01em}.note-list-scroll--card-grid .compact-note-card .card-action-row{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 12px;gap:6px;margin-top:auto}.note-list-scroll--card-grid .card-action-row .card-badge{font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}.note-list-scroll--card-grid .card-action-icons{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:0;transition:opacity .18s ease}.note-list-scroll--card-grid .compact-note-card:focus-within .card-action-icons,.note-list-scroll--card-grid .compact-note-card:hover .card-action-icons{opacity:1}.note-list-scroll--card-grid .card-action-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;transition:all .15s ease}.note-list-scroll--card-grid .card-action-icon:hover{background:rgba(148,163,184,.12);color:#475569}.note-list-scroll--card-grid .card-action-icon.active{color:#f59e0b}.note-list-scroll--card-grid .card-action-icon.synced{color:#22c55e}.note-list-scroll--card-grid .card-action-danger:hover{background:rgba(239,68,68,.08);color:#ef4444}.note-list-scroll--card-grid .compact-note-actions,.note-list-scroll--card-grid .compact-note-meta,.note-list-scroll--card-grid .note-sync-badge{display:none}.note-list-scroll--card-grid .note-pin-badge{top:12px;left:12px;width:20px;height:20px;border-radius:6px}.note-list-scroll--card-grid .compact-note-card.pinned{border-color:rgba(245,158,11,.2);background:linear-gradient(180deg,rgba(255,251,235,.5),#ffffff)}.note-list-scroll--card-grid .compact-note-card.pinned .compact-note-main{padding-left:14px}.note-list-scroll--card-grid .note-list-section-label{grid-column:1/-1;font-size:10.5px}.sidebar{flex-shrink:0;background:var(--surface-alt);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 16px 0;gap:12px;overflow-x:hidden;overflow-y:hidden;min-height:0;transition:opacity .25s ease,padding .3s cubic-bezier(.4,0,.2,1)}.sidebar-search{position:relative;margin-bottom:4px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;opacity:.6}.search-input{width:100%;box-sizing:border-box;padding:9px 12px 9px 34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;color:var(--text);outline:none;transition:all var(--transition)}.search-input::-moz-placeholder{color:#64748b;opacity:.75}.search-input::placeholder{color:#64748b;opacity:.75}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.sidebar-new-btn{border:none;border-radius:10px;padding:14px 16px;font-weight:600;font-size:14px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;transition:all var(--transition);box-shadow:0 2px 8px rgba(37,99,235,.25)}.sidebar-new-btn:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px rgba(37,99,235,.35);transform:translateY(-1px)}.sidebar-new-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(37,99,235,.2)}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.nav-group{display:flex;flex-direction:column}.nav-group-header-row{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:6px;transition:background .15s ease}.nav-group-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:3px;transition:all .15s ease;min-width:32px;min-height:32px}.nav-group-toggle:hover{background:rgba(148,163,184,.12);color:#64748b}.nav-group-label{background:none;border:none;color:var(--text-color,#374151);font-size:12.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px;min-height:36px;border-radius:5px;transition:all .15s ease;letter-spacing:.4px;text-transform:uppercase;flex:1;text-align:left}.nav-group-label:hover{background:rgba(148,163,184,.08);color:#334155}.nav-group-label.active{background:rgba(37,99,235,.08);color:var(--accent);border-left:2px solid var(--accent);padding-left:4px}.nav-group-icon{opacity:.75}.nav-group-label.active .nav-group-icon{opacity:1}.nav-group-count{font-size:11px;color:#94a3b8;font-weight:500;margin-left:2px}.nav-group-add{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;transition:all .15s ease}.nav-group-add:hover{background:rgba(59,130,246,.1);color:var(--accent)}.nav-group-items{display:flex;flex-direction:column;gap:2px;padding-left:4px}.nav-sub-item,.nav-tag-item{background:none;border:none;display:flex;align-items:center;gap:8px;padding:6px 8px 6px 28px;color:#64748b;font-size:12.5px;cursor:pointer;border-radius:5px;transition:all .15s ease;text-align:left}.nav-sub-item:hover,.nav-tag-item:hover{background:rgba(148,163,184,.08);color:#334155}.nav-sub-item.active,.nav-tag-item.active{background:rgba(37,99,235,.08);color:var(--accent);font-weight:600}.nav-sub-item>span,.nav-tag-item>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tag-hash{color:#94a3b8;font-weight:600;font-size:14px;flex-shrink:0}.nav-tag-item.active .nav-tag-hash{color:var(--accent)}.nav-item-count{font-size:10.5px;color:#94a3b8;font-weight:500;margin-left:auto;min-width:16px;text-align:right}.nav-item.active .nav-item-count,.nav-sub-item.active .nav-item-count,.nav-tag-item.active .nav-item-count{color:var(--accent)}.nav-item-count-inline{font-size:10px;font-weight:500;color:#94a3b8;margin-left:4px;opacity:.85}.nav-item.active .nav-item-count-inline,.nav-item:hover .nav-item-count-inline{color:var(--accent);opacity:1}.nav-empty{font-size:11.5px;color:#94a3b8;padding:10px 14px 10px 32px;margin:0;line-height:1.5}.nav-empty strong{font-weight:600;color:#64748b}.nav-item{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;min-height:36px;border-radius:5px;transition:all .15s ease;cursor:pointer;position:relative;background:none;border:none;box-shadow:none}.nav-item:hover{background:rgba(148,163,184,.08)}.nav-item.active{background:rgba(37,99,235,.08)}.nav-expand-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:3px;transition:all .15s ease;flex-shrink:0;width:16px;height:16px}.nav-expand-btn:hover{background:rgba(148,163,184,.15);color:#64748b}.nav-item-icon-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nav-item-label{background:none;border:none;color:#64748b;font-size:12.5px;cursor:pointer;text-align:left;padding:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.nav-item.active .nav-item-label,.nav-item:hover .nav-item-label{flex:0 0 auto;max-width:calc(100% - 64px)}.nav-item:hover .nav-item-label{color:#334155}.nav-item.active .nav-item-label{color:var(--accent);font-weight:600}.nav-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-item-actions button{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:3px;transition:all .15s ease}.nav-item-actions button:hover{background:rgba(148,163,184,.15);color:#334155}.nav-item-actions button.danger:hover{background:rgba(239,68,68,.1);color:#ef4444}.nb-inline-actions{display:none;align-items:center;gap:2px;flex-shrink:0;margin-left:auto;padding-right:2px}.nav-item.active .nb-inline-actions,.nav-item:hover .nb-inline-actions{display:flex}.nb-inline-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:#94a3b8;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.nb-inline-btn:hover{background:rgba(99,102,241,.1);color:#6366f1}.nb-inline-btn--danger:hover{background:rgba(239,68,68,.08);color:#ef4444}.nb-kebab-wrap{position:relative;display:none;align-items:center;flex-shrink:0}.nb-kebab-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:none;border:none;color:#94a3b8;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease}.nb-kebab-btn:hover{background:rgba(148,163,184,.15);color:#475569}.nb-kebab-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:200;background:#ffffff;border:1px solid rgba(148,163,184,.2);border-radius:10px;box-shadow:0 8px 24px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08);padding:4px;min-width:160px;animation:fadeIn .12s ease}.nb-kebab-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;background:none;border:none;border-radius:7px;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:background .1s ease;text-align:left}.nb-kebab-item:hover{background:rgba(148,163,184,.1)}.nb-kebab-item--danger{color:#ef4444}.nb-kebab-item--danger:hover{background:rgba(239,68,68,.08)}.nav-tree-action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:3px;transition:all .15s ease;flex-shrink:0}.nav-tree-action-btn:hover{background:rgba(148,163,184,.15);color:#334155}.nav-tree-action-danger:hover{background:rgba(239,68,68,.1);color:#ef4444}.nav-inline-input-row{display:flex;align-items:center;gap:4px;padding:4px 8px}.nav-inline-input{flex:1;border:1px solid rgba(37,99,235,.3);border-radius:5px;padding:4px 8px;font-size:12.5px;color:#334155;background:#ffffff;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.nav-inline-cancel,.nav-inline-confirm{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;padding:3px 6px;border-radius:4px;transition:all .15s ease}.nav-inline-confirm{color:#10b981}.nav-inline-confirm:hover:not(:disabled){background:rgba(16,185,129,.1);color:#059669}.nav-inline-confirm:disabled{opacity:.4;cursor:not-allowed}.nav-inline-cancel{color:#94a3b8}.nav-inline-cancel:hover{background:rgba(148,163,184,.1);color:#64748b}.nav-color-picker-wrapper{position:relative;width:32px;height:28px;flex-shrink:0}.nav-color-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.nav-color-preview{width:24px;height:24px;border-radius:6px;border:2px solid #ffffff;box-shadow:0 0 0 1px rgba(148,163,184,.2),0 2px 4px rgba(15,23,42,.1);cursor:pointer;transition:all .15s ease;pointer-events:none}.nav-color-picker:hover+.nav-color-preview{transform:scale(1.1);box-shadow:0 0 0 1px rgba(148,163,184,.3),0 4px 8px rgba(15,23,42,.15)}.notebook-picker{position:absolute;top:calc(100% + 4px);right:0;background:#ffffff;border:1px solid rgba(148,163,184,.15);border-radius:10px;box-shadow:0 12px 32px -4px rgba(15,23,42,.12),0 4px 12px -2px rgba(15,23,42,.08);min-width:200px;max-width:280px;z-index:100;overflow:hidden;animation:pickerSlideIn .15s cubic-bezier(.16,1,.3,1)}@keyframes pickerSlideIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notebook-picker-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;padding:10px 12px 6px;border-bottom:1px solid rgba(148,163,184,.1)}.notebook-picker-option{background:none;border:none;display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;text-align:left;color:#64748b;font-size:13px;cursor:pointer;transition:all .15s ease}.notebook-picker-option:hover{background:rgba(148,163,184,.08);color:#334155}.notebook-picker-option.selected{background:rgba(37,99,235,.06);color:var(--accent);font-weight:600}.notebook-picker-option>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-check{font-size:12px;color:var(--accent);font-weight:600}.sidebar-notes-section{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:12px}.sidebar-notes-header{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid rgba(148,163,184,.1);margin-bottom:8px}.section-header-icon{color:#94a3b8}.section-header-label{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.3px;flex:1}.section-header-count{font-size:10.5px;font-weight:600;color:#cbd5e1}.note-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.note-list::-webkit-scrollbar{width:5px}.note-list::-webkit-scrollbar-track{background:transparent}.note-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:999px}.note-card{border-radius:10px;padding:14px 14px 14px 16px;border:1px solid var(--border);cursor:pointer;background:var(--surface);display:flex;align-items:flex-start;gap:10px;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:all .2s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow;position:relative;z-index:1}.note-card:focus-within,.note-card:has(.notebook-picker),.note-card:hover{z-index:100}.note-card:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .2s ease}.note-card:hover{border-color:var(--border);background:var(--surface-alt);box-shadow:0 2px 8px rgba(15,23,42,.06);transform:translateY(-1px)}@keyframes noteDeleteOut{0%{opacity:1;transform:translateX(0);max-height:200px;margin-bottom:4px;padding-top:14px;padding-bottom:14px}60%{opacity:0;transform:translateX(-60px);max-height:200px;margin-bottom:4px;padding-top:14px;padding-bottom:14px}to{opacity:0;transform:translateX(-60px);max-height:0;margin-bottom:-4px;padding-top:0;padding-bottom:0}}.note-card.deleting{animation:noteDeleteOut .6s cubic-bezier(.4,0,.6,1) forwards;overflow:hidden}.note-card.active{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.18);box-shadow:0 2px 12px rgba(37,99,235,.1);transform:none}.note-card.active:before{background:var(--accent);width:4px;top:6px;bottom:6px}.note-card-icon{flex-shrink:0;opacity:.4;margin-top:2px;transition:opacity .2s}.note-card.active .note-card-icon,.note-card:hover .note-card-icon{opacity:1;color:var(--accent)}.note-card-content{overflow:hidden;flex:1;min-width:0}.note-card h3{margin:0 0 2px;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color,#1e293b);transition:color .2s}.note-card:hover h3{color:var(--text-color,#0f172a)}.note-card.active h3{color:var(--accent-hover)}.note-card-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.note-card-date{font-size:11px;color:var(--text-secondary)}.note-card-preview{line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card p,.note-card-preview{margin:0;font-size:12px;color:var(--text-secondary)}.note-sync-icon{flex-shrink:0;margin-left:auto;color:#cbd5e1;display:flex;align-items:center;transition:color var(--transition);cursor:pointer;padding:4px;border-radius:4px;border:none;background:none;font:inherit}.note-sync-icon:not(.synced):hover{color:#3b82f6;background:rgba(59,130,246,.08)}.note-sync-icon.synced{color:#3b82f6;cursor:default}.note-delete-icon{flex-shrink:0;color:#cbd5e1;display:flex;align-items:center;cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition),background var(--transition);border:none;background:none;font:inherit}.note-delete-icon:hover{color:#ef4444;background:rgba(239,68,68,.08)}.note-move-icon{flex-shrink:0;color:#cbd5e1;display:flex;align-items:center;cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition),background var(--transition);border:none;background:none;font:inherit;margin-right:2px}.note-move-icon:hover{color:#6366f1;background:rgba(99,102,241,.08)}.note-card-actions{display:flex;align-items:center;gap:2px;margin-right:4px}.note-action-btn{flex-shrink:0;background:none;border:none;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .15s ease;font:inherit}.note-action-btn:hover{background:rgba(99,102,241,.12);color:#6366f1}.note-card-notebook-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;color:white;opacity:.9;margin-left:6px}.editor-panel{flex:1;background:var(--surface);min-height:0;position:relative}.editor-header,.editor-panel{display:flex;flex-direction:column}.editor-header{padding:10px 10px 4px;gap:8px;flex-shrink:0}.note-title{width:100%;font-size:28px;font-weight:800;border:none;outline:none;font-family:inherit;letter-spacing:-.8px;background:transparent;color:var(--text-color,#0f172a);line-height:1.2}.note-title::-moz-placeholder{color:#cbd5e1}.note-title::placeholder{color:#cbd5e1}.note-editor-meta{display:flex;align-items:center;gap:10px;padding:0 4px 4px;flex-wrap:wrap}.note-editor-meta-item{font-size:11.5px;color:var(--text-secondary);font-weight:500}.note-editor-meta-notebook{background:rgba(99,102,241,.08);color:#4f46e5;padding:1px 8px;border-radius:4px;font-size:10.5px;font-weight:600}.note-editor-meta-tag{font-size:11px;color:#6366f1;font-weight:500}.note-editor-sync-icon.mobile-only-sync{display:none}.note-editor-sync-icon{display:inline-flex;align-items:center;flex-shrink:0;border:none;background:none;padding:0;cursor:pointer}.note-editor-sync-icon--typing{color:#6366f1;animation:metaSyncSpin .8s linear infinite}.note-editor-sync-icon--synced{color:#22c55e}.note-editor-sync-icon--unsynced{color:#94a3b8}@keyframes metaSyncSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.editor-toolbar{padding:6px 10px;margin:0 10px 6px;border:1px solid var(--border);border-radius:8px;background:transparent;flex-shrink:0;flex-wrap:wrap;box-shadow:none}.editor-toolbar,.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:20px;background:rgba(148,163,184,.22);margin:0 8px;flex-shrink:0}.editor-toolbar button{border:none;background:transparent;border-radius:6px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:#78849a;transition:all var(--transition);padding:0;flex-shrink:0}.editor-toolbar button:hover{background:rgba(99,102,241,.06);color:#475569}.editor-toolbar button:active{transform:scale(.92)}.editor-toolbar button.is-active{background:rgba(37,99,235,.12);color:#1d4ed8;box-shadow:0 1px 2px rgba(37,99,235,.1)}.editor-toolbar button svg{display:block}.copy-message{font-size:12px;color:var(--text-secondary);align-self:center;white-space:nowrap;margin-left:8px;animation:fadeIn .25s ease}.toolbar-link-popover{display:flex;align-items:center;gap:8px;padding:8px 14px;min-width:300px;background:#f8fafc;border:1px solid rgba(148,163,184,.25);border-radius:10px;box-shadow:0 4px 16px rgba(15,23,42,.12);animation:fadeIn .15s ease;z-index:9999}.toolbar-link-input{flex:1;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit;outline:none;background:#fff;color:#1e293b;transition:border-color .2s}.toolbar-link-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.toolbar-link-confirm{border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:background .2s}.toolbar-link-confirm:hover{background:var(--accent-hover)}.toolbar-link-cancel{border:none;background:none;font-size:14px;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.toolbar-link-cancel:hover{color:#475569}.toolbar-btn-text{font-size:14px!important;font-weight:700!important;width:auto!important;padding:0 6px!important;font-family:serif;letter-spacing:-.5px}.math-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.3);z-index:9998;animation:fadeIn .15s ease both;backdrop-filter:blur(2px)}.math-modal{position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 20px 60px rgba(15,23,42,.18),0 4px 16px rgba(15,23,42,.08);animation:fadeIn .18s ease both}.math-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.math-modal-title{font-size:14px;font-weight:700;color:var(--text-color);letter-spacing:-.2px}.math-modal-tabs{display:flex;gap:4px;background:var(--surface-alt);border-radius:8px;padding:3px}.math-tab{border:none;background:transparent;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-family:inherit;transition:all .15s ease}.math-tab.is-active{background:var(--surface);color:#6366f1;box-shadow:0 1px 3px rgba(0,0,0,.1)}.math-modal-input{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13.5px;font-family:SFMono-Regular,Consolas,Menlo,monospace;background:var(--surface-alt);color:var(--text-color);outline:none;resize:vertical;transition:border-color .15s;line-height:1.5}.math-modal-input:focus{border-color:#6366f1;background:var(--surface);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.math-modal-hint{font-size:11.5px;color:var(--text-secondary);margin-top:8px;margin-bottom:16px;opacity:.75}.math-modal-actions{display:flex;gap:8px}.math-modal-insert{flex:1;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.math-modal-insert:hover{background:#4f46e5}.math-modal-cancel{flex:1;padding:10px;background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s}.math-modal-cancel:hover{background:var(--border)}@media (max-width:768px){.math-modal{top:auto;left:0;right:0;bottom:0;transform:none;width:auto;border-radius:16px 16px 0 0;padding:20px 16px calc(env(safe-area-inset-bottom, 0px) + 20px);border:none;border-top:1px solid var(--border);animation:slideUp .2s ease both}}.tiptap-mathematics-render{display:inline;cursor:pointer;border-radius:4px;padding:1px 3px;transition:background .15s}.tiptap-mathematics-render:hover{background:rgba(99,102,241,.08)}.tiptap-mathematics-render[data-type=block-math],p>.tiptap-mathematics-render:only-child{display:block;text-align:center;margin:1em 0;padding:12px 8px;background:rgba(99,102,241,.04);border-left:3px solid rgba(99,102,241,.25);border-radius:0 8px 8px 0;overflow-x:auto}.tiptap-mathematics-editor{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;background:var(--surface-alt);border:1.5px solid #6366f1;border-radius:6px;padding:4px 8px;outline:none;color:var(--text-color);min-width:60px}[data-theme=dark] .math-modal{box-shadow:0 20px 60px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .tiptap-mathematics-render[data-type=block-math],[data-theme=dark] p>.tiptap-mathematics-render:only-child{background:rgba(99,102,241,.08);border-left-color:rgba(99,102,241,.4)}.block-add-btn,.block-menu{display:none}@media (max-width:768px){.block-add-btn{display:flex;align-items:center;justify-content:center;position:fixed;width:28px;height:28px;border:none;background:transparent;color:#94a3b8;border-radius:6px;cursor:pointer;z-index:300;padding:0;transition:background .12s ease,color .12s ease}.block-add-btn:active,.block-add-btn:hover{background:rgba(99,102,241,.08);color:#6366f1}.block-menu{display:block;position:fixed;z-index:9999;background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:12px;box-shadow:0 8px 32px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08);width:260px;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:8px 0;animation:fadeIn .1s ease both}.block-menu-group{padding:0 4px 4px}.block-menu-group+.block-menu-group{border-top:1px solid rgba(148,163,184,.12);padding-top:4px}.block-menu-group-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;padding:6px 12px 4px}.block-menu-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;padding:8px 10px!important;border:none!important;background:transparent!important;border-radius:8px!important;cursor:pointer!important;text-align:left!important;transition:background .1s ease!important;font:inherit!important}.block-menu-item:active,.block-menu-item:hover{background:#f1f5f9!important}.block-menu-badge{width:32px;height:32px;border-radius:8px;background:#f1f5f9;border:1px solid rgba(148,163,184,.2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0;font-family:inherit}.block-menu-label{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.block-menu-desc{font-size:11.5px;color:#94a3b8;margin-top:1px}.editor-container .ProseMirror{padding-bottom:max(40vh,calc(env(safe-area-inset-bottom, 0px) + 120px))!important}}.block-url-prompt{display:block;position:fixed;z-index:9999;background:var(--surface);box-shadow:0 8px 40px rgba(15,23,42,.18);top:50%;left:50%;transform:translate(-50%,-50%);width:380px;border-radius:14px;padding:24px;animation:fadeIn .15s ease both;border:1px solid var(--border)}@media (max-width:768px){.block-url-prompt{top:auto;left:0;right:0;bottom:0;transform:none;width:auto;border-radius:16px 16px 0 0;padding:20px 16px calc(env(safe-area-inset-bottom, 0px) + 20px);border:none;border-top:1px solid rgba(148,163,184,.2);animation:slideUp .2s ease both}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}.block-url-prompt-label{font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.block-url-prompt-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-color);outline:none;background:var(--surface-alt);box-sizing:border-box;transition:border-color .15s;font-family:inherit}.block-url-prompt-input:focus{border-color:#6366f1;background:var(--surface)}.block-url-prompt-actions{display:flex;gap:8px;margin-top:12px}.block-url-confirm{flex:1;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.block-url-confirm:hover{background:#4f46e5}.block-url-cancel{flex:1;padding:10px;background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s}.block-url-cancel:hover{background:var(--border)}.block-url-backdrop{inset:0;background:rgba(15,23,42,.25);z-index:9998}.block-url-backdrop,.emoji-picker{position:fixed;animation:fadeIn .15s ease both}.emoji-picker{display:flex;flex-direction:column;z-index:9999;background:#fff;box-shadow:0 8px 40px rgba(15,23,42,.18);top:50%;left:50%;transform:translate(-50%,-50%);width:340px;border-radius:14px;padding:16px;max-height:420px;border:1px solid rgba(148,163,184,.15)}@media (max-width:768px){.emoji-picker{top:auto;left:0;right:0;bottom:0;transform:none;width:auto;border-radius:16px 16px 0 0;padding:16px 12px calc(env(safe-area-inset-bottom, 0px) + 16px);border:none;border-top:1px solid rgba(148,163,184,.2);animation:slideUp .2s ease both;max-height:50vh}}.emoji-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.emoji-picker-title{font-size:14px;font-weight:700;color:#1e293b}.emoji-picker-close{width:28px;height:28px;border:none;background:#f1f5f9;border-radius:50%;font-size:12px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-picker-close:hover{background:#e2e8f0}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch}.emoji-btn{aspect-ratio:1;font-size:22px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s}.emoji-btn:active,.emoji-btn:hover{background:#f1f5f9}.editor-container .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden}.editor-container .ProseMirror td,.editor-container .ProseMirror th{border:1.5px solid var(--border);padding:8px 12px;vertical-align:top;position:relative;min-width:60px}.editor-container .ProseMirror th{background:var(--surface-alt);font-weight:600;color:var(--text-secondary);font-size:13px}.editor-container .ProseMirror .selectedCell:after{position:absolute;content:"";inset:0;background:rgba(99,102,241,.08);pointer-events:none}.table-picker{position:fixed;z-index:9999;background:var(--surface);border-radius:12px;box-shadow:0 8px 32px rgba(15,23,42,.16),0 0 0 1px var(--border);padding:12px;animation:fadeIn .12s ease both;-webkit-user-select:none;-moz-user-select:none;user-select:none}.table-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.table-picker-title{font-size:13px;font-weight:600;color:var(--text-color)}.table-picker-size{font-size:12px;color:#6366f1;font-weight:600;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.table-picker-grid{display:grid;grid-template-columns:repeat(8,24px);grid-template-rows:repeat(8,24px);gap:3px;touch-action:none}.table-picker-cell{width:24px;height:24px;border-radius:5px;border:1.5px solid var(--border);background:var(--surface-alt);cursor:pointer;transition:background .08s,border-color .08s;pointer-events:all}.table-picker-cell.highlighted{background:rgba(99,102,241,.15);border-color:#6366f1}.table-picker-footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.table-picker-check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer}.table-picker-check input[type=checkbox]{width:15px;height:15px;accent-color:#6366f1;cursor:pointer}.slash-menu{position:fixed;z-index:10001;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 40px rgba(15,23,42,.16);width:300px;animation:fadeIn .1s ease both;overflow:hidden;display:flex;flex-direction:column}.slash-menu-scroll{overflow-y:auto;max-height:360px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.slash-menu-group{padding:6px 0 2px}.slash-menu-group-header{padding:4px 14px 3px;font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#94a3b8}.slash-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:7px 12px;border:none;background:transparent;border-radius:0;cursor:pointer;text-align:left;transition:background .08s}.slash-menu-item.selected,.slash-menu-item:hover{background:#f0f4ff}.slash-menu-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700;flex-shrink:0;transition:background .08s,color .08s,border-color .08s}.slash-menu-badge.selected{background:#e0e7ff;border-color:#a5b4fc;color:#4f46e5}.slash-menu-text{display:flex;flex-direction:column;gap:1px;min-width:0}.slash-menu-label{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.slash-menu-item.selected .slash-menu-label{color:#4338ca}.slash-menu-desc{font-size:12px;color:#94a3b8;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slash-menu-footer{display:flex;gap:8px;padding:6px 12px 8px;border-top:1px solid #f1f5f9;font-size:11px;color:#cbd5e1;flex-shrink:0}@media (max-width:480px){.slash-menu{width:100vw!important;left:0!important;right:0;border-radius:18px 18px 0 0;border:none;border-top:1px solid rgba(148,163,184,.15);box-shadow:0 -4px 32px rgba(15,23,42,.14);padding-top:10px}.slash-menu:before{content:"";display:block;width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 6px}.slash-menu-scroll{max-height:42vh}}[data-theme=dark] .slash-menu{box-shadow:0 8px 40px rgba(0,0,0,.5)}[data-theme=dark] .slash-menu-group-header{color:#64748b}[data-theme=dark] .slash-menu-item.selected,[data-theme=dark] .slash-menu-item:hover{background:rgba(99,102,241,.1)}[data-theme=dark] .slash-menu-badge{background:#1e2130;border-color:rgba(148,163,184,.15);color:#94a3b8}[data-theme=dark] .slash-menu-badge.selected{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.4);color:#818cf8}[data-theme=dark] .slash-menu-label{color:#e2e8f0}[data-theme=dark] .slash-menu-item.selected .slash-menu-label{color:#a5b4fc}[data-theme=dark] .slash-menu-desc{color:#64748b}[data-theme=dark] .slash-menu-footer{border-top-color:rgba(148,163,184,.08);color:#475569}[data-theme=dark] .slash-menu:before{background:#334155}.wiki-picker{position:fixed;z-index:10000;background:var(--surface,#fff);border:1px solid var(--border,rgba(148,163,184,.2));border-radius:12px;box-shadow:0 8px 32px rgba(15,23,42,.14);width:300px;max-width:calc(100vw - 24px);animation:fadeIn .1s ease both;display:flex;flex-direction:column;overflow:hidden}.wiki-picker-search-row{display:flex;align-items:center;gap:8px;padding:8px 10px 6px;border-bottom:1px solid var(--border,#f1f5f9)}.wiki-picker-search-icon{width:14px;height:14px;flex-shrink:0;color:#94a3b8}.wiki-picker-search{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--text-color,#1e293b);font-family:inherit;padding:0;min-width:0}.wiki-picker-search::-moz-placeholder{color:#94a3b8}.wiki-picker-search::placeholder{color:#94a3b8}.wiki-picker-list{padding:4px;overflow-y:auto;max-height:280px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.wiki-picker-empty{padding:20px 12px;text-align:center;font-size:13px;color:#94a3b8}.wiki-picker-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;transition:background .1s}.wiki-picker-item.selected,.wiki-picker-item:hover{background:#f1f5f9}.wiki-picker-icon{width:15px;height:15px;flex-shrink:0;color:#94a3b8}.wiki-picker-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.wiki-picker-title{font-size:13.5px;color:var(--text-color,#1e293b);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.wiki-picker-item.selected .wiki-picker-title{color:#6366f1}.wiki-picker-notebook{font-size:11.5px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.wiki-picker-item.selected .wiki-picker-notebook{color:#a5b4fc}.wiki-picker-footer{display:flex;gap:10px;padding:5px 10px 8px;border-top:1px solid var(--border,#f1f5f9);font-size:11px;color:#94a3b8;flex-shrink:0}[data-theme=dark] .wiki-picker{background:var(--surface,#1a1d27);border-color:rgba(148,163,184,.12);box-shadow:0 8px 32px rgba(0,0,0,.45)}[data-theme=dark] .wiki-picker-search-row{border-bottom-color:rgba(148,163,184,.1)}[data-theme=dark] .wiki-picker-search{color:#e2e8f0}[data-theme=dark] .wiki-picker-item.selected,[data-theme=dark] .wiki-picker-item:hover{background:rgba(99,102,241,.1)}[data-theme=dark] .wiki-picker-title{color:#e2e8f0}[data-theme=dark] .wiki-picker-item.selected .wiki-picker-title{color:#a5b4fc}[data-theme=dark] .wiki-picker-footer{border-top-color:rgba(148,163,184,.08);color:#475569}.wiki-picker-group{margin-bottom:2px}.wiki-picker-group-header{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px 5px 6px;border:none;background:transparent;border-radius:7px;cursor:pointer;text-align:left;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wiki-picker-group-header:hover{background:rgba(99,102,241,.06)}.wiki-picker-chevron{width:13px;height:13px;flex-shrink:0;color:#94a3b8;transition:transform .15s ease;transform:rotate(0deg)}.wiki-picker-chevron.expanded{transform:rotate(90deg)}.wiki-picker-group-icon{width:14px;height:14px;flex-shrink:0;color:#6366f1}.wiki-picker-group-name{font-size:12px;font-weight:600;color:#475569;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.wiki-picker-group-count{font-size:11px;color:#94a3b8;background:#f1f5f9;border-radius:10px;padding:1px 6px;flex-shrink:0;font-variant-numeric:tabular-nums}.wiki-picker-group .wiki-picker-item{padding-left:28px}[data-theme=dark] .wiki-picker-group-header:hover{background:rgba(99,102,241,.08)}[data-theme=dark] .wiki-picker-group-name{color:#94a3b8}[data-theme=dark] .wiki-picker-group-count{color:#64748b;background:rgba(148,163,184,.1)}[data-theme=dark] .wiki-picker-group-icon{color:#818cf8}.wiki-link-wrapper{display:inline}.wiki-link{display:inline-flex;align-items:center;color:#6366f1;cursor:pointer;font-weight:500;border-radius:4px;padding:0 2px;text-decoration:underline;text-underline-offset:2px;transition:background .12s,color .12s}.wiki-link:hover{background:rgba(99,102,241,.1)}.note-embed-wrapper{display:block;margin:12px 0}.note-embed{border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.06);overflow:hidden}.note-embed-header{display:flex;align-items:center;gap:6px;padding:8px 14px 6px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.note-embed-header svg{flex-shrink:0;color:#94a3b8}.note-embed-note-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.note-embed-content{padding:12px 14px;font-size:14px;line-height:1.6;color:#334155;max-height:400px;overflow-y:auto}.note-embed-content *{pointer-events:none}.note-embed-content .note-embed{display:none}.note-embed-footer{padding:4px 14px 6px;border-top:1px solid #f8fafc;flex-shrink:0}.note-embed-date{font-size:12px;color:#94a3b8}.note-embed-link{display:block;width:100%;padding:6px 14px;border:none;border-top:1px solid #f1f5f9;background:transparent;text-align:left;font-size:13px;color:#6366f1;cursor:pointer;font-weight:500;transition:background .1s}.note-embed-link:hover{background:#f8fafc;text-decoration:underline}.note-embed--missing{padding:10px 14px;color:#f87171;font-size:13px;font-style:italic;background:#fff5f5;border:1px dashed #fca5a5;border-radius:8px}[data-theme=dark] .note-embed{background:#1a1d27;border-color:rgba(148,163,184,.12);box-shadow:0 1px 4px rgba(0,0,0,.3)}[data-theme=dark] .note-embed-header{background:#13151e;border-bottom-color:rgba(148,163,184,.08)}[data-theme=dark] .note-embed-header svg{color:#64748b}[data-theme=dark] .note-embed-note-name{color:#94a3b8}[data-theme=dark] .note-embed-content{color:#cbd5e1}[data-theme=dark] .note-embed-footer{border-top-color:rgba(148,163,184,.08)}[data-theme=dark] .note-embed-date{color:#64748b}[data-theme=dark] .note-embed-link{color:#818cf8;border-top-color:rgba(148,163,184,.08)}[data-theme=dark] .note-embed-link:hover{background:rgba(148,163,184,.06)}[data-theme=dark] .note-embed--missing{color:#f87171;background:rgba(239,68,68,.08);border-color:rgba(248,113,113,.3)}.editor-container{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:stretch;position:relative;scroll-padding-bottom:80px}@media (min-width:769px){.editor-container{padding-left:10px;padding-right:10px}}.bubble-menu{display:flex;align-items:center;gap:2px;padding:6px 8px;background:#f1f5f9;border:1px solid rgba(148,163,184,.18);border-radius:8px;box-shadow:0 4px 16px rgba(15,23,42,.1),0 1px 4px rgba(15,23,42,.06);animation:bubbleIn .1s ease both;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes bubbleIn{0%{opacity:0}to{opacity:1}}.bubble-btn{border:none;background:transparent;color:#78849a;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .1s ease,color .1s ease;flex-shrink:0}.bubble-btn--text{width:auto;padding:0 6px;font-size:11px;font-weight:700;letter-spacing:.3px;font-family:inherit}.bubble-btn:hover{background:rgba(99,102,241,.06);color:#475569}.bubble-btn.is-active{background:rgba(37,99,235,.12);color:#1d4ed8;box-shadow:0 1px 2px rgba(37,99,235,.1)}.bubble-btn.is-active:hover{background:rgba(37,99,235,.18);color:#1d4ed8}.bubble-divider{width:1px;height:18px;background:rgba(148,163,184,.22);margin:0 4px;flex-shrink:0}[data-theme=dark] .bubble-menu{background:#1e2130;border-color:rgba(148,163,184,.12);box-shadow:0 4px 16px rgba(0,0,0,.4),0 1px 4px rgba(0,0,0,.3)}[data-theme=dark] .bubble-btn{color:#94a3b8}[data-theme=dark] .bubble-btn:hover{background:rgba(99,102,241,.12);color:#e2e8f0}[data-theme=dark] .bubble-btn.is-active{background:rgba(99,102,241,.2);color:#818cf8;box-shadow:0 1px 2px rgba(99,102,241,.2)}[data-theme=dark] .bubble-btn.is-active:hover{background:rgba(99,102,241,.28);color:#a5b4fc}[data-theme=dark] .bubble-divider{background:rgba(148,163,184,.12)}[data-theme=dark] .callout-info{background:rgba(59,130,246,.08);border-color:#3b82f6}[data-theme=dark] .callout-info .callout-icon{background:rgba(59,130,246,.15);color:#60a5fa}[data-theme=dark] .callout-info .callout-body{color:#bfdbfe}[data-theme=dark] .callout-warning{background:rgba(245,158,11,.08);border-color:#f59e0b}[data-theme=dark] .callout-warning .callout-icon{background:rgba(245,158,11,.15);color:#fbbf24}[data-theme=dark] .callout-warning .callout-body{color:#fde68a}[data-theme=dark] .callout-tip{background:rgba(16,185,129,.08);border-color:#10b981}[data-theme=dark] .callout-tip .callout-icon{background:rgba(16,185,129,.15);color:#34d399}[data-theme=dark] .callout-tip .callout-body{color:#a7f3d0}[data-theme=dark] .callout-danger{background:rgba(239,68,68,.08);border-color:#ef4444}[data-theme=dark] .callout-danger .callout-icon{background:rgba(239,68,68,.15);color:#f87171}[data-theme=dark] .callout-danger .callout-body{color:#fecaca}.callout-toolbar-btn{display:flex!important;align-items:center;gap:5px;width:auto!important;padding:0 8px!important;border-radius:6px;white-space:nowrap;flex-shrink:0}.callout-dropdown{z-index:9999;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.1),0 1px 4px rgba(15,23,42,.06);min-width:220px;padding:6px;animation:fadeIn .12s ease}.callout-dropdown .callout-dropdown-item,.editor-toolbar .callout-dropdown .callout-dropdown-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:auto!important;min-height:44px;padding:8px 10px!important;border:none!important;background:transparent!important;border-radius:8px!important;cursor:pointer!important;text-align:left!important;transition:background .12s ease!important;font:inherit!important;box-shadow:none!important;color:inherit!important}.callout-dropdown .callout-dropdown-item:hover,.editor-toolbar .callout-dropdown .callout-dropdown-item:hover{background:#f1f5f9!important;transform:none!important;color:inherit!important}.callout-dropdown-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.callout-dropdown-item--info .callout-dropdown-icon{background:#eff6ff;color:#3b82f6}.callout-dropdown-item--warning .callout-dropdown-icon{background:#fffbeb;color:#f59e0b}.callout-dropdown-item--tip .callout-dropdown-icon{background:#ecfdf5;color:#10b981}.callout-dropdown-item--danger .callout-dropdown-icon{background:#fef2f2;color:#ef4444}.callout-dropdown-label{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.callout-dropdown-desc{font-size:11.5px;color:#94a3b8;margin-top:1px}.callout{display:flex;align-items:flex-start;gap:12px;margin:16px 0;padding:14px 16px;border-radius:10px;border-left:4px solid;position:relative}.callout-icon{flex-shrink:0;width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-top:1px}.callout-body{flex:1;min-width:0}.callout-body p{margin:0!important;font-size:15px;line-height:1.6}.callout-body p+p{margin-top:.5em!important}.callout-info{background:#eff6ff;border-color:#3b82f6}.callout-info .callout-icon{background:rgba(59,130,246,.12);color:#3b82f6}.callout-info .callout-body{color:#1e3a5f}.callout-warning{background:#fffbeb;border-color:#f59e0b}.callout-warning .callout-icon{background:rgba(245,158,11,.12);color:#d97706}.callout-warning .callout-body{color:#5c3d0f}.callout-tip{background:#ecfdf5;border-color:#10b981}.callout-tip .callout-icon{background:rgba(16,185,129,.12);color:#059669}.callout-tip .callout-body{color:#0f3d29}.callout-danger{background:#fef2f2;border-color:#ef4444}.callout-danger .callout-icon{background:rgba(239,68,68,.12);color:#ef4444}.callout-danger .callout-body{color:#5c1a1a}.editor-statusbar{position:sticky;bottom:12px;float:right;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.15);border-radius:999px;padding:3px 10px 3px 8px;box-shadow:0 1px 4px rgba(15,23,42,.06);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:-36px;margin-right:4px}.statusbar-label{font-size:11px;font-weight:500;color:#94a3b8;letter-spacing:.1px}.statusbar-sync-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:syncPulse 1.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes syncPulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.5);opacity:1}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);opacity:.8}}.editor-container>div{width:100%;margin:0 auto;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px rgba(15,23,42,.03),0 4px 12px rgba(15,23,42,.04);padding:10px}.editor-container .ProseMirror{outline:none;min-height:100%;width:100%;line-height:1.7;font-size:18px;color:var(--text-color,#1e293b);caret-color:var(--accent);font-weight:420;padding:4px 2rem 40vh;box-sizing:border-box;background:transparent}.editor-container .ProseMirror p{width:100%;display:block;margin:0 0 1em}.editor-container .ProseMirror h1{margin:1.4em 0 .5em;font-size:32px;font-weight:800;letter-spacing:-.6px;color:var(--text-color,#0f172a)}.editor-container .ProseMirror h2{margin:1.3em 0 .4em;font-size:24px;font-weight:700;letter-spacing:-.4px;color:var(--text-color,#1e293b)}.editor-container .ProseMirror h3{margin:1.2em 0 .4em;font-size:20px;font-weight:700;color:var(--text-color,#1e293b)}.editor-container .ProseMirror strong{color:var(--text-color,#0f172a);font-weight:700}.editor-container .ProseMirror blockquote{border-left:3px solid #2563eb;margin:1em 0;padding:.4em 1em;color:#475569;background:rgba(37,99,235,.03);border-radius:0 8px 8px 0}.editor-container .ProseMirror hr{border:none;border-top:2px solid #e2e8f0;margin:2em 0}.editor-container .ProseMirror ol,.editor-container .ProseMirror ul{padding-left:1.4em;margin:0 0 1em}.editor-container .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0;margin:0 0 1em}.editor-container .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.editor-container .ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;display:flex;align-items:center;margin-top:3px;cursor:pointer}.editor-container .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #94a3b8;border-radius:4px;cursor:pointer;transition:all .15s ease;position:relative;background:#fff}.editor-container .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.editor-container .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.editor-container .ProseMirror ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.editor-container .ProseMirror ul[data-type=taskList] li>div{flex:1;min-width:0}.editor-container .ProseMirror ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;opacity:.5}.editor-container .ProseMirror ul[data-type=taskList] ul[data-type=taskList]{margin-top:4px;margin-left:24px}.code-block-wrapper{position:relative;margin:12px 0 16px}.code-block-wrapper pre{background:#f6f8fa;color:#24292e;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:13.5px;line-height:1.65;padding:16px 48px 16px 24px;border-radius:8px;overflow-x:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;border:1px solid #e5e7eb;border-left:3px solid #6366f1;margin:0}.code-block-wrapper pre code{background:none;color:inherit;font-size:inherit;padding:0;border-radius:0;border:none}.code-copy-btn{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#6e7781;cursor:pointer;transition:all .15s ease;padding:0}.code-copy-btn:hover{background:rgba(0,0,0,.08);color:#24292e;border-color:rgba(0,0,0,.2)}.code-copy-btn.copied{color:#1a7f37;background:rgba(26,127,55,.1);border-color:rgba(26,127,55,.25)}.code-block-wrapper .hljs-keyword,.code-block-wrapper .hljs-operator,.code-block-wrapper .hljs-selector-tag{color:#cf222e;font-weight:500}.code-block-wrapper .hljs-addition,.code-block-wrapper .hljs-string,.code-block-wrapper .hljs-template-string,.code-block-wrapper .hljs-template-tag{color:#0a3069}.code-block-wrapper .hljs-attr,.code-block-wrapper .hljs-function,.code-block-wrapper .hljs-selector-id,.code-block-wrapper .hljs-title{color:#6639ba}.code-block-wrapper .hljs-literal,.code-block-wrapper .hljs-number,.code-block-wrapper .hljs-params,.code-block-wrapper .hljs-variable{color:#0550ae}.code-block-wrapper .hljs-comment,.code-block-wrapper .hljs-quote{color:#6e7781;font-style:italic}.code-block-wrapper .hljs-built_in,.code-block-wrapper .hljs-type{color:#953800}.code-block-wrapper .hljs-name,.code-block-wrapper .hljs-tag{color:#116329}.code-block-wrapper .hljs-link,.code-block-wrapper .hljs-regexp{color:#0a3069}.code-block-wrapper .hljs-deletion{color:#82071e;background:#ffebe9}.code-block-wrapper .hljs-emphasis{font-style:italic}.code-block-wrapper .hljs-strong{font-weight:700}.editor-container .ProseMirror :not(pre)>code{background:rgba(59,130,246,.08);color:#1d4ed8;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;padding:2px 6px;border-radius:5px;border:1px solid rgba(59,130,246,.12)}.editor-container .ProseMirror .hashtag-highlight{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(79,70,229,.08));color:#4f46e5;font-weight:600;padding:2px 8px 2px 4px;border-radius:6px;border:1px solid rgba(99,102,241,.2);box-shadow:0 1px 3px rgba(99,102,241,.08);transition:all .15s ease;cursor:pointer}.editor-container .ProseMirror .hashtag-highlight:hover{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(79,70,229,.12));border-color:rgba(99,102,241,.35);box-shadow:0 2px 6px rgba(99,102,241,.15);transform:translateY(-1px)}.editor-container .ProseMirror img{max-width:100%;height:auto;border-radius:10px;margin:12px 0;border:1px solid rgba(148,163,184,.2);box-shadow:0 2px 8px rgba(0,0,0,.06);transition:box-shadow .2s ease;cursor:default}.editor-container .ProseMirror img:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.editor-container .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px}.editor-container .ProseMirror div[data-youtube-video]{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin:12px 0;background:#000}.editor-container .ProseMirror div[data-youtube-video] iframe{width:100%!important;height:100%!important;border:none;display:block}.editor-container .ProseMirror iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:none;border-radius:10px;margin:12px 0;display:block}.copy-easy{display:inline-flex;align-items:center;gap:5px;border:1px dashed rgba(37,99,235,.4);border-radius:8px;padding:2px 6px;margin-right:6px;font-style:italic;background:rgba(59,130,246,.06);color:var(--accent-hover);max-width:100%}.copy-easy-text{display:inline}.copy-easy-icon{width:16px;height:16px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4ed8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='3'/%3E%3Crect x='2' y='2' width='13' height='13' rx='3'/%3E%3C/svg%3E") no-repeat 50%/contain;opacity:.7;cursor:pointer;margin-left:2px;transition:opacity var(--transition)}.copy-easy-icon:hover{opacity:1}.secret-mask{position:relative;display:inline;border-radius:4px;transition:all .25s ease}.secret-mask.secret-mask--revealed{background:none;border:none;color:inherit;padding:0}.secret-mask.secret-mask--revealed:before{content:none}.secret-mask.secret-mask--hidden{color:transparent!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(234,88,12,.04));padding:3px 10px;border-radius:6px;cursor:default;letter-spacing:2px;min-width:60px;display:inline-flex;align-items:center;gap:4px;vertical-align:baseline;border:1px solid rgba(245,158,11,.18);transition:all .3s cubic-bezier(.4,0,.2,1)}.secret-mask.secret-mask--hidden:after{content:"\2022\2022\2022\2022\2022\2022\2022\2022";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:rgba(234,88,12,.5);font-size:14px;letter-spacing:3px;font-weight:600;pointer-events:none;animation:secretShimmer 2s ease-in-out infinite}@keyframes secretShimmer{0%,to{opacity:.7}50%{opacity:1}}.secret-mask.secret-mask--hidden:before{content:"\1F512";position:relative;font-size:11px;z-index:1;margin-right:4px;opacity:.8;filter:grayscale(.3)}@media (hover:hover) and (pointer:fine){.secret-mask.secret-mask--hidden:hover{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(234,88,12,.08));border-color:rgba(245,158,11,.3)}.secret-mask.secret-mask--hidden:hover:after{content:attr(data-secret-content);color:var(--text-color,#1e293b);font-size:inherit;letter-spacing:normal;font-weight:500;animation:secretReveal .3s ease forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}@keyframes secretReveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}.secret-actions{display:none}.secret-mask.secret-mask--hidden:hover .secret-actions{display:inline-flex;position:relative;z-index:2}}.secret-mask.secret-mask--editing{background:rgba(245,158,11,.08);border:1.5px dashed rgba(245,158,11,.5);color:inherit!important;padding:2px 4px;border-radius:4px;animation:editPulse 1.5s ease-in-out infinite}.secret-mask.secret-mask--editing:before{content:"✏️";font-size:10px;margin-right:2px;opacity:.6;vertical-align:middle}@keyframes editPulse{0%,to{border-color:rgba(245,158,11,.5)}50%{border-color:rgba(245,158,11,.2)}}.secret-mask.secret-mask--peeking{color:var(--text-color,#1e293b)!important;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(234,88,12,.08))!important;border-color:rgba(34,197,94,.5)!important;box-shadow:0 0 0 2px rgba(34,197,94,.15)!important}.secret-mask.secret-mask--peeking:after{display:none!important}.secret-mask.secret-mask--peeking:before{content:"🔓"!important;font-size:11px;animation:peekBounce .4s ease}@keyframes peekBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.secret-actions{gap:3px;margin-left:4px;vertical-align:middle}.secret-action-btn,.secret-actions{display:inline-flex;align-items:center}.secret-action-btn{justify-content:center;width:24px;height:24px;border:none;border-radius:5px;cursor:pointer;padding:0;transition:all .15s ease;color:#94a3b8;background:rgba(148,163,184,.12);flex-shrink:0}.secret-action-btn:hover{color:#e2e8f0;background:rgba(148,163,184,.25);transform:scale(1.1)}.secret-action-btn:active{transform:scale(.95)}.secret-action-copy:hover{color:#22c55e;background:rgba(34,197,94,.15)}.secret-action-unlock:hover{color:#f59e0b;background:rgba(245,158,11,.15)}@media (hover:hover) and (pointer:fine){.secret-action-unlock{display:none}}.privacy-toggle-btn{position:relative;transition:all .2s ease}.privacy-toggle-btn.is-active{color:#f59e0b!important;background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.2)!important}.privacy-toggle-btn.is-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:14px;height:2px;background:#f59e0b;border-radius:2px}.copy-toast{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg,var(--accent),#4f46e5);color:#ffffff;padding:10px 18px;border-radius:999px;font-weight:600;font-size:13px;box-shadow:0 10px 28px rgba(37,99,235,.32);z-index:30;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.note-card.deleting{animation:slideOut .3s ease forwards;pointer-events:none}@keyframes slideOut{0%{opacity:1;transform:translateX(0);max-height:60px}60%{opacity:0;transform:translateX(-40px);max-height:60px}to{opacity:0;transform:translateX(-40px);max-height:0;padding:0 12px;margin:0;overflow:hidden}}.delete-toast{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#ffffff;padding:10px 18px;font-size:13px;box-shadow:0 10px 28px rgba(239,68,68,.32);z-index:30;display:flex;align-items:center;gap:8px;animation:toastIn .3s ease}.delete-toast,.status-pill{border-radius:999px;font-weight:600}.status-pill{font-size:12px;color:var(--accent);background:rgba(37,99,235,.1);padding:5px 12px}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal,.modal-overlay{display:flex;padding:24px}.modal{background:var(--surface);border-radius:var(--radius-lg);width:min(680px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.modal-header h2{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.3px}.modal-header p{margin:0;color:var(--text-secondary);font-size:14px}.icon-button{border:none;background:rgba(148,163,184,.15);width:34px;height:34px;border-radius:50%;cursor:pointer;font-weight:600;display:grid;place-items:center;transition:all var(--transition);flex-shrink:0}.icon-button:hover{background:rgba(148,163,184,.3)}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.confirm-modal{width:min(420px,100%);text-align:center;padding:32px 24px 24px;gap:20px}.confirm-modal h2{margin:0;font-size:20px;font-weight:700;color:var(--text-color)}.confirm-modal p{margin:0 0 12px;color:var(--text-secondary);font-size:15px;line-height:1.5}.confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);border:none}.btn-cancel{background:rgba(148,163,184,.15);color:var(--text-color)}.btn-cancel:hover{background:rgba(148,163,184,.25)}.btn-delete{background:#ef4444;color:white;box-shadow:0 4px 12px rgba(239,68,68,.2)}.btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px rgba(239,68,68,.3)}.btn-delete:active{transform:translateY(0)}.provider-card{border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface-alt);cursor:pointer;transition:all var(--transition)}.provider-card:not(:disabled):hover{border-color:rgba(37,99,235,.4);box-shadow:0 6px 16px rgba(37,99,235,.1);transform:translateY(-1px)}.provider-card:disabled{cursor:not-allowed;opacity:.6}.provider-card.active{border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.08)}.provider-card h3{margin:0 0 3px;font-size:15px;font-weight:600}.provider-card p{margin:0;color:var(--text-secondary);font-size:13px}.provider-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(37,99,235,.1);color:var(--accent-hover);font-weight:700;font-size:18px;flex-shrink:0}.provider-icon.onedrive{background:rgba(56,189,248,.12);color:#0284c7}.provider-pill{font-size:11px;font-weight:600;color:var(--violet);background:rgba(124,58,237,.1);padding:4px 10px;border-radius:999px;margin-left:auto;white-space:nowrap}.sync-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:var(--surface-alt);border:1px solid var(--border)}.sync-status h4{margin:0 0 3px;font-size:14px}.sync-status p{margin:0;color:var(--text-secondary);font-size:13px}.toggle-switch{position:relative;width:44px;height:24px;border-radius:999px;background:rgba(148,163,184,.3);border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .25s ease}.toggle-switch.active{background:#10b981}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .25s ease}.toggle-switch.active .toggle-knob{transform:translateX(20px)}.modal-footer{display:flex;justify-content:flex-end}.modal-footer .ghost{border:1px solid var(--border);background:transparent;border-radius:10px;padding:8px 18px;cursor:pointer;font-weight:600;font-size:13px;transition:all var(--transition)}.modal-footer .ghost:hover{background:var(--surface-alt)}.status-group{display:flex;align-items:center;gap:12px}.copy-fab{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:10px;border:none;background:rgba(37,99,235,.08);color:var(--accent-hover);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);transition:all var(--transition)}.copy-fab:hover{background:rgba(37,99,235,.15)}@media (max-width:960px){.app-shell{padding:14px;gap:12px}.note-layout{grid-template-columns:1fr;flex:unset}.header{flex-direction:column;align-items:flex-start}.editor-container{min-height:55vh}.editor-toolbar{flex-wrap:nowrap;overflow-x:auto}}@media (max-width:640px){.header h1{font-size:20px}.note-title{font-size:18px}.modal{padding:18px}.brand-logo{height:48px}}.dropdown-wrapper{position:relative}.dropdown-backdrop{position:fixed;inset:0;z-index:90}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;padding:6px;z-index:9999;animation:modalIn .15s ease}@media (max-width:640px){.dropdown-menu{position:fixed;bottom:0;left:0;right:0;top:auto;min-width:unset;max-width:100%;border-radius:20px 20px 0 0;padding:8px 6px 24px;z-index:99999;box-shadow:0 -8px 32px rgba(15,23,42,.18)}.dropdown-backdrop{z-index:99998}}.dropdown-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:8px 12px 4px}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}@media (max-width:640px){.dropdown-menu:before{content:"";display:block;width:40px;height:4px;background:rgba(148,163,184,.4);border-radius:2px;margin:0 auto 12px}.dropdown-menu button{padding:14px 16px;font-size:15px;border-radius:12px}.dropdown-section{padding:4px 16px 6px;font-size:11px}}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);text-align:left}.dropdown-menu button:hover{background:rgba(37,99,235,.08);color:var(--accent)}.dropdown-menu button:disabled{opacity:.4;cursor:not-allowed}.dropdown-menu button:disabled:hover{background:transparent;color:var(--text-primary)}.dropdown-menu button svg{flex-shrink:0;opacity:.6}.hidden-input{display:none}.help-btn{width:28px!important;height:28px!important;border-radius:50%!important;color:var(--text-secondary)!important;opacity:.6;transition:all var(--transition)}.help-btn:hover{opacity:1;color:var(--accent)!important;background:rgba(37,99,235,.08)!important}.tut-modal{background:var(--surface);border-radius:16px;width:min(860px,95vw);max-height:90vh;box-shadow:0 24px 80px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:modalIn .3s ease;overflow:hidden}.tut-header{justify-content:space-between;padding:20px 24px 12px}.tut-header,.tut-header-left{display:flex;align-items:center}.tut-header-left{gap:12px}.tut-logo{font-size:28px;line-height:1}.tut-header h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.3px}.tut-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.tut-steps-bar{padding:10px 24px 6px;display:flex;flex-direction:column;gap:8px}.tut-steps-dots{display:flex;align-items:center;gap:5px}.tut-step-dot{flex:1;height:4px;border-radius:99px;border:none;padding:0;cursor:pointer;background:var(--border);transition:background .25s ease,transform .15s ease,box-shadow .25s ease;position:relative;min-width:0}.tut-step-dot:hover{background:rgba(99,102,241,.35);transform:scaleY(1.5)}.tut-step-dot.active,.tut-step-dot.done{background:linear-gradient(90deg,var(--accent),#6366f1)}.tut-step-dot.active{height:6px;box-shadow:0 0 8px rgba(99,102,241,.45);transform:scaleY(1);animation:dotPulse 1.8s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 6px rgba(99,102,241,.35)}50%{box-shadow:0 0 14px rgba(99,102,241,.6)}}.tut-steps-label{display:flex;justify-content:space-between;align-items:center}.tut-steps-current{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:-.1px}.tut-steps-count{font-size:11px;color:var(--text-secondary);font-weight:500}.tut-body{display:flex;flex:1;min-height:0;overflow:hidden}.tut-nav{width:220px;flex-shrink:0;border-right:1px solid var(--border);padding:12px 8px;overflow-y:auto;background:var(--surface-alt)}.tut-nav-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);padding:10px 10px 4px;margin-top:4px}.tut-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13px;color:#64748b;text-align:left;transition:all .15s ease}.tut-nav-item:hover{background:rgba(59,130,246,.06);color:var(--text-color)}.tut-nav-item.active{background:rgba(59,130,246,.1);color:var(--accent);font-weight:600}.tut-nav-item.done{color:#94a3b8}.tut-nav-icon{font-size:15px;flex-shrink:0}.tut-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tut-nav-check{font-size:12px;color:#4ade80;font-weight:700}.tut-content{flex:1;padding:24px 28px;overflow-y:auto;animation:tutFadeIn .25s ease}@keyframes tutFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tut-step-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:rgba(37,99,235,.08);padding:3px 10px;border-radius:99px;margin-bottom:10px}.tut-step-title{font-size:20px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:8px;letter-spacing:-.3px}.tut-step-icon{font-size:22px}.tut-step-desc{margin:0 0 20px;color:var(--text-secondary);font-size:14px;line-height:1.5}.tut-step-visual{border:1px solid var(--border);border-radius:12px;padding:20px}.tut-footer,.tut-step-visual{background:var(--surface-alt)}.tut-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--border)}.tut-footer-counter{font-size:13px;color:var(--text-secondary);font-weight:500}.tut-footer-actions{display:flex;gap:10px}.tut-footer-actions button{border:none;border-radius:8px;padding:8px 18px;font-weight:600;font-size:13px;background:var(--accent);color:#fff;cursor:pointer;transition:all .15s ease}.tut-footer-actions button:hover{background:var(--accent-hover);transform:translateY(-1px)}.tut-footer-actions button.ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.tut-footer-actions button.ghost:hover{background:var(--surface);color:var(--text-color)}.tut-footer-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.tut-done-btn{background:linear-gradient(135deg,var(--accent),#6366f1)!important;box-shadow:0 2px 12px rgba(99,102,241,.3)}.tut-hint{font-size:12px;color:#a78bfa;background:rgba(124,58,237,.08);padding:8px 12px;border-radius:8px;border-left:3px solid #7c3aed;margin-top:12px}.tut-hint kbd{background:rgba(124,58,237,.12);padding:1px 6px;border-radius:4px;font-family:inherit;font-size:11px;font-weight:600}.tut-visual-notes{display:flex;flex-direction:column;gap:12px}.tut-sidebar-mock{border:1px solid var(--border);border-radius:10px;padding:10px;flex-direction:column}.tut-search-mock,.tut-sidebar-mock{background:var(--surface-alt);display:flex;gap:6px}.tut-search-mock{align-items:center;padding:8px 10px;border-radius:8px;font-size:12px;color:#94a3b8}.tut-search-icon{font-size:13px}.tut-new-btn-mock{padding:8px;text-align:center;background:var(--accent);color:#fff;border-radius:8px;font-size:12px;font-weight:600}.tut-note-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:12px;transition:background .15s}.tut-note-item.active{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2)}.tut-note-icon{font-size:16px}.tut-note-name{font-weight:600;color:var(--text-color,#1e293b)}.tut-note-date{font-size:11px;color:#94a3b8}.tut-keys{font-size:12px;color:#64748b;text-align:center}.tut-keys kbd{background:rgba(59,130,246,.08);padding:2px 6px;border-radius:4px;font-family:inherit;font-size:11px;border:1px solid rgba(59,130,246,.15)}.tut-visual-formatting{display:flex;flex-direction:column;gap:14px}.tut-toolbar-mock{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;width:-moz-fit-content;width:fit-content}.tut-tb{width:28px;height:28px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#94a3b8;border-radius:6px}.tut-tb.active{background:rgba(59,130,246,.1);color:var(--accent)}.tut-tb-divider{width:1px;height:16px;background:var(--border);margin:0 4px}.tut-demo-text{font-size:14px;line-height:1.6;color:var(--text-color,#334155)}.tut-demo-text p{margin:0 0 6px}.tut-inline-code{background:rgba(59,130,246,.08);color:#1d4ed8;padding:1px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;border:1px solid rgba(59,130,246,.12)}.tut-visual-lists{display:flex;flex-direction:column;gap:8px}.tut-list-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tut-list-col{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px}.tut-list-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:8px}.tut-mock-ol,.tut-mock-ul{padding-left:18px;margin:0;font-size:13px;color:var(--text-color,#334155);line-height:1.8}.tut-mock-tasks{display:flex;flex-direction:column;gap:4px}.tut-mock-tasks label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-color,#334155);cursor:default}.tut-mock-tasks input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.tut-mock-tasks .done{text-decoration:line-through;opacity:.5}.tut-visual-code{display:flex;flex-direction:column;gap:10px}.tut-code-block-mock{position:relative;background:#1e293b;border-radius:10px;padding:16px 48px 16px 20px;overflow:hidden}.tut-code-block-mock pre{margin:0;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap}.tut-code-block-mock code{color:inherit;background:none;font-size:inherit;padding:0;border:none}.tut-code-copy-mock{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;background:rgba(148,163,184,.15);border:1px solid rgba(148,163,184,.2);border-radius:6px;font-size:12px}.tut-visual-smartpaste{display:flex;flex-direction:column;gap:10px}.tut-paste-examples{display:flex;flex-direction:column;gap:8px}.tut-paste-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:10px}.tut-paste-label{display:flex;align-items:center;gap:8px;flex:1;font-size:13px;color:#334155}.tut-paste-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.tut-paste-badge.json{background:#fef3c7;color:#92400e}.tut-paste-badge.code{background:#e0e7ff;color:#3730a3}.tut-paste-badge.link{background:#d1fae5;color:#065f46}.tut-paste-arrow{color:var(--accent);font-weight:700}.tut-paste-result{font-size:12px;color:#64748b;flex:1}.tut-visual-linkpreview{display:flex;flex-direction:column;gap:12px}.tut-link-card-mock{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.tut-link-img-mock{width:120px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);flex-shrink:0}.tut-link-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.tut-link-site{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8}.tut-link-favicon{font-size:12px}.tut-link-title{font-size:14px;font-weight:600;color:#1e293b}.tut-link-desc{font-size:12px;color:#64748b;line-height:1.4}.tut-visual-images{display:flex;flex-direction:column}.tut-image-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tut-method-card{text-align:center;padding:16px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;transition:all .15s ease}.tut-method-card:hover{border-color:var(--accent);box-shadow:0 2px 12px rgba(59,130,246,.08)}.tut-method-icon{font-size:24px;margin-bottom:6px}.tut-method-title{font-size:13px;font-weight:600;color:#1e293b}.tut-method-desc{font-size:11px;color:#94a3b8;margin-top:2px}.tut-visual-copyeasy{display:flex;flex-direction:column;gap:14px}.tut-ce-steps{justify-content:center}.tut-ce-step,.tut-ce-steps{display:flex;align-items:center;gap:8px}.tut-ce-step{padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:13px;color:#334155}.tut-ce-num{width:22px;height:22px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;font-weight:700;flex-shrink:0}.tut-ce-arrow{color:var(--accent);font-weight:700;font-size:16px}.tut-ce-icon{display:inline-flex;background:rgba(59,130,246,.1);padding:1px 4px;border-radius:4px;font-size:12px}.tut-ce-demo{text-align:center;font-size:14px;color:#475569;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px}.tut-ce-marked{display:inline-flex;align-items:center;gap:4px;border:1px dashed rgba(37,99,235,.4);border-radius:6px;padding:2px 8px;background:rgba(59,130,246,.05);color:var(--accent-hover);font-weight:600;font-style:italic}.tut-ce-copy-icon{font-size:12px;cursor:pointer}.tut-visual-sync{display:flex;flex-direction:column;gap:14px}.tut-sync-flow{display:flex;align-items:center;justify-content:center;gap:12px}.tut-sync-cloud,.tut-sync-device{text-align:center;padding:12px 16px;border-radius:10px;font-size:12px;font-weight:600;color:#334155}.tut-sync-device{background:#fff;border:1px solid var(--border)}.tut-sync-cloud{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);color:var(--accent)}.tut-cloud-icon,.tut-device-icon{font-size:24px;margin-bottom:4px;display:block}.tut-sync-arrows{display:flex;flex-direction:column;color:var(--accent);font-weight:700;font-size:14px;line-height:1;gap:2px}.tut-sync-features{display:flex;justify-content:center;gap:16px;font-size:12px;color:#64748b}.tut-visual-export{display:flex;flex-direction:column}.tut-export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tut-export-card{text-align:center;padding:14px 10px;background:#fff;border:1px solid var(--border);border-radius:10px;transition:all .15s ease}.tut-export-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px rgba(59,130,246,.08)}.tut-export-card.import{background:rgba(59,130,246,.04);border-color:rgba(59,130,246,.2)}.tut-export-icon{font-size:22px;margin-bottom:4px}.tut-export-format{font-size:13px;font-weight:700;color:#1e293b}.tut-export-info{font-size:11px;color:#94a3b8;margin-top:2px}.link-preview-card{display:flex;border:1px solid rgba(148,163,184,.25);border-radius:12px;overflow:hidden;margin:12px 0;text-decoration:none;color:inherit;transition:all .2s ease;background:#fff;max-width:600px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.04)}.link-preview-card:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(59,130,246,.1);transform:translateY(-1px)}.link-preview-image{width:160px;min-height:100px;flex-shrink:0;overflow:hidden;background:#f1f5f9}.link-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:none;border-radius:0;margin:0;box-shadow:none}.link-preview-content{padding:14px 16px;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.link-preview-site{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.link-preview-favicon{width:16px;height:16px;border-radius:2px;border:none!important;box-shadow:none!important;margin:0!important}.link-preview-title{font-size:15px;font-weight:600;color:#1e293b;line-height:1.3}.link-preview-desc,.link-preview-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-desc{font-size:13px;color:#64748b;line-height:1.4}.link-preview-loading{padding:16px;display:flex;flex-direction:column;gap:10px;width:100%}.link-preview-shimmer{height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.link-preview-shimmer.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.note-layout{flex-direction:column}.sidebar{width:100%;height:35vh;min-height:200px;border-right:none;border-bottom:1px solid var(--border);padding:12px}.header{height:auto;padding:16px;flex-wrap:wrap;gap:12px}.note-meta,.title-row{width:100%;justify-content:space-between}.editor-toolbar{padding:8px 16px;gap:6px;overflow-x:auto;flex-wrap:nowrap}.note-title{font-size:28px}}.user-chip-wrapper{position:relative}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.05);cursor:pointer;font-size:13px;font-weight:500;color:#1e293b;max-width:160px;transition:border-color .15s,box-shadow .15s}[data-theme=dark] .user-chip{background:var(--surface-alt);border-color:rgba(148,163,184,.15);color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.3)}.user-chip:hover{border-color:rgba(148,163,184,.4);box-shadow:0 2px 8px rgba(15,23,42,.08)}[data-theme=dark] .user-chip:hover{border-color:rgba(148,163,184,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.user-chip-avatar{-o-object-fit:cover;object-fit:cover}.user-chip-avatar,.user-chip-initial{width:28px;height:28px;border-radius:50%;flex-shrink:0}.user-chip-initial{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center}.user-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.user-chip-pro{font-size:10px;font-weight:700;letter-spacing:.4px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:2px 6px;border-radius:999px;flex-shrink:0}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.06);z-index:300;overflow:hidden;animation:tipSlideIn .2s cubic-bezier(.16,1,.3,1)}@media (max-width:640px){.user-menu{position:fixed;top:64px;left:8px;right:8px;min-width:auto;max-width:none;width:calc(100vw - 16px);border-radius:14px}}.user-menu-email{font-size:12px;color:var(--text-secondary);padding:12px 14px 6px;font-weight:500;word-break:break-all}.user-menu-pro-badge{font-size:11px;font-weight:700;color:#2563eb;background:rgba(37,99,235,.07);margin:2px 10px 6px;padding:3px 10px;border-radius:999px;display:inline-block}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}.user-menu-signout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:13px;font-weight:600;color:#ef4444;cursor:pointer;transition:background .15s;text-align:left}.user-menu-signout:hover{background:rgba(239,68,68,.06)}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s;text-align:left}.user-menu-item:hover{background:rgba(148,163,184,.08);color:var(--text-color)}.user-menu-submenu{background:rgba(148,163,184,.05);border-left:2px solid rgba(148,163,184,.15);margin:0 8px 4px 14px;border-radius:0 6px 6px 0;padding:4px 0}.user-menu-submenu-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);opacity:.6;padding:4px 12px 2px}.user-menu-sub-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:none;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .15s;text-align:left}.user-menu-sub-item:hover{background:rgba(148,163,184,.1);color:var(--text-color)}.user-menu-sub-item--locked{opacity:.5;cursor:default}.header-menu-wrapper{position:relative}.header-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.header-menu-trigger:hover{background:rgba(148,163,184,.1);color:var(--text-color,#334155);border-color:rgba(148,163,184,.3)}.header-menu-trigger:active{transform:scale(.95)}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:transparent;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .15s ease}.header-action-btn:hover{background:rgba(148,163,184,.1);color:var(--text-color,#334155);border-color:rgba(148,163,184,.3)}.header-action-btn:active{transform:scale(.95)}[data-theme=dark] .header-action-btn{color:#94a3b8;border-color:rgba(148,163,184,.15)}[data-theme=dark] .header-action-btn:hover{background:rgba(148,163,184,.1);color:#e2e8f0}@media (max-width:640px){.header-action-btn{width:34px;height:34px;border-radius:10px;border:none;background:rgba(99,102,241,.08);color:#4f46e5}.header-action-btn:hover{background:rgba(99,102,241,.14);border:none}.header-action-btn:active{background:rgba(99,102,241,.16);transform:scale(.93)}}.header-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#ffffff;border:1px solid rgba(148,163,184,.18);border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.1),0 2px 8px rgba(15,23,42,.06);z-index:300;overflow:hidden;padding:4px 0;animation:tipSlideIn .2s cubic-bezier(.16,1,.3,1)}.header-dropdown-link,.header-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:none;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;text-align:left;text-decoration:none}.header-dropdown-link:hover,.header-dropdown-menu button:hover{background:rgba(148,163,184,.08)}.header-dropdown-link--muted{font-size:12px}.header-dropdown-link--muted:hover{color:#334155}.header-dropdown-divider{height:1px;background:rgba(148,163,184,.15);margin:4px 0}.paywall-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}.paywall-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:0 4px 16px rgba(15,23,42,.08),0 24px 56px rgba(15,23,42,.14);position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.paywall-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:16px;color:#94a3b8;cursor:pointer;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;transition:all .2s}.paywall-close:hover{color:var(--text-secondary);background:var(--surface-alt)}.paywall-icon{font-size:48px;margin-bottom:12px}.paywall-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border:3px solid #e2e8f0}.paywall-avatar-fallback{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px}.paywall-title{font-size:22px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 12px;letter-spacing:-.4px}.paywall-desc{font-size:14px;line-height:1.6;color:var(--text-secondary,#475569);margin:0 0 24px}.paywall-price-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:20px 24px;margin:0 0 24px;text-align:center}.paywall-price-label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.paywall-price{font-size:32px;font-weight:800;color:var(--text-color,#0f172a);letter-spacing:-.6px;margin-bottom:12px}.paywall-price span{font-size:14px;font-weight:500;color:#64748b}.paywall-price-original{font-size:18px;font-weight:500;color:#94a3b8;text-decoration:line-through;text-decoration-color:#f87171;margin-right:2px}.paywall-price-sub{font-size:11.5px;color:#2563eb;font-weight:500;margin:4px 0 14px;letter-spacing:.1px}.paywall-early-bird{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:14px 20px;margin:0 0 20px}.paywall-early-bird-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#2563eb;background:#dbeafe;padding:3px 10px;border-radius:999px}.paywall-early-bird-price{font-size:26px;font-weight:800;color:var(--text-color,#0f172a);letter-spacing:-.5px}.paywall-early-bird-original{font-size:16px;font-weight:500;color:#94a3b8;text-decoration:line-through;text-decoration-color:#f87171;margin-right:4px}.paywall-early-bird-sub{font-size:12px;color:var(--text-secondary,#475569);font-weight:500}.paywall-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-color,#334155);font-weight:500}.paywall-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.paywall-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px rgba(37,99,235,.35);transition:all .2s cubic-bezier(.16,1,.3,1)}.paywall-btn-primary:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px rgba(37,99,235,.45)}.paywall-btn-primary:active{transform:translateY(0) scale(.98)}.paywall-footnote{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.legal-shell{min-height:100vh;background:#F1F3F5;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif}.legal-header{background:#fff;border-bottom:1px solid rgba(148,163,184,.15);padding:16px 32px;display:flex;align-items:center}.legal-logo:hover{opacity:.8}.legal-main{flex:1;display:flex;justify-content:center;padding:48px 24px}.legal-card{background:#fff;border-radius:16px;border:1px solid rgba(148,163,184,.14);box-shadow:0 1px 3px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.05);padding:48px 56px;width:100%;max-width:720px}.legal-title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 36px;letter-spacing:-.5px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.legal-sections{display:flex;flex-direction:column;gap:28px}.legal-section-title{font-size:15px;font-weight:700;color:#1e293b;margin:0 0 6px}.legal-section-num{color:var(--accent);font-weight:800}.legal-section-body{font-size:14px;line-height:1.75;color:#475569;margin:0}.legal-footer{padding:20px 32px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#94a3b8;border-top:1px solid rgba(148,163,184,.12);background:#fff}.legal-footer a{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s}.legal-footer a:hover{color:var(--accent)}@media (max-width:640px){.legal-card{padding:32px 24px}.legal-title{font-size:22px}}.storage-info{flex-shrink:0;margin:0 -4px;padding:10px 12px;background:linear-gradient(135deg,#fffbeb,#fefce8);border:1px solid rgba(245,158,11,.2);border-radius:10px;display:flex;flex-direction:column;gap:5px}.storage-info-header{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#92400e;letter-spacing:.1px}.storage-info-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:none;background:none;color:#b45309;cursor:pointer;flex-shrink:0;opacity:.7;transition:opacity .15s,background .15s}.storage-info-close:hover{opacity:1;background:rgba(180,83,9,.1)}.storage-info-body{font-size:11px;line-height:1.55;color:#78350f;margin:0}.storage-info-body strong{font-weight:700;color:#92400e}.storage-info-cta{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:11px;font-weight:600;color:#2563eb;background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.18);border-radius:6px;padding:3px 8px;cursor:pointer;transition:all .15s ease;margin-top:2px}.storage-info-cta:hover{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.3);transform:translateX(1px)}.tagged-notes-view{flex:1;display:flex;flex-direction:column;background:#ffffff;overflow:hidden;animation:fadeIn .2s ease-in-out}.tagged-notes-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(148,163,184,.12);background:#fafbfc}.tagged-notes-title{font-size:15px;font-weight:500;color:#334155;display:flex;align-items:center;gap:4px}.tagged-notes-hash{font-size:16px;color:#3b82f6;font-weight:600}.tagged-notes-title strong{color:#3b82f6}.tagged-notes-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .15s ease}.tagged-notes-close:hover{background:rgba(148,163,184,.12);color:#64748b}.tagged-notes-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.tagged-notes-list::-webkit-scrollbar{width:6px}.tagged-notes-list::-webkit-scrollbar-track{background:transparent}.tagged-notes-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:10px}.tagged-notes-list::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.tagged-notes-empty{text-align:center;padding:48px 24px;color:#94a3b8;font-size:14px}.note-list-column{display:flex;flex-direction:column;background:var(--surface-alt);border-right:1px solid var(--border);overflow:hidden;min-height:0;transition:background .3s ease}.note-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.note-list-title{font-size:14px;font-weight:700;color:var(--text-color,#1e293b);margin:0}.note-list-count{font-size:11px;font-weight:600;color:#94a3b8;background:rgba(148,163,184,.1);padding:2px 8px;border-radius:10px}.note-list-controls{display:flex;align-items:center;gap:8px}.note-list-sort-label{font-size:10.5px;font-weight:600;color:#78849a;letter-spacing:.2px}.note-list-scroll{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.note-list-scroll::-webkit-scrollbar{width:5px}.note-list-scroll::-webkit-scrollbar-track{background:transparent}.note-list-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:10px}.note-list-scroll::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}.note-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#cbd5e1;gap:12px;padding:48px 24px}.note-list-empty p{margin:0;font-size:13px;color:#94a3b8}.compact-note-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);z-index:1;overflow:visible;animation:fadeInSlideUp .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.compact-note-card:focus-within,.compact-note-card:has(.notebook-picker),.compact-note-card:hover{z-index:100}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compact-note-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s ease}.compact-note-card:hover{border-color:var(--border);background:var(--surface-alt);box-shadow:0 2px 6px rgba(15,23,42,.06);transform:translateY(-1px)}.compact-note-card.deleting{animation:noteDeleteOut .6s cubic-bezier(.4,0,.6,1) forwards;overflow:hidden}.compact-note-card:active{transform:scale(.98);transition:transform .1s ease}.compact-note-card.active{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.22);box-shadow:0 2px 12px rgba(37,99,235,.16)}.compact-note-card.active:before{background:#2563eb;width:4px;top:0;bottom:0;border-radius:0 4px 4px 0}.compact-note-card.deleting{opacity:.5;pointer-events:none}.compact-note-main{display:flex;align-items:flex-start;gap:8px;padding:10px 12px 8px}.compact-note-icon{flex-shrink:0;opacity:.4;margin-top:1px;color:#64748b;transition:opacity .2s}.compact-note-card.active .compact-note-icon,.compact-note-card:hover .compact-note-icon{opacity:1;color:#3b82f6}.compact-note-content{flex:1;min-width:0}.compact-note-title{margin:0 0 3px;font-size:12.5px;font-weight:600;color:var(--text-color,#1e293b);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;padding-right:28px}.compact-note-card:hover .compact-note-title{color:var(--text-color,#0f172a)}.compact-note-card.active .compact-note-title{color:#1d4ed8;font-weight:700}.compact-note-preview{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.compact-note-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:2px}.compact-note-date{font-size:10.5px;color:#64748b}.compact-note-badge{font-size:9px;font-weight:600;color:#ffffff;padding:2px 6px;border-radius:4px;white-space:nowrap}.compact-note-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:0 8px 8px;opacity:0;transition:opacity .15s ease}.compact-note-card.active .compact-note-actions,.compact-note-card:hover .compact-note-actions{opacity:1}.compact-action-btn{background:rgba(148,163,184,.08);border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:4px;transition:all .15s ease}.compact-action-btn:hover{background:rgba(148,163,184,.15);color:#475569}.compact-action-btn.synced{color:#3b82f6}.compact-note-card.pinned{border-color:rgba(245,158,11,.22);background:linear-gradient(135deg,rgba(255,251,235,.9),rgba(255,247,220,.6));box-shadow:0 1px 3px rgba(245,158,11,.08),inset 0 0 0 1px rgba(245,158,11,.06)}.compact-note-card.pinned:before{background:linear-gradient(180deg,#fbbf24,#f59e0b 50%,#d97706);width:4px;border-radius:0 3px 3px 0}.compact-note-card.pinned:hover{border-color:rgba(245,158,11,.35);background:linear-gradient(135deg,rgba(255,251,235,1),rgba(254,243,199,.85));box-shadow:0 4px 12px rgba(245,158,11,.15),0 1px 4px rgba(245,158,11,.1);transform:translateY(-1px)}.compact-note-card.pinned.active{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.22);box-shadow:0 2px 12px rgba(37,99,235,.12)}.note-pin-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,rgba(251,191,36,.3),rgba(245,158,11,.18));border:1px solid rgba(245,158,11,.35);color:#d97706;z-index:10;pointer-events:none;box-shadow:0 1px 4px rgba(245,158,11,.2)}.compact-note-card.pinned .compact-note-main{padding-left:34px}.compact-action-pin.active{color:#d97706;background:rgba(245,158,11,.12)}.compact-action-pin:hover{color:#d97706!important;background:rgba(245,158,11,.12)!important}.note-list-section-label{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.note-list-section-label--pinned{margin:4px 8px 6px;padding:8px 12px;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.05));border:1px solid rgba(245,158,11,.22);border-radius:10px;color:#b45309;font-size:11px;letter-spacing:.06em;box-shadow:0 0 16px rgba(245,158,11,.08)}.pinned-label-icon{font-size:13px;line-height:1}.pinned-label-count{margin-left:auto;background:rgba(245,158,11,.15);color:#b45309;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;border:1px solid rgba(245,158,11,.22)}.note-list-section-label--other{margin-top:4px;opacity:.65}[data-theme=dark] .compact-note-card.pinned{background:var(--surface);border-color:rgba(251,191,36,.22);box-shadow:0 1px 4px rgba(0,0,0,.35),inset 0 0 0 1px rgba(251,191,36,.06)}[data-theme=dark] .compact-note-card.pinned:before{background:linear-gradient(180deg,#fbbf24,#f59e0b 60%,#d97706);opacity:.85}[data-theme=dark] .compact-note-card.pinned:hover{background:var(--surface-alt);border-color:rgba(251,191,36,.35);box-shadow:0 4px 16px rgba(245,158,11,.1),0 1px 4px rgba(0,0,0,.5);transform:translateY(-1px)}[data-theme=dark] .note-list-section-label--pinned{background:rgba(245,158,11,.07);border-color:rgba(251,191,36,.18);color:#fbbf24;box-shadow:none}[data-theme=dark] .pinned-label-count{background:rgba(251,191,36,.1);color:#fbbf24;border-color:rgba(251,191,36,.18)}[data-theme=dark] .note-pin-badge{background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.22);color:#fbbf24;box-shadow:none}.compact-note-card{position:relative}.note-sync-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:none;cursor:pointer;transition:all .18s ease,color .2s ease;background:transparent;color:#94a3b8;padding:0;z-index:10;opacity:0}.compact-note-card.active .note-sync-badge,.compact-note-card:hover .note-sync-badge,.note-sync-badge.synced,.note-sync-badge.typing-unsynced{opacity:1}.note-sync-badge:hover{background:rgba(148,163,184,.15);color:#64748b}.note-sync-badge.synced{background:transparent;color:#2563eb}.note-sync-badge.synced:hover{background:rgba(37,99,235,.1);color:#1d4ed8}@keyframes sync-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.note-sync-badge.typing-unsynced{color:#1d4ed8;background:transparent;animation:sync-spin 1.4s linear infinite}.note-sync-badge.typing-unsynced:hover{background:transparent}.note-sync-badge.expired-trial-unsynced{opacity:1;color:#d97706}.note-sync-badge.expired-trial-unsynced:hover{background:rgba(217,119,6,.1);color:#b45309}.sync-warn-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;width:220px;background:#1e293b;color:#f1f5f9;border-radius:10px;padding:9px 10px;font-size:11.5px;line-height:1.5;box-shadow:0 8px 24px rgba(15,23,42,.25),0 2px 8px rgba(15,23,42,.12);display:flex;align-items:flex-start;gap:6px;animation:tooltipSlideIn .2s cubic-bezier(.16,1,.3,1);z-index:200;pointer-events:auto}.sync-warn-tooltip:before{content:"";position:absolute;bottom:-5px;right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1e293b}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sync-warn-icon{flex-shrink:0;font-size:13px;margin-top:1px}.sync-warn-text{flex:1;color:#cbd5e1}.sync-warn-close{flex-shrink:0;background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;margin-top:-1px;transition:color .15s ease;align-self:flex-start}.sync-warn-close:hover{color:#94a3b8}.compact-action-btn.compact-action-danger:hover{background:rgba(239,68,68,.1);color:#ef4444}.card-action-icon.card-action-history:hover,.compact-action-btn.compact-action-history:hover{background:rgba(99,102,241,.1);color:#6366f1}.sidebar-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;padding:10px 8px 12px 6px;margin-top:auto;border-top:1px solid rgba(148,163,184,.18);flex-shrink:0}.sidebar-legal a{font-size:11px;font-weight:500;color:#78849a;text-decoration:none;transition:color .15s ease;padding:1px 4px;border-radius:4px;white-space:nowrap;line-height:1.8}.sidebar-legal a+a:before{content:"·";color:#dde1e7;font-size:10px;margin-right:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-legal a:hover{color:#475569;text-decoration:underline;text-decoration-color:rgba(71,85,105,.35);text-underline-offset:3px}.sidebar-install-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;margin-left:4px;margin-top:4px;border:1px solid rgba(99,102,241,.28);border-radius:20px;background:rgba(99,102,241,.06);color:#6366f1;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;vertical-align:middle;line-height:1.6}.sidebar-install-btn:hover{background:rgba(99,102,241,.13);border-color:rgba(99,102,241,.45);box-shadow:0 2px 6px rgba(99,102,241,.15)}.sidebar-install-btn:active{transform:scale(.97)}.conflict-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.conflict-modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 64px rgba(15,23,42,.18),0 4px 16px rgba(15,23,42,.1);width:100%;max-width:680px;max-height:90dvh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.conflict-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.conflict-header-icon{font-size:28px;flex-shrink:0;line-height:1;margin-top:2px}.conflict-title{font-size:18px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 4px;letter-spacing:-.3px}.conflict-subtitle{font-size:13px;color:var(--text-secondary,#64748b);margin:0;line-height:1.5}.conflict-list{padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px}.conflict-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-alt)}.conflict-note-title{padding:12px 16px;font-size:13px;font-weight:700;color:var(--text-color,#0f172a);background:var(--surface-alt);border-bottom:1px solid var(--border)}.conflict-versions{display:grid;grid-template-columns:1fr auto 1fr;gap:0}.conflict-version{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.conflict-version-local{border-right:1px solid rgba(148,163,184,.15)}.conflict-version-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.conflict-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}.conflict-badge-local{background:rgba(99,102,241,.1);color:#4f46e5}.conflict-badge-cloud{background:rgba(37,99,235,.1);color:#2563eb}.conflict-version-time{font-size:11px;color:#94a3b8}.conflict-preview{color:var(--text-secondary,#475569);line-height:1.55;flex:1;margin:0;background:var(--surface);border:1px solid var(--border);padding:8px 10px;min-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4}.conflict-btn,.conflict-preview{font-size:12px;border-radius:8px}.conflict-btn{width:100%;padding:8px 12px;border:none;font-weight:700;cursor:pointer;transition:all .15s ease;margin-top:auto}.conflict-btn-local{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;box-shadow:0 2px 6px rgba(99,102,241,.3)}.conflict-btn-local:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px rgba(99,102,241,.4);transform:translateY(-1px)}.conflict-btn-cloud{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff;box-shadow:0 2px 6px rgba(37,99,235,.3)}.conflict-btn-cloud:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.4);transform:translateY(-1px)}.conflict-vs{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--text-secondary);letter-spacing:.5px;padding:0 6px;background:var(--surface-alt)}.conflict-diff-section{border-bottom:1px solid rgba(148,163,184,.15)}.conflict-diff-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary,#475569);transition:background .15s ease}.conflict-diff-toggle:hover{background:rgba(148,163,184,.08)}.conflict-diff-toggle-icon{font-size:9px;color:#94a3b8;width:12px;text-align:center;flex-shrink:0}.conflict-diff-count{margin-left:auto;font-size:10px;font-weight:600;color:#94a3b8;padding:2px 8px;background:rgba(148,163,184,.08);border-radius:99px}.conflict-diff-body{padding:0 16px 14px;animation:fadeIn .2s ease}.conflict-diff-identical{font-size:12px;color:#94a3b8;font-style:italic;margin:0;padding:8px 0}.conflict-diff-content{display:flex;flex-direction:column;gap:8px}.conflict-diff-legend{display:flex;align-items:center;gap:16px;padding:0 0 4px}.conflict-diff-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#64748b}.conflict-diff-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conflict-diff-dot-removed{background:#fca5a5;border:1px solid #ef4444}.conflict-diff-dot-added{background:#86efac;border:1px solid #22c55e}.conflict-diff-text{font-size:12.5px;line-height:1.7;color:var(--text-color,#334155);background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;max-height:220px;overflow-y:auto;word-break:break-word;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.conflict-diff-text::-webkit-scrollbar{width:5px}.conflict-diff-text::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3);border-radius:10px}.conflict-diff-removed{background:rgba(239,68,68,.12);color:#b91c1c;text-decoration:line-through;text-decoration-color:rgba(185,28,28,.4);border-radius:3px;padding:1px 2px}.conflict-diff-added{background:rgba(34,197,94,.14);color:#15803d;border-radius:3px;padding:1px 2px;font-weight:600}.header-mobile-menu-btn,.header-mobile-new-btn,.mobile-back-btn,.mobile-menu-btn,.note-list-mobile-bar,.note-list-new-btn,.sidebar-mobile-backdrop,.sidebar-mobile-header,.sidebar-mobile-search-results{display:none}@media (max-width:640px){
  /* !important needed to override conflicting rules at @media 960px and 768px */.header{height:56px!important;min-height:56px;padding:0 12px!important;gap:8px!important;flex-wrap:nowrap!important;flex-direction:row!important;display:flex;align-items:center!important;overflow:visible!important;position:relative;z-index:100}.header-left{display:none!important}.header-right{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:6px}.sidebar-mobile-header .brand-lockup{display:flex;align-items:center;gap:8px}.sidebar-mobile-header .brand-icon{width:28px;height:28px}.sidebar-mobile-header .brand-name{display:inline!important;font-size:15px;font-weight:700}.brand-lockup{gap:0}.header-btn-label{display:none}.header-icon-group{gap:2px;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:3px;overflow:visible;position:relative}.header-icon-btn{width:36px;height:36px;padding:0;justify-content:center;border-radius:8px;background:transparent!important;border:none!important;box-shadow:none!important;color:#64748b!important;font-size:0}.header-icon-btn svg{flex-shrink:0;width:18px;height:18px}.header-icon-btn--sync{color:#2563eb!important}.header-icon-btn--guide{color:#7c3aed!important}.header-right .note-meta-updated,.header-right .pill{display:none}.header-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:rgba(99,102,241,.08);color:#4f46e5;border-radius:10px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s;order:-1}.header-mobile-menu-btn:active{background:rgba(99,102,241,.16);transform:scale(.93)}.header-mobile-new-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#ffffff;border-radius:10px;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px rgba(37,99,235,.25);transition:all .15s ease;margin-left:auto}.header-mobile-new-btn:active{background:linear-gradient(180deg,#2563eb,#1d4ed8);transform:scale(.95)}.note-list-mobile-bar{display:none!important}.user-chip-name{display:none}.user-chip{padding:3px 6px 3px 3px;gap:4px}.header-dropdown-menu,.user-menu{position:fixed!important;top:60px!important;min-width:220px;max-width:calc(100vw - 32px);z-index:9999!important;animation:mobileMenuFadeIn .18s ease-out}.header-dropdown-menu,.header-menu-wrapper .header-dropdown-menu,.user-menu{right:auto;left:50%;transform:translateX(-50%)}.user-chip-wrapper .user-menu{left:auto;right:16px;transform:none}

  /* !important overrides @media 960px: padding:14px, gap:12px */.app-shell{padding:0!important;gap:0!important}

  /* !important overrides @media 960px: grid-template-columns:1fr, flex:unset */.app-shell,.note-layout{overflow:visible!important}.note-layout{flex-direction:column!important;flex:1!important;min-height:0;grid-template-columns:1fr!important}.sidebar{background:var(--surface-alt);flex-direction:column;gap:8px;padding:0 12px 16px;border-bottom:none;overflow-x:hidden;overflow-y:auto}.sidebar-mobile-search-results{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-nav--search-active{display:none}.sidebar-mobile-search-empty{font-size:13px;color:#94a3b8;text-align:center;padding:24px 0;margin:0}.sidebar-mobile-search-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .12s ease;border:1px solid transparent}.sidebar-mobile-search-item:active,.sidebar-mobile-search-item:hover{background:rgba(99,102,241,.06);border-color:rgba(99,102,241,.12)}.sidebar-mobile-search-item.active{background:rgba(37,99,235,.08);border-color:rgba(37,99,235,.18)}.sidebar-mobile-search-icon{color:#94a3b8;margin-top:2px;flex-shrink:0}.sidebar-mobile-search-content{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-mobile-search-title{font-size:13.5px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-mobile-search-preview{font-size:12px;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.sidebar-mobile-search-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sidebar-mobile-search-date{font-size:11px;color:#94a3b8;flex-shrink:0}.sidebar-mobile-search-badge{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid transparent;white-space:nowrap}.sidebar-mobile-search-badge--uncategorized{background:rgba(148,163,184,.12);color:#94a3b8;border-color:rgba(148,163,184,.25)}.note-layout{overflow:visible}.note-layout,.note-layout.sidebar-collapsed{grid-template-columns:1fr}.note-layout.sidebar-collapsed .sidebar{width:82vw;max-width:300px;overflow-y:auto;padding:0 12px 16px;opacity:1;pointer-events:auto}
  /* !important overrides @media 768px: width:100%, height:35vh, min-height:200px */.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100dvh!important;width:82vw!important;max-width:300px!important;min-height:0!important;z-index:1000;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none;overflow-x:hidden!important;overflow-y:auto!important;border-right:1px solid rgba(148,163,184,.12)!important;border-bottom:none!important}.note-list-column{display:flex}.editor-panel{display:none}.sidebar-mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:900;opacity:0;pointer-events:none;transition:opacity .25s ease}.note-layout.mobile-screen-nav .sidebar{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.22)}.note-layout.mobile-screen-nav .sidebar-mobile-backdrop{opacity:1;pointer-events:auto}.note-layout.mobile-screen-list .sidebar{transform:translateX(-100%)}.note-layout.mobile-screen-list .note-list-column{display:flex}.note-layout.mobile-screen-list .editor-panel{display:none}.note-layout.mobile-screen-editor .sidebar{transform:translateX(-100%)}.note-layout.mobile-screen-editor .note-list-column{display:none}.note-layout.mobile-screen-editor .editor-panel{display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column}.note-list{flex:1;max-height:none}.note-list-column{width:100%;flex:1;flex-direction:column;padding:12px}.compact-note-card{padding:14px 12px;gap:10px;border-radius:12px}.compact-note-title{font-size:14px}.compact-note-preview{font-size:12.5px;-webkit-line-clamp:2;line-clamp:2}.compact-action-btn{width:36px;height:36px;justify-content:center;padding:0;border-radius:8px}.compact-note-actions{opacity:1!important}.nb-inline-actions{display:none!important}.nb-kebab-wrap{display:flex;opacity:1;pointer-events:auto;margin-left:auto}.nb-kebab-btn{width:32px;height:32px}.nb-kebab-menu{right:-4px}.sidebar-legal{padding:8px 12px 12px 4px}.storage-info{display:none}.sidebar-new-btn{height:44px;font-size:14px}.search-input{height:40px;font-size:14px}.note-list-mobile-bar{display:flex;align-items:center;position:relative;margin-bottom:6px;min-height:48px;padding:4px 0;gap:8px}.sidebar-toggle-btn{display:none!important}.note-list-header{padding-left:12px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:rgba(99,102,241,.08);color:#4f46e5;border-radius:10px;cursor:pointer;transition:background .15s,transform .1s;flex-shrink:0}.mobile-menu-btn svg{width:18px;height:18px}.mobile-menu-btn:active{background:rgba(99,102,241,.16);transform:scale(.93)}.note-list-new-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:none;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#ffffff;border-radius:10px;cursor:pointer;transition:all .15s ease;margin-left:auto;flex-shrink:0;box-shadow:0 2px 8px rgba(37,99,235,.25)}.note-list-new-btn:active,.note-list-new-btn:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px rgba(37,99,235,.35);transform:scale(1.05)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;flex-shrink:0}.sidebar-mobile-title{font-size:15px;font-weight:700;color:var(--text-color,#1e293b);letter-spacing:-.2px}.sidebar-mobile-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:rgba(148,163,184,.1);color:#64748b;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.sidebar-mobile-close-btn:active{background:rgba(148,163,184,.2);color:var(--text-color)}.editor-toolbar{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 8px;margin:0;gap:2px;border-radius:0;border-bottom:1px solid rgba(148,163,184,.15);width:100%;box-sizing:border-box;position:sticky;top:0;z-index:20;background:var(--surface);flex-shrink:0}.editor-toolbar::-webkit-scrollbar{display:none}.toolbar-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.toolbar-divider{flex-shrink:0;height:20px;margin:0 4px}.editor-toolbar button{width:40px;height:40px;border-radius:10px;flex-shrink:0}.editor-header{gap:8px;background:var(--surface)}.note-title{font-size:24px;letter-spacing:-.3px;line-height:1.25}.mobile-back-btn{display:inline-flex!important;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#4f46e5;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.12);border-radius:8px;cursor:pointer;transition:background .15s}.mobile-back-btn:active{background:rgba(99,102,241,.14)}.editor-panel{width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;background:#ffffff}.editor-container{overflow-x:hidden;overflow-y:visible;min-height:60vh}.note-editor-sync-icon.mobile-only-sync{display:inline-flex}.editor-container>div{border-radius:0;box-shadow:none;border:none}.editor-container .ProseMirror,.editor-container>div{max-width:100%;overflow-x:hidden;word-break:break-word;font-size:16px;line-height:1.65;padding-left:5px;padding-right:5px}.editor-container .ProseMirror pre{overflow-x:auto;max-width:100%}.editor-container .ProseMirror img{max-width:100%;height:auto}.paywall-modal{margin:16px;padding:24px 20px;width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.paywall-early-bird{padding:10px 14px}.legal-shell{padding:0}.modal-overlay{align-items:flex-end;padding:0}.tut-modal{width:100vw;max-width:100vw;max-height:93dvh;border-radius:20px 20px 0 0}.tut-header{padding:16px 16px 10px}.tut-header h2{font-size:15px}.tut-subtitle{font-size:11.5px}.tut-logo{font-size:22px}.tut-progress-bar{margin:0 16px}.tut-body{flex-direction:column;overflow-y:auto;flex:1;min-height:0}.tut-nav{display:none}.tut-content{padding:16px 16px 0;overflow-y:visible}.tut-step-title{font-size:17px;gap:6px}.tut-step-icon{font-size:18px}.tut-step-desc{font-size:13.5px;margin-bottom:14px}.tut-step-visual{padding:14px}.tut-footer{padding:10px 16px;flex-shrink:0}.tut-footer-counter{font-size:12px}.tut-footer-actions button{padding:8px 14px;font-size:12.5px}.tut-list-columns{flex-direction:column;gap:12px}.tut-list-col{width:100%}.tut-image-methods{flex-direction:column;gap:8px}.tut-method-card{flex-direction:row;align-items:center;text-align:left;gap:12px;padding:10px 14px}.tut-paste-examples{gap:8px}.tut-paste-row{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border-radius:8px;background:rgba(148,163,184,.06)}.tut-paste-arrow{display:none}.tut-paste-result{font-size:11.5px;color:#64748b;padding:3px 8px;background:rgba(37,99,235,.07);border-radius:6px}.tut-sync-flow{gap:8px;font-size:12px}.tut-cloud-icon,.tut-device-icon{font-size:22px}.tut-sync-features{flex-wrap:wrap;gap:6px;font-size:11px}.tut-export-grid{grid-template-columns:1fr 1fr;gap:8px}.tut-export-card{padding:10px 8px}.tut-export-icon{font-size:20px}.tut-ce-steps{flex-direction:column;align-items:flex-start;gap:6px}.tut-ce-arrow{display:none}.tut-ce-step{width:100%;gap:8px}.tut-link-card-mock{flex-direction:column}.tut-link-img-mock{width:100%;height:80px;border-radius:8px 8px 0 0}.tut-toolbar-mock{flex-wrap:wrap;gap:4px}.tut-hint{padding:6px 10px}.tut-hint,.tut-keys{font-size:11.5px}.tut-sidebar-mock{max-width:100%;padding:10px}.tut-code-block-mock{font-size:11.5px;padding:10px}}@media (max-width:400px){.header{padding:6px 10px}.brand-logo{height:32px}.note-card h3{font-size:13.5px}}.trial-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeIn .2s ease}.trial-modal{max-width:400px;border:1px solid var(--border);box-shadow:0 32px 80px rgba(15,23,42,.2),0 8px 24px rgba(15,23,42,.08)}.trial-modal,.trial-reminder-modal{position:relative;width:100%;background:var(--surface);border-radius:24px;padding:32px 28px 24px;text-align:center;animation:pwaModalIn .3s cubic-bezier(.16,1,.3,1)}.trial-reminder-modal{max-width:380px;box-shadow:0 32px 80px rgba(15,23,42,.2);border:1px solid var(--border);border-top:4px solid #f59e0b}.trial-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:rgba(148,163,184,.1);color:#94a3b8;border-radius:9px;cursor:pointer;transition:all .15s}.trial-close:hover{background:rgba(148,163,184,.2);color:#475569}.trial-icon-wrap{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 24px rgba(99,102,241,.35)}.trial-badge{display:inline-block;padding:4px 12px;border-radius:20px;background:rgba(99,102,241,.1);color:#6366f1;font-size:11.5px;font-weight:700;letter-spacing:.2px;margin-bottom:12px}.trial-title{font-size:20px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 8px;letter-spacing:-.3px}.trial-desc{font-size:13.5px;color:var(--text-secondary,#64748b);margin:0 0 20px;line-height:1.6}.trial-features{list-style:none;margin:0 0 18px;text-align:left;display:flex;flex-direction:column;gap:10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.trial-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-color,#334155);font-weight:500}.trial-feature-icon{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center}.trial-duration-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:20px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#059669;font-size:12px;font-weight:600;margin-bottom:20px}.trial-duration-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:syncPulse 2s cubic-bezier(.4,0,.6,1) infinite}.trial-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.trial-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border:none;border-radius:13px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(99,102,241,.35);transition:all .2s ease;letter-spacing:-.1px}.trial-btn-primary:hover{box-shadow:0 8px 24px rgba(99,102,241,.45);transform:translateY(-1px)}.trial-btn-primary:active{transform:scale(.98)}.trial-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.trial-btn-amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px rgba(245,158,11,.35)}.trial-btn-amber:hover{box-shadow:0 8px 24px rgba(245,158,11,.45)}.trial-btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 20px;border:1.5px solid rgba(99,102,241,.25);border-radius:13px;background:rgba(99,102,241,.04);color:#4f46e5;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .18s ease}.trial-btn-secondary:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.4)}.trial-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.trial-footnote{font-size:11.5px;color:var(--text-secondary);margin:0;line-height:1.5}.trial-reminder-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.25);color:#d97706;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.trial-reminder-countdown{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:10px}.trial-countdown-number{font-size:52px;font-weight:900;color:#f59e0b;line-height:1;letter-spacing:-2px}.trial-countdown-label{font-size:16px;font-weight:700;color:#92400e;letter-spacing:-.2px}.trial-reminder-title{font-size:18px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 8px;letter-spacing:-.3px}.trial-reminder-desc{font-size:13px;color:var(--text-secondary,#64748b);margin:0 0 20px;line-height:1.6}.trial-reminder-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--text-secondary,#64748b);cursor:pointer;margin-top:12px;margin-bottom:8px}.trial-reminder-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:#6366f1;cursor:pointer;flex-shrink:0}.paywall-expired-banner{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.08));border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:600;color:#92400e;margin-bottom:18px;text-align:center}.sync-trial-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#059669;font-size:12px;font-weight:600;margin:0 0 16px}.sync-expired-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);color:#92400e;font-size:12.5px;line-height:1.5;margin:0 0 16px}.sync-expired-banner__icon{flex-shrink:0;font-size:16px}.sync-expired-banner__text{flex:1}.sync-expired-banner__upgrade{flex-shrink:0;padding:5px 12px;border-radius:20px;border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.12);color:#b45309;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sync-expired-banner__upgrade:hover{background:rgba(245,158,11,.22);border-color:rgba(245,158,11,.55)}.modal-footer__upgrade-btn{flex:1;padding:9px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#ffffff;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px rgba(245,158,11,.35)}.modal-footer__upgrade-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 14px rgba(245,158,11,.45);transform:translateY(-1px)}.mnm-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:mnmFadeIn .15s ease}@keyframes mnmFadeIn{0%{opacity:0}to{opacity:1}}.mnm-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(15,23,42,.18),0 4px 16px rgba(15,23,42,.1);width:100%;max-width:460px;max-height:80dvh;display:flex;flex-direction:column;overflow:hidden;animation:mnmSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes mnmSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mnm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;flex-shrink:0}.mnm-title{font-size:15px;font-weight:700;color:var(--text-color,#0f172a);margin:0;letter-spacing:-.2px}.mnm-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:none;color:#94a3b8;cursor:pointer;transition:all .15s ease;flex-shrink:0}.mnm-close:hover{background:rgba(148,163,184,.12);color:var(--text-secondary)}.mnm-search-wrap{position:relative;margin:16px 16px 8px;flex-shrink:0}.mnm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.mnm-search{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt);font-size:13px;color:var(--text-color,#1e293b);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.mnm-search::-moz-placeholder{color:#94a3b8}.mnm-search::placeholder{color:#94a3b8}.mnm-search:focus{border-color:rgba(59,130,246,.4);box-shadow:0 0 0 3px rgba(59,130,246,.08);background:var(--surface)}.mnm-list{flex:1;overflow-y:auto;padding:4px 8px 12px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}.mnm-list::-webkit-scrollbar{width:5px}.mnm-list::-webkit-scrollbar-track{background:transparent}.mnm-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:10px}.mnm-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px 9px 16px;border:none;border-radius:8px;background:none;cursor:pointer;text-align:left;transition:background .12s ease;font-size:13.5px;color:var(--text-color,#334155);font-weight:500}.mnm-option:hover{background:rgba(148,163,184,.1);color:var(--text-color)}.mnm-option.selected{background:rgba(59,130,246,.07);color:#2563eb}.mnm-option.selected:hover{background:rgba(59,130,246,.12)}.mnm-color-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.mnm-inbox-icon{color:#94a3b8;flex-shrink:0}.mnm-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnm-check{margin-left:auto;color:#2563eb;flex-shrink:0}.note-action-btn--move{color:#64748b}.note-action-btn--move:hover{color:#3b82f6;background:rgba(59,130,246,.1)}.compact-action-move{color:#64748b}.compact-action-move:hover{color:#3b82f6;background:rgba(59,130,246,.1)!important}@media (max-width:480px){.mnm-modal{max-width:100%;border-radius:12px;max-height:85dvh}}.app-footer{position:fixed;inset:0;pointer-events:none;z-index:0}.app-footer>*{pointer-events:auto}@keyframes authModalIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes authOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes authSpinnerRotate{to{transform:rotate(1turn)}}.auth-modal-overlay{position:fixed;inset:0;background:rgba(10,15,35,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:authOverlayIn .2s ease}.auth-modal{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 40px 100px rgba(10,15,35,.22),0 8px 32px rgba(10,15,35,.1);padding:32px 28px 24px;animation:authModalIn .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6 40%,#ec4899 70%,#f59e0b);border-radius:24px 24px 0 0}.auth-modal-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:rgba(148,163,184,.1);color:#94a3b8;border-radius:10px;cursor:pointer;transition:all .15s ease;z-index:1}.auth-modal-close:hover{background:rgba(148,163,184,.2);color:var(--text-secondary);transform:scale(1.05)}.auth-modal-header{text-align:center;margin-bottom:24px}.auth-modal-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 8px 24px rgba(99,102,241,.35)}.auth-modal-title{font-size:20px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 8px;letter-spacing:-.4px;line-height:1.2}.auth-modal-subtitle{font-size:13px;color:var(--text-secondary,#64748b);line-height:1.6;max-width:320px;margin:0 auto}.auth-modal-providers{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.auth-modal-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;border-radius:13px;border:1.5px solid var(--border);background:var(--surface-alt);cursor:pointer;font-size:14px;font-weight:600;color:var(--text-color,#1e293b);letter-spacing:-.1px;transition:all .18s ease;text-align:center;overflow:hidden}.auth-modal-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.auth-modal-btn:active:not(:disabled){transform:scale(.98) translateY(0)}.auth-modal-btn:disabled{opacity:.7;cursor:not-allowed}.auth-modal-btn-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.auth-modal-btn-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:currentcolor;border-radius:50%;animation:authSpinnerRotate .65s linear infinite;flex-shrink:0;margin-left:auto}.auth-modal-btn--google{border-color:rgba(66,133,244,.25);background:var(--surface-alt)}.auth-modal-btn--google:hover:not(:disabled){border-color:rgba(66,133,244,.45);background:var(--surface-alt);box-shadow:0 6px 20px rgba(66,133,244,.14)}.auth-modal-btn--facebook{border-color:rgba(24,119,242,.2);background:#fafbff}.auth-modal-btn--facebook:hover:not(:disabled){border-color:rgba(24,119,242,.4);background:#eff4ff;box-shadow:0 6px 20px rgba(24,119,242,.14)}.auth-modal-btn--twitter{border-color:var(--border);background:var(--surface-alt);color:var(--text-color)}.auth-modal-btn--twitter:hover:not(:disabled){border-color:var(--border);background:var(--surface-alt);box-shadow:0 6px 20px rgba(15,20,25,.1)}.auth-modal-error{font-size:12.5px;color:#dc2626;background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.15);border-radius:8px;padding:8px 12px;margin:0 0 12px;text-align:center}.auth-modal-divider{position:relative;text-align:center;margin:4px 0 12px}.auth-modal-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(148,163,184,.2)}.auth-modal-divider span{position:relative;background:var(--surface);padding:0 10px;font-size:12px;color:var(--text-secondary);font-weight:500}.auth-modal-legacy-btn{width:100%;padding:10px 18px;border:1.5px dashed rgba(148,163,184,.35);border-radius:11px;background:transparent;color:#64748b;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:14px;text-align:center}.auth-modal-legacy-btn:hover:not(:disabled){border-color:rgba(99,102,241,.4);color:#4f46e5;background:rgba(99,102,241,.04)}.auth-modal-legacy-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal-footer{font-size:11.5px;color:var(--text-secondary);text-align:center;margin:0;line-height:1.6}.auth-modal-footer a{color:#6366f1;text-decoration:none;font-weight:500}.auth-modal-footer a:hover{text-decoration:underline}.auth-modal-btn--email{border-color:rgba(99,102,241,.25);background:var(--surface-alt);margin-top:2px}.auth-modal-btn--email:hover:not(:disabled){border-color:rgba(99,102,241,.4);background:#f0effe;box-shadow:0 6px 20px rgba(99,102,241,.12)}.auth-modal-back{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:10px;border:none;background:rgba(148,163,184,.1);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.auth-modal-back:hover{background:rgba(148,163,184,.2);color:#334155}.auth-modal-header{position:relative}.auth-modal-icon--email{background:linear-gradient(135deg,#6366f1,#818cf8)}.auth-modal-icon--otp{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 24px rgba(16,185,129,.35)}.auth-modal-email-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.auth-modal-email-input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid rgba(148,163,184,.25);background:#f8fafc;font-size:14.5px;font-family:inherit;color:#0f172a;outline:none;transition:all .18s ease;box-sizing:border-box}.auth-modal-email-input:focus{border-color:#6366f1;background:#ffffff;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.auth-modal-email-input::-moz-placeholder{color:#94a3b8}.auth-modal-email-input::placeholder{color:#94a3b8}.auth-modal-email-submit{width:100%;padding:13px 18px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#ffffff;font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center;min-height:46px}.auth-modal-email-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 8px 24px rgba(99,102,241,.3)}.auth-modal-email-submit:active:not(:disabled){transform:scale(.98) translateY(0)}.auth-modal-email-submit:disabled{opacity:.55;cursor:not-allowed}.auth-modal-otp-row{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.auth-modal-otp-input{width:46px;height:54px;border-radius:12px;border:1.5px solid rgba(148,163,184,.25);background:#f8fafc;font-size:22px;font-weight:700;font-family:inherit;color:#0f172a;text-align:center;outline:none;transition:all .18s ease;caret-color:#6366f1}.auth-modal-otp-input:focus{border-color:#6366f1;background:#ffffff;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.auth-modal-otp-resend{font-size:12.5px;color:#94a3b8;text-align:center;margin:10px 0 0}.auth-modal-otp-cooldown{color:#94a3b8;font-weight:500}.auth-modal-otp-resend-btn{background:none;border:none;color:#6366f1;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-modal-otp-resend-btn:hover{color:#4f46e5}.auth-modal-btn-spinner--white{border-color:#ffffff rgba(255,255,255,.3) rgba(255,255,255,.3)}@media (max-width:480px){.auth-modal{padding:28px 20px 20px;border-radius:20px;max-width:100%}.auth-modal-title{font-size:18px}.auth-modal-btn{padding:12px 14px;font-size:13.5px}.auth-modal-otp-input{width:40px;height:48px;font-size:20px}.auth-modal-otp-row{gap:6px}.auth-modal-email-input{font-size:14px}}.auth-modal-mode-toggle{display:flex;background:rgba(148,163,184,.1);border-radius:10px;padding:3px;gap:2px;margin-bottom:16px}.auth-modal-mode-btn{flex:1;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .18s ease}.auth-modal-mode-btn.active{background:#ffffff;color:#0f172a;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.1)}.auth-modal-mode-btn:not(.active):hover{color:#334155}.auth-modal-field{display:flex;flex-direction:column;gap:6px}.auth-modal-label{font-size:12.5px;font-weight:600;color:#475569;letter-spacing:.01em}.auth-modal-input-wrap{position:relative;display:flex;align-items:center}.auth-modal-input-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.auth-modal-email-input--icon{padding-left:38px}.auth-modal-email-input--password{padding-right:40px}.auth-modal-password-toggle{position:absolute;right:10px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:color .15s ease}.auth-modal-password-toggle:hover{color:#64748b}.msl-overlay{position:fixed;inset:0;z-index:12000;background:rgba(15,23,42,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}.msl-modal{position:relative;background:var(--surface);border-top:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:32px 28px 28px;box-shadow:0 4px 24px rgba(15,23,42,.1),0 24px 64px rgba(15,23,42,.16);animation:mslIn .28s cubic-bezier(.16,1,.3,1);text-align:center;border:1px solid var(--border);border-top:4px solid rgba(234,88,12,.6)}@keyframes mslIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.msl-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:none;border-radius:8px;background:rgba(148,163,184,.1);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.msl-close:hover{background:rgba(148,163,184,.2);color:var(--text-secondary)}.msl-icon-wrap{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,rgba(234,88,12,.1),rgba(251,146,60,.15));border:1px solid rgba(234,88,12,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#ea580c}.msl-cloud-icon{animation:mslCloudShake .5s cubic-bezier(.36,.07,.19,.97) .1s both}@keyframes mslCloudShake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-3deg)}40%{transform:translateX(4px) rotate(3deg)}60%{transform:translateX(-3px) rotate(-2deg)}80%{transform:translateX(3px) rotate(2deg)}}.msl-title{font-size:18px;font-weight:800;color:var(--text-color,#0f172a);margin:0 0 10px;letter-spacing:-.4px}.msl-body{font-size:14px;color:var(--text-secondary,#475569);line-height:1.65;margin:0 0 8px}.msl-body--hint{font-size:13px;color:var(--text-secondary,#64748b);background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:12px;text-align:left}.msl-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.msl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .18s ease}.msl-btn--upgrade{background:linear-gradient(135deg,#ea580c,#f97316);color:#ffffff;box-shadow:0 4px 14px rgba(234,88,12,.3)}.msl-btn--upgrade:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(234,88,12,.38)}.msl-btn--secondary{background:rgba(148,163,184,.1);color:#64748b;border:1px solid rgba(148,163,184,.2)}.msl-btn--secondary:hover{background:rgba(148,163,184,.18);color:#475569}.msl-btn--backup{background:rgba(37,99,235,.07);color:#2563eb;border:1px solid rgba(37,99,235,.18)}.msl-btn--backup:hover{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.3);transform:translateY(-1px)}.msl-footnote{font-size:12px;color:#94a3b8;margin:12px 0 0;line-height:1.5}.msl-footnote code{font-size:11.5px;background:rgba(148,163,184,.12);border-radius:4px;padding:1px 5px;color:#64748b}@media (max-width:480px){.msl-modal{padding:28px 20px 24px;border-radius:18px}.msl-title{font-size:17px}}.toolbar-history-btn{gap:4px}.versions-panel-gate{background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(139,92,246,.04));border-bottom:1px solid rgba(99,102,241,.1)}.versions-gate-title{color:#4f46e5}.versions-gate-desc{color:#64748b}.versions-list-col{border-right:1px solid var(--border)}.versions-restore-btn{letter-spacing:-.1px}@media (max-width:640px){.versions-panel-overlay{padding:0;align-items:flex-end}.versions-panel{max-width:100%;max-height:90dvh;border-radius:20px 20px 0 0;animation:versionsPanelMobileIn .28s cubic-bezier(.16,1,.3,1)}.versions-panel-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.versions-list-col{border-right:none;border-bottom:1px solid rgba(148,163,184,.14);max-height:180px}.versions-preview-header{flex-wrap:wrap}.versions-restore-btn{width:100%;justify-content:center}}.versions-gate-screen{flex-direction:column;gap:14px;padding:48px 32px;text-align:center;flex:1}.versions-gate-screen,.versions-gate-screen-icon{display:flex;align-items:center;justify-content:center}.versions-gate-screen-icon{width:56px;height:56px;border-radius:16px;color:#fff;flex-shrink:0;margin-bottom:4px}.versions-gate-screen-icon--login{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px rgba(59,130,246,.3)}.versions-gate-screen-icon--upgrade{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px rgba(99,102,241,.3)}.versions-gate-screen-icon--warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px rgba(245,158,11,.3)}.versions-gate-screen-title{font-size:16px;font-weight:800;color:var(--text-color,#0f172a);letter-spacing:-.3px;margin:0}.versions-gate-screen-desc{font-size:13.5px;color:var(--text-secondary,#64748b);line-height:1.6;margin:0;max-width:320px}.versions-gate-screen-btn{margin-top:4px;padding:10px 24px;border:none;border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease;letter-spacing:-.1px}.versions-gate-screen-btn--login{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 12px rgba(59,130,246,.3)}.versions-gate-screen-btn--login:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,130,246,.4)}.versions-gate-screen-btn--upgrade{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 3px 12px rgba(99,102,241,.3)}.versions-gate-screen-btn--upgrade:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(99,102,241,.4)}.versions-panel-gate{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;background:var(--surface-alt);border-bottom:1px solid var(--border);flex-shrink:0}.versions-panel-gate--warning{background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(217,119,6,.04));border-bottom-color:rgba(245,158,11,.15)}.versions-gate-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,.28)}.versions-gate-icon--warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px rgba(245,158,11,.28)}.versions-gate-content{flex:1;min-width:0}.versions-gate-title{font-size:12.5px;font-weight:700;color:#818cf8;margin-bottom:2px}.versions-gate-title--warning{color:#fbbf24}.versions-gate-desc{font-size:11.5px;color:var(--text-secondary);line-height:1.5}.versions-gate-upgrade{margin-top:8px;padding:5px 12px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease;box-shadow:0 2px 8px rgba(99,102,241,.28)}.versions-gate-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.38)}.toolbar-history-btn{display:inline-flex;align-items:center;justify-content:center;color:#6366f1}.toolbar-history-btn:hover{background:rgba(99,102,241,.08);color:#4f46e5}.versions-panel-overlay{position:fixed;inset:0;z-index:4000;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.versions-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px rgba(15,23,42,.12),0 32px 80px rgba(15,23,42,.14);width:100%;max-width:900px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;animation:versionsPanelIn .25s cubic-bezier(.16,1,.3,1)}@keyframes versionsPanelIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.versions-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;flex-shrink:0}.versions-panel-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--text-color,#0f172a);letter-spacing:-.2px}.versions-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(148,163,184,.12);color:#94a3b8;border-radius:8px;cursor:pointer;transition:all .15s ease}.versions-panel-close:hover{background:rgba(148,163,184,.22);color:var(--text-secondary)}.versions-panel-note-name{padding:4px 20px 12px;font-size:12px;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.versions-panel-body{display:grid;grid-template-columns:220px 1fr;flex:1;overflow:hidden;min-height:0}.versions-list-col{border-right:1px solid rgba(148,163,184,.14);display:flex;flex-direction:column;overflow-y:auto}.versions-list-label{display:flex;align-items:center;gap:5px;padding:10px 14px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;flex-shrink:0;border-bottom:1px solid rgba(148,163,184,.1)}.versions-list{list-style:none;margin:0;padding:6px 0;overflow-y:auto;flex:1}.versions-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:background .12s ease;text-align:left}.versions-list-item:hover{background:rgba(99,102,241,.05)}.versions-list-item--active{background:rgba(99,102,241,.09)!important}.versions-list-item-dot{width:8px;height:8px;border-radius:50%;background:rgba(148,163,184,.4);flex-shrink:0;border:1.5px solid rgba(148,163,184,.5);transition:all .15s ease}.versions-list-item--active .versions-list-item-dot{background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.16)}.versions-list-item-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.versions-list-item-time-primary{font-size:12.5px;font-weight:600;color:var(--text-color,#1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versions-list-item--active .versions-list-item-time-primary{color:#4f46e5}.versions-list-item-time-secondary{font-size:11px;color:#94a3b8;font-weight:500}.versions-list-item-arrow{color:rgba(148,163,184,.5);flex-shrink:0;opacity:0;transition:opacity .12s ease}.versions-list-item--active .versions-list-item-arrow,.versions-list-item:hover .versions-list-item-arrow{opacity:1}.versions-preview-col{display:flex;flex-direction:column;overflow:hidden}.versions-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.versions-preview-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.versions-preview-title{font-size:13px;font-weight:700;color:var(--text-color,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.versions-preview-date{font-size:11.5px;color:#94a3b8;font-weight:500}.versions-restore-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .18s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,.28)}.versions-restore-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(99,102,241,.38)}.versions-restore-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.versions-restore-btn--loading{opacity:.8}.versions-preview-content{flex:1;overflow-y:auto;padding:16px 20px;font-size:13.5px;line-height:1.65;color:var(--text-color,#334155);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.versions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#94a3b8;font-size:13px;font-weight:500;flex:1}.versions-spinner{animation:versionsSpinAnim .75s linear infinite}@keyframes versionsSpinAnim{to{transform:rotate(1turn)}}.versions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#94a3b8;text-align:center;flex:1}.versions-empty p{margin:0;font-size:13.5px;font-weight:600;color:#64748b}.versions-empty span{font-size:12px;line-height:1.6;color:#94a3b8;max-width:180px}.versions-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;padding:40px 24px;color:#cbd5e1;text-align:center}.versions-preview-placeholder p{margin:0;font-size:13.5px;font-weight:600;color:#94a3b8}.versions-preview-placeholder span{font-size:12px;color:#cbd5e1;line-height:1.6;max-width:220px}@media (max-width:640px){.versions-panel-overlay{padding:0;align-items:flex-end}.versions-panel{max-width:100%;max-height:90dvh;border-radius:20px 20px 0 0;animation:versionsPanelMobileIn .28s cubic-bezier(.16,1,.3,1)}@keyframes versionsPanelMobileIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.versions-panel-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.versions-list-col{border-right:none;border-bottom:1px solid rgba(148,163,184,.14);max-height:180px}.versions-preview-header{flex-wrap:wrap}.versions-restore-btn{width:100%;justify-content:center}.versions-gate-screen{padding:32px 20px}}.versions-drive-footer{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid var(--border);background:var(--surface-alt);font-size:12px;color:var(--text-secondary);line-height:1.5;flex-shrink:0}.versions-drive-footer svg{flex-shrink:0;color:#d97706}.versions-drive-notice-link{border:none;background:none;padding:0;font-family:inherit;font-size:inherit;font-weight:700;color:#d97706;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.versions-drive-notice-link:hover{color:#b45309}.nav-group-label--full{flex:1}.trash-note-list{padding:4px 0 8px}.trash-note-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 6px 30px;border-radius:6px;transition:background .12s ease}.trash-note-item:hover{background:rgba(239,68,68,.05)}.trash-note-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.trash-note-title{font-size:12px;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-note-meta{font-size:10.5px;color:#ef4444;font-weight:500}.trash-note-actions{display:flex;gap:4px;flex-shrink:0}.trash-action-btn{border:none;border-radius:5px;font-size:10.5px;font-weight:700;padding:3px 7px;cursor:pointer;font-family:inherit;transition:all .15s ease}.trash-action-restore{background:rgba(99,102,241,.1);color:#6366f1}.trash-action-restore:hover{background:rgba(99,102,241,.18);color:#4f46e5}.trash-action-delete{background:rgba(239,68,68,.08);color:#ef4444}.trash-action-delete:hover{background:rgba(239,68,68,.16);color:#dc2626}.trash-empty-btn{display:block;width:calc(100% - 42px);margin:8px auto 0;padding:5px;border:1px dashed rgba(239,68,68,.3);border-radius:6px;background:transparent;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.trash-empty-btn:hover{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.5)}.compact-note-card--trash{cursor:default;opacity:.88;border-left:3px solid rgba(239,68,68,.35)}.compact-note-card--trash:hover{background:rgba(239,68,68,.04)}.trash-days-left{color:#ef4444;font-weight:600;font-size:11px}.compact-note-actions--trash{display:flex!important;gap:6px;align-self:flex-start;padding-top:2px}.trash-list-toolbar{display:flex;justify-content:flex-end;padding:8px 16px 4px;border-bottom:1px solid var(--border-subtle,rgba(0,0,0,.06));margin-bottom:4px}.trash-list-empty-btn{border:1px solid rgba(239,68,68,.3);background:transparent;color:#ef4444;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .15s ease}.trash-list-empty-btn:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.55)}.trash-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;margin:0 10px 8px;border-radius:12px;border:1px solid rgba(239,68,68,.15);background:rgba(255,255,255,.7);cursor:pointer;transition:all .18s ease;animation:fadeSlideIn .22s ease both}.trash-card:hover{border-color:rgba(239,68,68,.35);background:rgba(254,242,242,.8);box-shadow:0 2px 12px rgba(239,68,68,.08);transform:translateY(-1px)}.trash-card--selected{border-color:rgba(239,68,68,.45);background:rgba(254,226,226,.6);box-shadow:0 0 0 2px rgba(239,68,68,.12)}.trash-card-days{position:absolute;top:10px;right:12px;font-size:10.5px;font-weight:700;color:#9ca3af;background:rgba(156,163,175,.1);border-radius:20px;padding:2px 8px;letter-spacing:.3px}.trash-card-days--urgent{color:#ef4444;background:rgba(239,68,68,.1)}.trash-card-body{padding-right:56px}.trash-card-title{font-size:13.5px;font-weight:700;color:#374151;margin:0 0 4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-card-preview{font-size:12px;color:#9ca3af;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trash-card-actions{display:flex;gap:8px}.editor-trash-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;background:linear-gradient(135deg,rgba(254,226,226,.9),rgba(255,237,213,.7));border-bottom:1px solid rgba(239,68,68,.2);backdrop-filter:blur(8px)}.editor-trash-banner-info{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151;flex:1;min-width:0}.editor-trash-banner-icon{font-size:18px;flex-shrink:0}.editor-trash-banner-info strong{color:#dc2626}.editor-trash-banner-actions{display:flex;gap:8px;flex-shrink:0}.editor-trash-restore-btn{background:#6366f1;color:white;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.editor-trash-restore-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.35)}.editor-trash-delete-btn{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.editor-trash-delete-btn:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.6)}.trash-header-empty-btn{margin-left:6px;border:none;background:none;color:#ef4444;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;padding:2px 0;opacity:.75;transition:opacity .15s ease,color .15s ease;white-space:nowrap;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent}.trash-header-empty-btn:hover{opacity:1;color:#dc2626;text-decoration-color:currentColor}[data-theme=dark] .trash-note-title{color:#94a3b8}[data-theme=dark] .trash-card{background:rgba(30,30,46,.85);border-color:rgba(239,68,68,.2)}[data-theme=dark] .trash-card:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.38);box-shadow:0 2px 12px rgba(239,68,68,.12)}[data-theme=dark] .trash-card--selected{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.45);box-shadow:0 0 0 2px rgba(239,68,68,.18)}[data-theme=dark] .trash-card-title{color:#e2e8f0}[data-theme=dark] .trash-card-preview{color:#64748b}[data-theme=dark] .trash-card-days{color:#64748b;background:rgba(100,116,139,.15)}[data-theme=dark] .trash-card-days--urgent{color:#f87171;background:rgba(239,68,68,.15)}[data-theme=dark] .trash-note-item:hover{background:rgba(239,68,68,.08)}[data-theme=dark] .trash-action-restore{background:rgba(99,102,241,.15);color:#818cf8}[data-theme=dark] .trash-action-restore:hover{background:rgba(99,102,241,.25);color:#a5b4fc}[data-theme=dark] .trash-action-delete{background:rgba(239,68,68,.12);color:#f87171}[data-theme=dark] .trash-action-delete:hover{background:rgba(239,68,68,.22);color:#fca5a5}[data-theme=dark] .trash-empty-btn{border-color:rgba(239,68,68,.3);color:#f87171}[data-theme=dark] .trash-empty-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5)}[data-theme=dark] .trash-list-toolbar{border-bottom-color:rgba(255,255,255,.06)}[data-theme=dark] .trash-list-empty-btn{border-color:rgba(239,68,68,.3);color:#f87171}[data-theme=dark] .trash-list-empty-btn:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.5)}[data-theme=dark] .compact-note-card--trash{border-left-color:rgba(239,68,68,.3)}[data-theme=dark] .compact-note-card--trash:hover{background:rgba(239,68,68,.07)}[data-theme=dark] .editor-trash-banner{background:linear-gradient(135deg,rgba(69,10,10,.6),rgba(67,20,7,.5));border-bottom-color:rgba(239,68,68,.25)}[data-theme=dark] .editor-trash-banner-info{color:#cbd5e1}[data-theme=dark] .editor-trash-banner-info strong{color:#f87171}[data-theme=dark] .editor-trash-delete-btn{color:#f87171;border-color:rgba(239,68,68,.35)}[data-theme=dark] .editor-trash-delete-btn:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.55)}[data-theme=dark] .trash-header-empty-btn{color:#f87171}[data-theme=dark] .trash-header-empty-btn:hover{color:#fca5a5}@keyframes spin{to{transform:rotate(1turn)}}.spin-icon{animation:spin .75s linear infinite;display:block}.card-action-icon.syncing,.note-sync-badge.syncing{opacity:1!important;cursor:default;pointer-events:none;color:#6366f1}.dropdown-item--locked{opacity:.55;cursor:default!important;position:relative}.dropdown-item--locked:hover{background:transparent!important;color:inherit!important}.pro-lock-badge{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.3px;color:#f59e0b;background:rgba(245,158,11,.12);border-radius:10px;padding:1px 7px;white-space:nowrap;flex-shrink:0}.dropdown-pro-upsell{font-size:11.5px;color:#6b7280;padding:10px 14px 6px;border-top:1px solid var(--border-subtle,rgba(0,0,0,.07));margin-top:6px;line-height:1.5}.dropdown-pro-upsell strong{color:#f59e0b}@media (max-width:640px){.versions-preview-col{display:none}.versions-body{grid-template-columns:1fr}.versions-list-col{border-right:none}}.versions-mobile-restore-btn{display:flex;align-items:center;gap:6px;width:calc(100% - 32px);margin:0 16px 10px;padding:9px 14px;background:#6366f1;color:white;border:none;border-radius:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;justify-content:center;transition:background .15s ease,opacity .15s ease}.versions-mobile-restore-btn:hover{background:#4f46e5}.versions-mobile-restore-btn--loading{opacity:.7;cursor:default}.versions-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-height:180px;color:#9ca3af;font-size:13px}.versions-empty{padding-bottom:32px!important}@media (max-width:640px){.versions-panel{max-height:92vh;border-radius:20px 20px 0 0;overflow:hidden}.versions-panel-body{overflow-y:auto;overflow-x:hidden}.versions-list-col{overflow-y:visible;overflow-x:hidden}.versions-empty{padding-bottom:48px!important}}.signout-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}.signout-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px 24px;width:min(92vw,420px);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:modalIn .25s ease}.signout-modal-icon{width:52px;height:52px;border-radius:14px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);display:flex;align-items:center;justify-content:center;color:#ef4444;margin-bottom:4px}.signout-modal-title{font-size:18px;font-weight:700;color:var(--text-color,#0f172a);margin:0;text-align:center;letter-spacing:-.3px}.signout-modal-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;text-align:center;margin:0}.signout-modal-desc strong{color:var(--text-color,#0f172a);font-weight:600}.signout-modal-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.signout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 20px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit}.signout-btn:active{transform:translateY(0)!important}.signout-btn--wipe{background:#ef4444;color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.2)}.signout-btn--wipe:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px rgba(239,68,68,.3)}.signout-btn--keep{background:rgba(148,163,184,.12);border:1px solid var(--border);color:var(--text-color,#374151)}.signout-btn--keep:hover{background:rgba(148,163,184,.22);transform:translateY(-1px)}.signout-modal-cancel{background:none;border:none;font-size:13px;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color var(--transition);margin-top:2px;font-family:inherit}.signout-modal-cancel:hover{color:#6b7280}.signout-modal-icon--warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22);color:#d97706}.signout-sync-reminder{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 14px;border-radius:10px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:var(--text-secondary);font-size:13px;line-height:1.5}.signout-sync-reminder svg{flex-shrink:0;margin-top:2px;color:#d97706}.signout-sync-reminder strong{color:#fbbf24}.settings-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000;animation:fadeIn .2s ease}.settings-modal{display:flex;width:min(820px,100%);max-height:min(600px,90dvh);background:var(--surface);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.08);overflow:hidden;animation:modalIn .25s ease;border:1px solid var(--border)}.settings-nav{width:180px;flex-shrink:0;background:var(--surface-alt);border-right:1px solid var(--border);padding:28px 12px;display:flex;flex-direction:column;gap:2px}.settings-nav-title{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary);padding:0 8px 12px}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.settings-nav-item:hover{background:rgba(148,163,184,.1);color:var(--text-color,#0f172a)}.settings-nav-item.active{background:rgba(37,99,235,.1);color:var(--accent);font-weight:600}.settings-content{flex:1;overflow-y:auto;padding:32px 36px;position:relative}.settings-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(148,163,184,.12);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.settings-close-btn:hover{background:rgba(148,163,184,.25);color:var(--text-color,#0f172a)}.settings-section{display:flex;flex-direction:column;gap:4px}.settings-section-title{font-size:18px;font-weight:700;margin:0 0 4px;color:var(--text-color,#0f172a)}.settings-section-desc{font-size:13px;color:var(--text-secondary);margin:0 0 24px}.settings-group-title{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent);margin:16px 0 8px}.settings-avatar-row{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:16px;background:var(--surface-alt);border-radius:14px;border:1px solid var(--border)}.settings-avatar-preview{position:relative;width:72px;height:72px;border-radius:50%;cursor:pointer;flex-shrink:0;overflow:hidden;border:3px solid var(--border);transition:border-color .2s ease}.settings-avatar-preview:hover{border-color:var(--accent)}.settings-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--violet));color:#fff;font-size:26px;font-weight:700}.settings-avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s ease}.settings-avatar-preview:hover .settings-avatar-overlay{opacity:1}.settings-avatar-info{display:flex;flex-direction:column;gap:3px}.settings-avatar-hint{font-size:13px;font-weight:600;color:var(--text-color,#0f172a);margin:0}.settings-avatar-sub{font-size:11.5px;color:var(--text-secondary);margin:0}.settings-link-btn{background:none;border:none;color:#ef4444;font-size:12px;cursor:pointer;padding:0;margin-top:4px;text-align:left}.settings-link-btn:hover{text-decoration:underline}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-field--row{flex-direction:row;align-items:center;justify-content:space-between}.settings-label{font-size:13px;font-weight:600;color:var(--text-color,#0f172a)}.settings-label--inline{flex:1}.settings-input{width:100%;padding:9px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text-color,#0f172a);font-size:14px;outline:none;transition:border-color .15s ease;font-family:inherit}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-input--readonly{opacity:.6;cursor:default}.settings-input--error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)}.settings-select{padding:8px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-alt);color:var(--text-color,#0f172a);font-size:14px;outline:none;cursor:pointer;transition:border-color .15s ease;font-family:inherit;min-width:180px}.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings-save-btn{margin-top:8px;padding:10px 22px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;align-self:flex-start}.settings-save-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.settings-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.settings-theme-card{border:2px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;background:var(--surface-alt);transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.settings-theme-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px var(--accent-glow)}.settings-theme-card.active{border-color:var(--accent);background:rgba(37,99,235,.05)}.settings-theme-preview{border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.2);height:96px;display:flex;flex-direction:column}.settings-theme-preview--light{background:#f8fafc}.settings-theme-preview--dark{background:#0f1117}.stp-header{height:18px;flex-shrink:0}.settings-theme-preview--light .stp-header{background:#ffffff;border-bottom:1px solid #e5e7eb}.settings-theme-preview--dark .stp-header{background:#1a1d27;border-bottom:1px solid rgba(148,163,184,.1)}.stp-body{flex:1;padding:8px;display:flex;flex-direction:column;gap:5px}.stp-line{height:6px;border-radius:3px}.settings-theme-preview--light .stp-line{background:#e2e8f0}.settings-theme-preview--dark .stp-line{background:rgba(148,163,184,.15)}.stp-line--wide{width:80%}.stp-line--med{width:60%}.stp-line--short{width:40%}.settings-theme-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-color,#0f172a)}.settings-theme-check{margin-left:auto;color:var(--accent)}.settings-editor-preview{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:16px 18px;color:var(--text-color,#0f172a);line-height:1.6;transition:font-family .2s ease,font-size .2s ease}.settings-editor-preview p{margin:0}[data-theme=dark] .settings-modal{background:#1a1d27;border-color:rgba(148,163,184,.12)}[data-theme=dark] .settings-nav{background:#13151e;border-right-color:rgba(148,163,184,.1)}[data-theme=dark] .settings-nav-item:hover{background:rgba(148,163,184,.08);color:#e2e8f0}[data-theme=dark] .settings-nav-item.active{background:rgba(59,130,246,.15);color:#60a5fa}[data-theme=dark] .settings-avatar-hint,[data-theme=dark] .settings-label,[data-theme=dark] .settings-section-title,[data-theme=dark] .settings-theme-label{color:#e2e8f0}[data-theme=dark] .settings-avatar-row,[data-theme=dark] .settings-editor-preview,[data-theme=dark] .settings-theme-card{background:#13151e;border-color:rgba(148,163,184,.12)}[data-theme=dark] .settings-input,[data-theme=dark] .settings-select{background:#0f1117;border-color:rgba(148,163,184,.15);color:#e2e8f0}[data-theme=dark] .settings-close-btn{color:#94a3b8}[data-theme=dark] .settings-close-btn:hover{color:#e2e8f0}@media (max-width:600px){.settings-modal{flex-direction:column;max-height:92dvh;border-radius:16px 16px 0 0;align-self:flex-end;width:100%}.settings-nav{width:100%;flex-direction:row;padding:12px;gap:4px;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto}.settings-nav-title{display:none}.settings-nav-item{white-space:nowrap;padding:7px 12px}.settings-content{padding:20px}.settings-theme-grid{grid-template-columns:1fr 1fr}}