#landing{--bg: #fff;--bg-soft: #f5f5f7;--ink: #1d1d1f;--muted: #86868b;--accent: #555;--accent-mute: #888;--brand-1: #ffcd3c;--brand-2: #ffa940;--brand-grad: linear-gradient(135deg, #ffcd3c 0%, #ffa940 100%);--line: rgba(0, 0, 0, .08);background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}#landing *,#landing *:before,#landing *:after{box-sizing:border-box}#landing a{color:inherit;text-decoration:none}#landing img{max-width:100%;height:auto;display:block}#landing ul{list-style:none;padding:0;margin:0}#landing h1,#landing h2,#landing h3,#landing h4,#landing h5{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.05;color:var(--ink)}#landing h1 em,#landing h2 em,#landing h3 em{font-style:normal;color:var(--accent)}#landing .accent-link{color:var(--accent);display:inline-flex;align-items:center;gap:4px;font-weight:500}#landing .accent-link:hover{text-decoration:underline}#landing .nav{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}#landing .nav-inner{max-width:1024px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;justify-content:space-between;font-size:14px}#landing .brand{display:flex;align-items:center;gap:8px;font-weight:500}#landing .brand-icon{border-radius:6.16px}#landing .nav .links{display:flex;gap:32px;opacity:.9}#landing .nav .links a:hover,#landing .nav .open{color:var(--accent)}#landing .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border-radius:980px;font-size:15px;font-weight:500;cursor:pointer;transition:filter .2s,transform .2s;border:0}#landing .btn-primary{background:var(--accent);color:#fff}#landing .btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}#landing .btn-ghost{color:var(--accent);background:transparent}#landing .btn-ghost:hover{text-decoration:underline}#landing .btn-lg{font-size:17px;padding:14px 28px}#landing .hero{padding:80px 22px 0;text-align:center}#landing .hero .eyebrow{font-size:21px;color:var(--muted);margin:0 0 6px;font-weight:400;letter-spacing:-.01em}#landing .hero h1{font-size:80px;margin:0 auto 16px;max-width:18ch}#landing .hero h1 em{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#landing .hero .sub{font-size:24px;line-height:1.3;opacity:.9;max-width:36ch;margin:0 auto 28px;font-weight:400;letter-spacing:-.015em}#landing .hero-actions{display:flex;gap:24px;justify-content:center;align-items:center;margin-bottom:60px;font-size:17px}#landing .hero-img-wrap{position:relative;max-width:1200px;margin:0 auto;padding:0 22px}#landing .hero-img-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 0;font-size:13px;color:var(--muted)}#landing .hero-mockup{width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -20px #0000002e;display:flex;flex-direction:column}#landing .mockup-bar{height:36px;flex-shrink:0;background:var(--bg-soft);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px;font-size:12px;color:var(--muted)}#landing .mockup-dot{width:11px;height:11px;border-radius:50%;display:inline-block}#landing .mockup-dot.r{background:#ff5f57}#landing .mockup-dot.y{background:#febc2e}#landing .mockup-dot.g{background:#28c840}#landing .mockup-tab{margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 14px;font-size:12px;color:var(--ink);opacity:.75}#landing .mockup-ai-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--brand-2);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em}#landing .mockup-ai-pill .pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:aiPulse 1.6s ease-in-out infinite}@keyframes aiPulse{0%,to{opacity:.4}50%{opacity:1}}#landing .mockup-body{flex:1;display:flex;min-height:0}#landing .mockup-side{width:200px;flex-shrink:0;background:var(--bg-soft);border-right:1px solid var(--line);padding:20px 14px;font-size:13px;color:var(--muted)}#landing .mockup-side-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-weight:500}#landing .mockup-side-item{padding:6px 10px;border-radius:6px;margin-bottom:2px;color:var(--ink);opacity:.7}#landing .mockup-side-item.active{background:#0000000f;opacity:1;font-weight:500}#landing .mockup-content{flex:1;padding:32px 40px;text-align:left;overflow:hidden}#landing .mockup-doctitle{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}#landing .mockup-line{font-size:16px;line-height:1.6;color:var(--ink)}#landing .mockup-line .ghost,#landing .ghost{color:var(--muted);font-style:normal;opacity:.7}#landing .caret{display:inline-block;width:2px;height:1em;background:var(--brand-2);vertical-align:text-bottom;margin:0 1px;animation:caretBlink 1.1s steps(1) infinite}@keyframes caretBlink{0%,50%{opacity:1}51%,to{opacity:0}}#landing .mockup-hint{margin-top:16px;font-size:12px;color:var(--muted)}#landing kbd{display:inline-block;padding:2px 7px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:#fff;font-family:SF Mono,ui-monospace,monospace;font-size:11px;color:var(--ink);margin-right:4px}#landing .section{padding:120px 22px}#landing .section-pt0{padding-top:0}#landing .section-eyebrow{font-size:14px;color:var(--accent);font-weight:500;margin:0 0 14px;text-align:center}#landing .section-title{font-size:64px;text-align:center;margin:0 auto 24px;max-width:18ch;font-weight:600}#landing .section-sub{font-size:21px;text-align:center;max-width:42ch;margin:0 auto 60px;line-height:1.4;opacity:.8;letter-spacing:-.01em;color:var(--ink)}#landing .bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;max-width:1200px;margin:0 auto}#landing .tile{background:var(--bg-soft);border-radius:22px;padding:36px;overflow:hidden;position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}#landing .tile.large{grid-column:span 4;min-height:420px;background-size:cover;background-position:center;color:#fff;justify-content:flex-end}#landing .tile.large .tile-meta strong,#landing .tile.large .tile-meta p{color:#fff}#landing .tile.large:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65) 100%);pointer-events:none}#landing .tile.med,#landing .tile.small{grid-column:span 2}#landing .tile-meta{position:relative;z-index:2}#landing .tile-meta .kicker{font-size:13px;color:var(--accent);font-weight:500;margin-bottom:8px}#landing .tile.large .tile-meta .kicker{color:#fff;opacity:.9}#landing .tile-meta strong{display:block;font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.02em;margin-bottom:8px;color:var(--ink)}#landing .tile.large .tile-meta strong{font-size:28px}#landing .tile-meta p{font-size:15px;line-height:1.45;color:var(--ink);opacity:.7;margin:0;max-width:30ch}#landing .prop-ghost{font-size:15px;line-height:1.5;color:var(--ink);margin-bottom:14px}#landing .prop-ghost-line{font-weight:500}#landing .prop-ghost-hint{font-size:12px;color:var(--muted);margin-top:8px}#landing .prop-models{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}#landing .prop-models .m{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--muted)}#landing .prop-models .m.on{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}#landing .prop-icon{font-size:44px;line-height:1;margin-bottom:14px}#landing .prop-search{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;font-size:13px;color:var(--muted)}#landing .prop-search .ps-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:var(--bg-soft);color:var(--ink);font-weight:600;font-size:12px}#landing .prop-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}#landing .prop-tags span{padding:5px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--brand-2)}#landing .prop-themes{display:flex;gap:10px;margin-bottom:14px}#landing .prop-themes span{width:44px;height:44px;border-radius:50%;border:1px solid var(--line)}#landing .prop-themes .th-light{background:#fff}#landing .prop-themes .th-dark{background:var(--ink)}#landing .ai-stack{display:flex;flex-direction:column;gap:80px;max-width:1100px;margin:0 auto 80px}#landing .ai-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}#landing .ai-row.reverse>.ai-row-text{order:2}#landing .ai-row-eyebrow{font-size:13px;color:var(--accent);font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}#landing .ai-row-text h3{font-size:36px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0 0 14px}#landing .ai-row-text p{font-size:17px;line-height:1.5;color:var(--muted);margin:0;max-width:36ch}#landing .ai-row-demo>*{background:var(--bg-soft);border-radius:22px;padding:32px}#landing .demo-card{font-size:17px;line-height:1.5;color:var(--ink)}#landing .demo-text{font-weight:500}#landing .demo-hint{margin-top:16px;font-size:12px;color:var(--muted)}#landing .chat-mockup{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5}#landing .chat-msg-user{align-self:flex-end;background:var(--accent);color:#fff;padding:10px 16px;border-radius:16px 16px 4px;max-width:80%}#landing .chat-msg-bot{align-self:flex-start;background:#fff;color:var(--ink);padding:12px 16px;border-radius:16px 16px 16px 4px;border:1px solid var(--line);max-width:90%}#landing .chat-mention{background:#ffa9401f;padding:1px 6px;border-radius:4px;font-weight:500;color:var(--brand-2)}#landing .edit-demo{font-size:15px}#landing .edit-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}#landing .edit-demo-label{color:var(--brand-2);font-weight:600;font-size:13px}#landing .edit-demo-actions{display:flex;gap:10px;font-size:12px}#landing .edit-demo-accept{color:var(--brand-2);font-weight:600;cursor:pointer}#landing .edit-demo-reject{color:var(--muted);cursor:pointer}#landing .edit-demo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#landing .edit-demo-list li{font-size:14px;line-height:1.5}#landing .edit-demo-list s{color:var(--muted);margin-right:6px}#landing .edit-demo-list .new{color:var(--ink);font-weight:500}#landing .model-bar{max-width:1100px;margin:0 auto;text-align:center}#landing .model-bar-label{font-size:14px;color:var(--muted);margin-bottom:14px}#landing .model-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}#landing .pill-model{padding:8px 16px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink)}#landing .privacy{background:#000;color:#f5f5f7}#landing .privacy .section-title,#landing .privacy .section-sub{color:#f5f5f7}#landing .privacy .section-title em{color:var(--brand-1)}#landing .privacy-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}#landing .pp{padding:32px;background:var(--ink);border-radius:18px}#landing .pp .num{font-size:13px;color:var(--brand-1);font-weight:600;margin-bottom:14px;letter-spacing:.04em}#landing .pp strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.015em;margin-bottom:10px;color:#fff}#landing .pp p{font-size:15px;line-height:1.5;opacity:.7;margin:0;color:#fff}#landing .privacy-actions{max-width:1100px;margin:40px auto 0;display:flex;justify-content:center;gap:32px;font-size:15px}#landing .privacy-actions .accent-link{color:var(--brand-1)}#landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto}#landing .step{text-align:center}#landing .step .num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--bg-soft);font-size:18px;font-weight:600;color:var(--accent);margin-bottom:24px}#landing .step h3{font-size:24px;margin:0 0 10px;letter-spacing:-.02em}#landing .step p{font-size:16px;line-height:1.5;color:var(--muted);margin:0 auto;max-width:28ch}#landing .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto}#landing .pricing-card{position:relative;background:var(--bg-soft);border-radius:22px;padding:40px;display:flex;flex-direction:column}#landing .pricing-card-pro{background:var(--ink);color:#fff}#landing .pricing-card-pro .pricing-tier,#landing .pricing-card-pro .pricing-price,#landing .pricing-card-pro .pricing-tagline,#landing .pricing-card-pro .pricing-features li{color:#fff}#landing .pricing-tier{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}#landing .pricing-card-pro .pricing-tier{color:var(--brand-1)}#landing .pricing-price{font-size:48px;font-weight:600;letter-spacing:-.03em;margin-bottom:6px}#landing .pricing-tagline{font-size:15px;color:var(--muted);margin:0 0 24px}#landing .pricing-card-pro .pricing-tagline{color:#ffffffb3}#landing .pricing-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px;flex:1}#landing .pricing-features li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}#landing .pricing-features li:before{content:"";position:absolute;left:0;top:7px;width:12px;height:7px;border-left:2px solid var(--brand-2);border-bottom:2px solid var(--brand-2);transform:rotate(-45deg)}#landing .pricing-card-pro .pricing-features li:before{border-color:var(--brand-1)}#landing .pricing-badge{position:absolute;top:16px;right:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:999px;text-transform:uppercase}#landing .faq-list{max-width:820px;margin:48px auto 0}#landing .faq-item{border-top:1px solid var(--line);padding:28px 0}#landing .faq-item:last-child{border-bottom:1px solid var(--line)}#landing .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}#landing .faq-item summary::-webkit-details-marker{display:none}#landing .faq-item summary:after{content:"+";font-size:24px;color:var(--muted);font-weight:300;flex-shrink:0;transition:transform .2s}#landing .faq-item[open] summary:after{content:"−"}#landing .faq-item summary h4{font-size:21px;font-weight:600;letter-spacing:-.015em;margin:0;display:inline}#landing .faq-item p{font-size:16px;line-height:1.55;color:var(--muted);margin:14px 0 0}#landing .big-cta{padding:120px 22px;text-align:center}#landing .big-cta h2{font-size:80px;margin:0 auto 18px;max-width:14ch}#landing .big-cta h2 em{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#landing .big-cta p{font-size:21px;color:var(--muted);max-width:38ch;margin:0 auto 32px;line-height:1.4}#landing footer{background:var(--bg-soft);padding:40px 22px 24px;font-size:13px;color:var(--muted)}#landing .foot-inner{max-width:1200px;margin:0 auto}#landing .foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:32px 0;border-bottom:1px solid var(--line)}#landing .foot-grid h5{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 12px;letter-spacing:0}#landing .foot-grid ul{display:flex;flex-direction:column;gap:8px}#landing .foot-grid a{color:var(--muted)}#landing .foot-grid a:hover{color:var(--accent);text-decoration:underline}#landing .foot-bottom{display:flex;justify-content:space-between;padding-top:18px;font-size:12px}@media(max-width:900px){#landing .nav .links{display:none}#landing .hero{padding:56px 22px 0}#landing .hero .eyebrow{font-size:17px}#landing .hero h1{font-size:48px}#landing .hero .sub{font-size:18px}#landing .hero-actions{margin-bottom:40px}#landing .section{padding:80px 22px}#landing .section-title{font-size:40px}#landing .section-sub{font-size:18px;margin-bottom:40px}#landing .bento{grid-template-columns:repeat(2,1fr)}#landing .tile.large,#landing .tile.med,#landing .tile.small{grid-column:span 2}#landing .tile{min-height:240px;padding:28px}#landing .tile.large{min-height:320px}#landing .tile-meta strong,#landing .tile.large .tile-meta strong{font-size:22px}#landing .ai-stack{gap:56px;margin-bottom:56px}#landing .ai-row,#landing .ai-row.reverse{grid-template-columns:1fr;gap:28px}#landing .ai-row.reverse>.ai-row-text{order:0}#landing .ai-row-text h3{font-size:28px}#landing .privacy-points,#landing .steps,#landing .pricing-grid{grid-template-columns:1fr}#landing .pricing-card{padding:32px}#landing .pricing-price{font-size:40px}#landing .big-cta{padding:80px 22px}#landing .big-cta h2{font-size:44px}#landing .big-cta p{font-size:18px}#landing .foot-grid{grid-template-columns:repeat(2,1fr)}#landing .foot-bottom{flex-direction:column;gap:6px}#landing .mockup-side{width:140px;padding:14px 10px;font-size:12px}#landing .mockup-content{padding:20px 22px}#landing .mockup-doctitle{font-size:22px}#landing .mockup-line{font-size:14px}}@media(max-width:560px){#landing .hero h1{font-size:38px}#landing .section-title{font-size:32px}#landing .big-cta h2{font-size:36px}#landing .mockup-side{display:none}}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(/fonts/material-symbols-rounded.woff2) format("woff2")}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}:root{--sidebar-bg: linear-gradient(180deg, #333, #222);--sidebar-text: #e0e0e0;--sidebar-active: #2a2a2a;--sidebar-hover: #252525;--sidebar-width: 280px;--text: #333;--text-subtle: #666;--text-muted: #999;--text-faint: #bbb;--text-on-dark: #fff;--editor-bg: #ffffff;--editor-text: #1a1a1a;--ai-panel-width: 340px;--ai-panel-bg: #f7f7f8;--accent: #007aff;--accent-hover: #0066d6;--accent-subtle: rgba(0, 122, 255, .08);--border: #e0e0e0;--border-subtle: #999;--border-light: #ccc;--border-dark: #333;--danger: #ff3b30;--danger-subtle: rgba(255, 59, 48, .15);--tag-bg: #e8f0fe;--tag-text: #1a73e8;--surface: #fff;--surface-hover: #f0f0f0;--surface-active: #e8e8e8;--surface-raised: #fafafa;--surface-overlay: #2a2a2a;--surface-overlay-hover: #333;--surface-overlay-border: #444;--code-bg: #eee;--table-header-bg: #f5f5f5;--editor-container-bg: #f8f8f8;--shadow-color: rgba(0, 0, 0, .12);--shadow-heavy: rgba(0, 0, 0, .4);--toolbar-icon: #555;--toolbar-icon-hover: #222;--sidebar-icon: #aaa;--sidebar-note-border: #444;--favorite-color: #ffc107;--success-color: #66bb6a;--success-subtle: rgba(102, 187, 106, .15);--edit-overlay-bg: #eef6ff;--edit-overlay-border: #c5ddf8;--edit-overlay-text: #1a73e8;--spinner-track: rgba(0, 0, 0, .1);--spinner-color: #666;--floating-toolbar-bg: white;--floating-toolbar-shadow: rgba(0, 0, 0, .25);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--sidebar-bg: linear-gradient(180deg, #1a1a1a, #111);--sidebar-text: #ccc;--sidebar-active: #1e1e1e;--sidebar-hover: #1a1a1a;--text: #e0e0e0;--text-subtle: #888;--text-muted: #777;--text-faint: #555;--text-on-dark: #fff;--editor-bg: #1e1e1e;--editor-text: #e0e0e0;--ai-panel-bg: #1a1a1a;--accent: #4a9eff;--accent-hover: #3d8be6;--accent-subtle: rgba(74, 158, 255, .1);--border: #333;--border-subtle: #555;--border-light: #444;--border-dark: #111;--danger: #ff453a;--danger-subtle: rgba(255, 69, 58, .2);--tag-bg: #1e3a5f;--tag-text: #6bb3ff;--surface: #252525;--surface-hover: #2a2a2a;--surface-active: #333;--surface-raised: #222;--surface-overlay: #2a2a2a;--surface-overlay-hover: #333;--surface-overlay-border: #444;--code-bg: #2a2a2a;--table-header-bg: #252525;--editor-container-bg: #1a1a1a;--shadow-color: rgba(0, 0, 0, .3);--shadow-heavy: rgba(0, 0, 0, .6);--toolbar-icon: #999;--toolbar-icon-hover: #e0e0e0;--sidebar-icon: #888;--sidebar-note-border: #333;--favorite-color: #ffc107;--success-color: #66bb6a;--success-subtle: rgba(102, 187, 106, .2);--edit-overlay-bg: #1e2d3d;--edit-overlay-border: #2a4a6b;--edit-overlay-text: #6bb3ff;--spinner-track: rgba(255, 255, 255, .1);--spinner-color: #999;--floating-toolbar-bg: #2a2a2a;--floating-toolbar-shadow: rgba(0, 0, 0, .5);color-scheme:dark}html[data-sidebar-style=light]{--sidebar-bg: #f5f2ec;--sidebar-text: #16161a;--sidebar-active: #ffffff;--sidebar-hover: #ebe7df;--sidebar-icon: #54545c;--sidebar-note-border: rgba(20, 20, 28, .08);--border-dark: rgba(20, 20, 28, .08);--text-on-dark: #16161a;--surface-overlay: #ffffff;--surface-overlay-hover: #f2efe9;--surface-overlay-border: rgba(20, 20, 28, .1)}html[data-sidebar-style=light] #sidebar .folder-tree-chevron:hover{background:#14141c14}*{margin:0;padding:0;box-sizing:border-box}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}html,body{font-family:var(--font)}body.app-mode,body.app-mode html{height:100vh;overflow-y:hidden;background:var(--sidebar-bg)}#app{display:flex;height:100vh;width:100vw;opacity:0;transition:opacity .2s ease}#app.ready{opacity:1}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-dark);transition:width .2s ease,min-width .2s ease;-webkit-user-select:none;user-select:none}#sidebar.is-collapsed{width:0;min-width:0;border-right:none}#sidebar.drag-over{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--sidebar-hover)}#sidebar.drag-over:after{content:"Drop .md or .mdx files to import";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);color:var(--accent);font-size:13px;font-weight:600;pointer-events:none;z-index:10}#sidebar{position:relative}.sidebar-header{padding:10px;display:flex;flex-direction:column;gap:10px}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.sidebar-header h1{font-size:18px;font-weight:700;color:var(--text-on-dark);letter-spacing:-.3px}.sidebar-title-actions{display:flex;gap:8px}.sidebar-icon-btn{width:30px;height:30px;border:none;background:none;color:var(--sidebar-icon);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}@media(hover:hover){.sidebar-icon-btn:hover{background:var(--surface-overlay-hover);color:var(--text-on-dark)}}.sidebar-icon-btn .material-symbols-rounded{font-size:20px}#new-note-btn{background:var(--accent);color:var(--border)}.search-box{position:relative}.search-box input{width:100%;padding:8px 12px 8px 32px;border:none;border-radius:8px;background:var(--surface-overlay);color:var(--text-on-dark);font-size:13px;outline:none}.search-box input::placeholder{color:var(--text-subtle)}.search-box .search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-subtle);font-size:16px;pointer-events:none}.filter-btn-with-label{width:auto!important;gap:4px;padding:0 8px 0 0}.filter-btn-label{font-size:12px;color:var(--sidebar-icon);white-space:nowrap}.filter-btn-clear{font-size:14px!important;color:var(--text-subtle);cursor:pointer;margin-left:2px}@media(hover:hover){.filter-btn-clear:hover{color:var(--text-on-dark)}}.note-item-tags .sidebar-add-tag{font-size:11px;border:none;padding:0;border-radius:0;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:24px;color:var(--text-subtle)}@media(hover:hover){.note-item-tags .sidebar-add-tag:hover{color:var(--text-muted)}}.filter-popover{position:fixed;background:var(--surface-overlay);border:1px solid var(--surface-overlay-border);border-radius:10px;padding:4px;min-width:220px;box-shadow:0 8px 24px var(--shadow-heavy);z-index:300}.filter-item{display:flex;align-items:center;padding:7px 10px;cursor:pointer;font-size:13px;color:var(--sidebar-text);border-radius:6px;transition:background .1s;-webkit-user-select:none;user-select:none}@media(hover:hover){.filter-item:hover{background:var(--surface-overlay-hover)}}.filter-item.active{background:var(--accent);color:var(--text-on-dark)}.filter-item .nav-icon{margin-right:8px;width:20px;text-align:center;font-size:18px}.filter-item .nav-label{flex:1}.filter-item .nav-count{font-size:11px;color:var(--text-muted);background:#ffffff1a;padding:1px 6px;border-radius:10px}.filter-item.active .nav-count{color:#fffc;background:#fff3}.filter-section-title{padding:8px 10px 2px;font-size:11px;text-transform:uppercase;color:var(--text-subtle);font-weight:600;letter-spacing:.5px}.filter-divider{height:1px;background:var(--surface-overlay-border);margin:4px 6px}.note-list{flex:1;overflow-y:auto;padding:4px 0}.note-list::-webkit-scrollbar{width:4px}.note-list::-webkit-scrollbar-thumb{background:var(--surface-overlay-border);border-radius:2px}.pinned-section{border-bottom:1px solid var(--text-subtle)}.note-item{display:flex;align-items:center;padding:6px 8px 5px 10px;cursor:pointer;border-left:4px solid transparent;border-bottom:1px solid var(--sidebar-note-border);transition:background .1s}@media(hover:hover){.note-item:hover{background:var(--sidebar-hover)}}@media(hover:hover){.note-item:hover .note-item-menu-btn{opacity:1}}.note-item.active{background:var(--sidebar-active);border-left:4px solid var(--accent)}.note-item-content{flex:1;min-width:0;overflow:hidden}.note-item-title{position:relative;font-size:13px;font-weight:600;color:var(--text-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.note-item-preview{font-size:11px;color:var(--text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;display:none}.note-item-tags{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;min-height:24px;color:var(--text-subtle)}.note-item-tags .material-symbols-rounded{font-size:16px}.note-item-tag{display:inline;font-size:10px;margin-right:6px}.pinned-section-label{display:flex;align-items:center;gap:4px;padding:8px 16px 4px;font-size:11px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px}.pinned-section-label .material-symbols-rounded{font-size:14px}.pinned-separator{height:1px;background:var(--border-color);margin:4px 16px}.note-item-pin{position:absolute;top:3px;color:var(--text-subtle);margin-left:4px;vertical-align:middle}.note-item-pin .material-symbols-rounded{font-size:14px}.note-item-fav{position:absolute;top:3px;color:var(--favorite-color);margin-left:4px;vertical-align:middle}.note-item-fav .material-symbols-rounded{font-size:14px;font-variation-settings:"FILL" 1}.note-item-menu-btn{width:28px;height:28px;border:none;background:none;color:var(--text-subtle);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s;flex-shrink:0}@media(hover:hover){.note-item-menu-btn:hover{background:var(--surface-overlay-hover);color:var(--text-on-dark)}}.note-item-menu-btn .material-symbols-rounded{font-size:18px}.note-menu-popover{position:fixed;background:var(--surface-overlay);border:1px solid var(--surface-overlay-border);border-radius:8px;padding:4px;min-width:150px;box-shadow:0 8px 24px var(--shadow-heavy);z-index:300}.folders-popover-content{padding:8px 10px}.folders-popover-label{font-size:11px;font-weight:600;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.folders-popover-tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.folders-popover-empty{font-size:12px;color:var(--text-subtle)}.note-menu-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:13px;color:var(--sidebar-text);border-radius:6px;cursor:pointer}@media(hover:hover){.note-menu-item:hover{background:var(--surface-overlay-hover)}}.note-menu-item.danger{color:var(--danger)!important}@media(hover:hover){.note-menu-item.danger:hover{background:var(--danger-subtle)}}.note-menu-item .material-symbols-rounded{font-size:18px}.trash-actions{display:flex;gap:2px;flex-shrink:0}.trash-actions button{width:28px;height:28px;border:none;background:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.trash-actions button .material-symbols-rounded{font-size:18px}.restore-btn{color:var(--success-color)}@media(hover:hover){.restore-btn:hover{background:var(--success-subtle)}}.perm-delete-btn{color:var(--danger)}@media(hover:hover){.perm-delete-btn:hover{background:var(--danger-subtle)}}.sidebar-footer{padding:8px 16px;border-top:1px solid var(--border-dark);font-size:11px;text-align:center;display:flex;align-items:center;justify-content:flex-start}.sidebar-footer a{color:var(--sidebar-icon);text-decoration:none}@media(hover:hover){.sidebar-footer a:hover{color:var(--text-on-dark)}}.file-manager-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.file-manager-dialog{background:var(--surface);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0000004d}.file-manager-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.file-manager-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text)}.file-manager-title .material-symbols-rounded{font-size:20px}.file-manager-close{background:none;border:none;color:var(--text-subtle);cursor:pointer;padding:4px;border-radius:6px}@media(hover:hover){.file-manager-close:hover{background:var(--surface-hover)}}.file-manager-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:12px;color:var(--text-subtle);border-bottom:1px solid var(--border)}.file-manager-cleanup-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:none;border-radius:6px;background:#e53935;color:#fff;font-size:11px;font-weight:500;cursor:pointer}@media(hover:hover){.file-manager-cleanup-btn:hover{opacity:.9}}.file-manager-cleanup-btn:disabled{opacity:.5;cursor:default}.file-manager-cleanup-btn .material-symbols-rounded{font-size:16px}.file-manager-all-used{color:var(--text-subtle);font-style:italic}.file-manager-list{overflow-y:auto;flex:1;padding:8px}.file-manager-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background .1s}@media(hover:hover){.file-manager-item:hover{background:var(--surface-hover)}}.file-manager-item.orphan{opacity:.7}.file-manager-preview{width:40px;height:40px;border-radius:6px;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.file-thumb-img{width:100%;height:100%;background-size:cover;background-position:center}.file-type-icon{font-size:20px;color:var(--text-subtle)}.file-manager-info{flex:1;min-width:0}.file-manager-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-manager-refs{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.file-ref{font-size:11px;color:var(--accent);cursor:pointer;background:var(--surface-active);padding:1px 6px;border-radius:4px}@media(hover:hover){.file-ref:hover{text-decoration:underline}}.file-ref.deleted{color:var(--text-subtle);background:var(--surface-hover)}.file-unused{font-size:11px;color:#e53935;font-style:italic}.file-manager-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}@media(hover:hover){.file-manager-item:hover .file-manager-actions{opacity:1}}.file-manager-insert,.file-manager-delete{background:none;border:none;color:var(--text-subtle);cursor:pointer;padding:4px;border-radius:6px}@media(hover:hover){.file-manager-insert:hover{background:var(--surface-hover);color:var(--accent)}}@media(hover:hover){.file-manager-delete:hover{background:var(--surface-hover);color:#e53935}}.file-manager-insert .material-symbols-rounded,.file-manager-delete .material-symbols-rounded{font-size:18px}.file-manager-empty,.file-manager-loading{padding:32px 20px;text-align:center;color:var(--text-subtle);font-size:13px}#editor-area{flex:1;display:flex;flex-direction:column;background:var(--editor-bg);min-width:0}.editor-toolbar{display:flex;position:relative;align-items:center;gap:2px;padding:8px 46px 8px 8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-btn{width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:14px;color:var(--toolbar-icon);display:flex;align-items:center;justify-content:center;transition:all .1s}.toolbar-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.toolbar-btn:hover{background:var(--surface-hover);color:var(--toolbar-icon-hover)}}.toolbar-btn.is-active{background:var(--surface-active);color:var(--accent)}.toolbar-btn.is-disabled{opacity:.3;pointer-events:none}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.toolbar-spacer{flex:1}.tag-pill{display:inline-flex;align-items:center;padding:6px 10px;background:var(--tag-bg);color:var(--tag-text);border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;gap:4px;line-height:15px}.tag-pill .remove-tag{font-size:16px;cursor:pointer;opacity:.6}@media(hover:hover){.tag-pill .remove-tag:hover{opacity:1}}.add-tag-btn{padding:6px 10px;border:1px dashed var(--border-light);background:none;border-radius:12px;font-size:12px;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center}@media(hover:hover){.add-tag-btn:hover{border-color:var(--border-subtle);color:var(--text-subtle)}}.toolbar-groups{display:flex;gap:2px;position:absolute;left:50%;transform:translate(-50%)}.toolbar-group-btn{width:32px;height:32px;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--toolbar-icon);display:flex;align-items:center;justify-content:center;transition:all .1s}.toolbar-group-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.toolbar-group-btn:hover{background:var(--surface-hover);color:var(--toolbar-icon-hover)}}.toolbar-group-btn.is-active{background:var(--surface-active);color:var(--accent)}.toolbar-group-btn.is-disabled{opacity:.3;pointer-events:none}.toolbar-group-popup{position:fixed;display:flex;flex-direction:column;gap:1px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px var(--shadow-color);z-index:300;min-width:170px}.toolbar-group-popup-btn{width:100%;height:auto;padding:7px 12px;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--toolbar-icon);display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;white-space:nowrap;transition:all .1s}.toolbar-group-popup-btn .material-symbols-rounded{font-size:18px}@media(hover:hover){.toolbar-group-popup-btn:hover{background:var(--surface-hover);color:var(--toolbar-icon-hover)}}.toolbar-group-popup-btn.is-active{background:var(--surface-active);color:var(--accent)}.capture-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.capture-modal-dialog{background:var(--surface);border-radius:12px;padding:20px;min-width:320px;max-width:480px;width:90%;box-shadow:0 16px 48px #0000004d}.capture-modal-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px}.capture-modal-header .material-symbols-rounded{font-size:20px;color:var(--accent)}.capture-modal-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.capture-modal-input:focus{border-color:var(--accent)}.capture-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.capture-modal-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.capture-modal-btn.secondary{background:var(--surface-hover);color:var(--text)}@media(hover:hover){.capture-modal-btn.secondary:hover{background:var(--border)}}.capture-modal-btn.primary{background:var(--accent);color:#fff}@media(hover:hover){.capture-modal-btn.primary:hover{opacity:.9}}.capture-modal-btn.primary.recording{background:#e53935}.capture-modal-btn:disabled{opacity:.5;cursor:default}.capture-modal-status{margin-top:12px;font-size:12px;color:var(--text-subtle);text-align:center}.conflict-modal-body{font-size:13px;color:var(--text-subtle);line-height:1.5;margin-bottom:16px}.conflict-modal-actions{flex-wrap:wrap}.editor-lock-banner{position:fixed;top:0;right:0;bottom:0;left:280px;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-subtle);opacity:.9}.editor-lock-banner .material-symbols-rounded{font-size:18px;color:var(--accent)}.editor-lock-banner-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.editor-lock-banner-btn:hover{background:var(--surface-hover)}.memos-sync-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(8px);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:10px 16px;border-radius:999px;font-size:13px;box-shadow:0 8px 24px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:600;max-width:80vw;text-align:center}.memos-sync-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.camera-preview{border-radius:8px;overflow:hidden;background:#000}.camera-preview video{width:100%;display:block}.camera-dialog{max-width:540px}.audio-recorder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.audio-timer{font-size:32px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.audio-indicator{width:48px;height:48px;border-radius:50%;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);transition:all .3s}.audio-indicator.active{background:#e53935;color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.capture-modal-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:13px;font-family:inherit;margin-bottom:8px;outline:none;box-sizing:border-box;cursor:pointer}.capture-modal-select:focus{border-color:var(--accent)}.audio-player-node{display:flex;align-items:center;gap:10px;background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin:8px 0}.audio-player-node audio{flex:1;height:36px;min-width:0}.audio-player-node .audio-label{font-size:12px;color:var(--text-subtle);white-space:nowrap}.toolbar-action-btn{width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--text-muted);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .1s}.toolbar-action-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.toolbar-action-btn:hover{color:var(--toolbar-icon);background:var(--surface-hover)}}.toolbar-action-btn.is-fav{color:var(--favorite-color)}.toolbar-action-btn.is-fav .material-symbols-rounded{font-variation-settings:"FILL" 1}.toolbar-action-btn.is-disabled{opacity:.3;pointer-events:none}.more-menu-popover{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;min-width:170px;box-shadow:0 8px 24px var(--shadow-color);z-index:300}.more-menu-popover .note-menu-item{color:var(--text)}@media(hover:hover){.more-menu-popover .note-menu-item:hover{background:var(--surface-hover)}}.editor-bottombar{display:flex;align-items:center;padding:4px 8px;border-top:1px solid var(--border);background:var(--editor-bg);flex-shrink:0;min-height:32px}.bottombar-stats{font-size:11px;color:var(--text-muted);white-space:nowrap}.bottombar-save-status{font-size:11px;color:var(--text-subtle);margin:auto;opacity:0;transition:opacity .3s}.bottombar-save-status.visible{opacity:1}.bottombar-spacer{flex:1}.bottombar-ac-toggle{margin-right:0}.editor-container{flex:1;overflow-y:auto;padding:30px 40px;background:var(--editor-bg)}.editor-container .tiptap{outline:none;min-height:300px;font-size:16px;line-height:1.4;color:var(--editor-text)}.editor-container .tiptap h1{font-size:27px;font-weight:700;margin-top:1em;margin-bottom:1em;line-height:1.3}.editor-container .tiptap h2{font-size:22px;font-weight:600;margin-top:1.25em;margin-bottom:.75em;line-height:1.3}.editor-container .tiptap h3{font-size:18px;font-weight:600;margin-top:1.5em;margin-bottom:.5em}.editor-container .tiptap p{margin-bottom:1em}.editor-container .tiptap ul,.editor-container .tiptap ol{padding-left:24px;margin-bottom:1em}.editor-container .tiptap li,.editor-container .tiptap li p{margin-bottom:0}.editor-container .tiptap ul[data-type=taskList]{list-style:none;padding-left:0}.editor-container .tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;align-items:center;gap:8px}.editor-container .tiptap ul[data-type=taskList] li label{margin-top:3px}.editor-container .tiptap ul[data-type=taskList] li label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--text-subtle);border-radius:3px;background:transparent;cursor:pointer;position:relative;flex-shrink:0}.editor-container .tiptap ul[data-type=taskList] li label input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.editor-container .tiptap ul[data-type=taskList] li label input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.editor-container .tiptap ul[data-type=taskList] li div{flex:1}.editor-container .tiptap blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:8px 0;color:var(--text-subtle)}.editor-container .tiptap pre{background:var(--code-bg);border-radius:8px;padding:12px 16px;margin:8px 0;overflow-x:auto}.editor-container .tiptap pre code{font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px;color:var(--text)}.editor-container .tiptap code{padding:20;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:13px}.editor-container .tiptap a{color:var(--accent);text-decoration:underline}.editor-container .tiptap img{max-width:100%;border-radius:8px;margin:8px 0}.editor-container .tiptap img.ProseMirror-selectednode{outline:2px solid var(--accent)}.editor-container .tiptap table{border-collapse:collapse;width:100%;margin:8px 0 1em;overflow:hidden}.editor-container .tiptap table th,.editor-container .tiptap table td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top;min-width:80px}.editor-container .tiptap table th{background:var(--table-header-bg);font-weight:600}.editor-container .tiptap table th p,.editor-container .tiptap table td p{margin-bottom:0}.editor-container .tiptap table .selectedCell{background:var(--accent-subtle)}.editor-container .tiptap hr{border:none;border-top:1px solid var(--border);margin:16px 0}.editor-container .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-faint);pointer-events:none;height:0}.editor-edit-overlay{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:9px;background:var(--edit-overlay-bg);border:1px solid var(--edit-overlay-border);box-shadow:0 2px 4px var(--shadow-color)}.editor-edit-overlay-label{font-size:13px;font-weight:600;color:var(--edit-overlay-text)}.editor-edit-overlay-actions{display:flex;gap:8px}.editor-edit-accept-btn,.editor-edit-reject-btn{padding:5px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font)}.editor-edit-accept-btn{background:var(--edit-overlay-text);color:var(--text-on-dark)}@media(hover:hover){.editor-edit-accept-btn:hover{opacity:.85}}.editor-edit-reject-btn{background:var(--surface);color:var(--text);border:1px solid var(--border-light)}@media(hover:hover){.editor-edit-reject-btn:hover{background:var(--surface-hover)}}.editor-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.editor-spinner{width:28px;height:28px;border:3px solid var(--spinner-track);border-top-color:var(--spinner-color);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-faint);font-size:15px;gap:8px}.editor-empty-state .empty-icon{margin-bottom:8px}.editor-empty-state .empty-icon .material-symbols-rounded{font-size:48px}.autocomplete-ghost{opacity:.4;pointer-events:none;font-style:italic}.autocomplete-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--sidebar-icon);font-size:10px;transition:color .15s;-webkit-user-select:none;user-select:none}.autocomplete-toggle .material-symbols-rounded{font-size:18px}@media(hover:hover){.autocomplete-toggle:hover{color:var(--text-subtle)}}.ac-toggle-track{position:relative;width:32px;height:18px;background:var(--border-light);border-radius:9px;transition:background .2s}.ac-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--surface);border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #00000026}.autocomplete-toggle.is-active .ac-toggle-track{background:var(--accent)}.autocomplete-toggle.is-active .ac-toggle-thumb{transform:translate(14px)}#ai-chat{width:0;min-width:0;background:var(--ai-panel-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,min-width .2s ease;position:relative}.ai-resize-handle{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10}@media(hover:hover){.ai-resize-handle:hover{background:var(--accent);opacity:.3}}.ai-resize-handle:active{background:var(--accent);opacity:.3}#ai-chat.open{width:var(--ai-panel-width);min-width:var(--ai-panel-width)}.ai-chat-header{padding:10px 5px 10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;color:var(--text)}.ai-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.ai-close-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.ai-close-btn:hover{background:var(--surface-active);color:var(--toolbar-icon)}}.ai-header-actions{display:flex;align-items:center;gap:2px}.ai-model-select{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);outline:none;cursor:pointer}.ai-model-select:focus{border-color:var(--border-subtle)}.ai-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.ai-messages::-webkit-scrollbar{width:4px}.ai-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.ai-thinking{align-self:flex-start;display:flex;gap:4px;padding:12px 16px;border-radius:14px;background:var(--surface-hover)}.ai-thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:ai-bounce 1.2s infinite ease-in-out}.ai-thinking-dot:nth-child(2){animation-delay:.2s}.ai-thinking-dot:nth-child(3){animation-delay:.4s}@keyframes ai-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ai-message{max-width:90%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.5;word-wrap:break-word}.ai-message.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.ai-message.assistant{align-self:flex-start;background:var(--surface);color:var(--text);border-bottom-left-radius:4px;box-shadow:0 1px 3px var(--shadow-color)}.ai-message.assistant p{margin-bottom:6px}.ai-message.assistant p:last-child{margin-bottom:0}.ai-message.assistant code{background:var(--surface-hover);padding:1px 4px;border-radius:3px;font-size:12px}.ai-message.assistant pre{background:var(--surface-hover);padding:8px;border-radius:6px;overflow-x:auto;margin:4px 0}.ai-message.assistant pre code{background:none;padding:0}.ai-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px;text-align:center;padding:20px;gap:8px}.ai-empty .ai-empty-icon .material-symbols-rounded{font-size:36px}.ai-mode-toggle{display:flex;align-items:center;padding:8px 12px 0;gap:4px;border-top:1px solid var(--border)}.ai-mode-btn{padding:4px 12px;border-radius:8px;font-size:12px;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;font-family:var(--font);transition:all .15s}.ai-mode-btn .material-symbols-rounded{font-size:16px}.ai-mode-btn.active{background:var(--surface-active);color:var(--text);font-weight:600}@media(hover:hover){.ai-mode-btn:not(.active):hover{color:var(--text-subtle)}}.ai-input-area{padding:6px 12px 12px;border-top:none;display:flex;gap:8px}.ai-input-area textarea{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-family:var(--font);resize:none;outline:none;max-height:80px;line-height:1.4;background:var(--editor-bg);color:var(--text)}.ai-input-area textarea:focus{border-color:var(--accent)}.ai-send-btn{width:36px;height:36px;border:none;background:var(--accent);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;transition:background .15s;flex-shrink:0}.ai-send-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.ai-send-btn:hover{background:var(--accent-hover)}}.ai-send-btn:disabled{background:var(--border-light);cursor:not-allowed}.ai-mic-btn{width:36px;height:36px;border:none;background:var(--surface-active);color:var(--text-subtle);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;transition:all .15s;flex-shrink:0}.ai-mic-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.ai-mic-btn:hover{background:var(--surface-hover);color:var(--text)}}.ai-mic-btn.recording{background:#ff3b30;color:#fff;animation:mic-pulse 1.5s ease-in-out infinite}.ai-mic-btn.transcribing{background:var(--accent);color:#fff;animation:ai-pulse 1s ease-in-out infinite}.ai-mic-btn.error{background:#ff3b30;color:#fff}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ff3b3066}50%{box-shadow:0 0 0 8px #ff3b3000}}.ai-toggle-btn{position:fixed;top:8px;right:8px;width:32px;height:32px;border:none;background:var(--accent);color:#fff;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .15s}.ai-toggle-btn .material-symbols-rounded{font-size:20px}@media(hover:hover){.ai-toggle-btn:hover{transform:scale(1.05)}}.ai-toggle-btn.open{display:none}.mention-dropdown{position:absolute;bottom:100%;left:12px;right:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);max-height:160px;overflow-y:auto;display:none;z-index:10}.mention-dropdown.visible{display:block}.mention-option{padding:8px 12px;font-size:13px;cursor:pointer}@media(hover:hover){.mention-option:hover{background:var(--surface-hover)}}.mention-option.selected{background:var(--surface-hover)}.tag-input-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:200}.tag-input-dialog{background:var(--surface);border-radius:12px;padding:20px;width:320px;box-shadow:0 8px 30px var(--shadow-heavy)}.tag-input-dialog h3{font-size:15px;margin-bottom:12px;color:var(--text)}.tag-input-dialog input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;background:var(--editor-bg);color:var(--text)}.tag-input-dialog input:focus{border-color:var(--accent)}.tag-input-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.tag-input-actions button{padding:6px 16px;border-radius:8px;border:none;font-size:13px;cursor:pointer}.tag-input-actions .cancel-btn{background:var(--surface-hover);color:var(--text)}.tag-input-actions .add-btn{background:var(--accent);color:#fff}.export-format-options{display:flex;gap:8px;margin:4px 0}.export-format-btn{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.export-format-btn:hover{background:var(--surface-hover)}.export-format-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff}.tag-suggestions{max-height:150px;overflow-y:auto;margin-top:4px;border:1px solid var(--border);border-radius:8px;display:none}.tag-suggestions:empty{display:none}.tag-suggestion-item{padding:6px 12px;font-size:13px;cursor:pointer;color:var(--text)}@media(hover:hover){.tag-suggestion-item:hover{background:var(--accent);color:var(--text-on-dark)}}.tag-suggestion-item.highlighted{background:var(--accent);color:var(--text-on-dark)}.link-input-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 4px 12px var(--shadow-color);display:flex;gap:4px;z-index:50}.link-input-popup input{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none;width:200px;background:var(--editor-bg);color:var(--text)}.link-input-popup button{padding:4px 10px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.info-popover{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:260px;box-shadow:0 8px 24px var(--shadow-color);z-index:300}.info-popover-section{margin-bottom:14px}.info-popover-section:last-child{margin-bottom:0}.info-popover-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.3px;margin-bottom:4px}.info-popover-value{font-size:13px;color:var(--text)}.info-popover-tags{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.puter-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:100000}.puter-error-content{background:var(--editor-bg);border-radius:16px;padding:2rem;text-align:center;max-width:360px;box-shadow:0 8px 32px #0000004d}.puter-error-icon{font-size:3rem;margin-bottom:1rem}.puter-error-content h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--editor-text)}.puter-error-content p{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-subtle);line-height:1.4}.puter-error-reload-btn{background:var(--accent);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .2s}@media(hover:hover){.puter-error-reload-btn:hover{background:var(--accent-hover)}}.ai-edit-block{border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);margin:8px 0;overflow:hidden}.ai-edit-preview{max-height:150px;overflow-y:auto;padding:10px 12px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;line-height:1.5;color:var(--toolbar-icon);white-space:pre-wrap;word-break:break-word}.ai-apply-btn{display:block;width:100%;padding:8px;border:none;border-top:1px solid var(--border);background:var(--accent);color:#fff;font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s}@media(hover:hover){.ai-apply-btn:hover{background:var(--accent-hover)}}.ai-apply-btn:disabled{background:var(--success-color);cursor:default;color:var(--text-on-dark);opacity:.7}.ai-edit-status{padding:8px 12px;margin:8px 0;border-radius:8px;background:var(--edit-overlay-bg);color:var(--edit-overlay-text);font-size:12px;font-weight:600;text-align:center}.ai-edit-generating{padding:12px;margin:8px 0;border:1px dashed var(--border-light);border-radius:8px;font-size:12px;color:var(--text-muted);text-align:center;animation:ai-pulse 1.5s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:.5}50%{opacity:1}}#sign-in-overlay{background:linear-gradient(45deg,var(--sidebar-bg),var(--sidebar-active))}.code-block-wrapper{position:relative}.copy-code-btn{position:absolute;top:4px;right:4px;padding:5px;font-size:11px;color:var(--ai-panel-bg);background:var(--text-subtle);border:none;border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s;z-index:1;width:32px;display:inline-flex;justify-content:center;align-items:center}.copy-code-btn span{pointer-events:none}@media(hover:hover){.code-block-wrapper:hover .copy-code-btn{opacity:1}}.editor-container{position:relative}.editor-copy-btn{position:absolute;opacity:0;pointer-events:none;background:transparent;color:var(--border-subtle);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;padding:2px 4px;display:flex;align-items:center;transition:opacity .15s;z-index:10}.editor-copy-btn span{font-size:18px;pointer-events:none}@media(max-width:767px){body{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{height:var(--app-height, 100vh);height:calc(100vh - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:relative;overflow:hidden}#app.mobile-view-list #editor-area,#app.mobile-view-list #ai-chat{display:none!important}#app.mobile-view-list #sidebar{display:flex!important;width:100%!important;min-width:100%!important;padding-bottom:calc(env(safe-area-inset-bottom) + 40px)}#app.mobile-view-editor #sidebar,#app.mobile-view-ai-chat #sidebar{display:none!important}#app.mobile-view-editor #editor-area,#app.mobile-view-ai-chat #editor-area{flex:1;width:100%}.editor-toolbar,.editor-bottombar,.ai-toggle-btn{display:none!important}.editor-lock-banner{left:0;z-index:999}#ai-chat{display:none!important}.ai-input-area textarea{font-size:16px}.ai-empty-icon{display:none}#app.mobile-view-ai-chat #ai-chat{display:flex!important;position:absolute;bottom:calc(env(safe-area-inset-bottom) + 20px);left:0;right:0;top:auto;width:100%!important;min-width:100%!important;max-height:calc(var(--vv-height, 100vh));border:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;z-index:400;box-shadow:0 -4px 20px #0000001a;transition:none}#app.mobile-view-ai-chat #ai-chat .ai-resize-handle{display:none}#app.mobile-view-ai-chat #ai-chat .ai-input-area{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.editor-container{padding:48px 16px 100px;height:var(--app-height)}.mobile-top-bar{display:flex;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--editor-bg);z-index:10;flex-shrink:0;padding-top:calc(6px + env(safe-area-inset-top));left:0;position:fixed;right:0;top:0}.mobile-top-spacer{flex:1}.mobile-top-btn{width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);-webkit-tap-highlight-color:transparent}.mobile-top-btn:active{background:var(--surface-hover)}.mobile-top-btn .material-symbols-rounded{font-size:22px}.mobile-ai-btn{color:var(--accent)}.mobile-ai-btn.active{background:var(--accent);color:#fff}.mobile-top-btn.is-fav{color:var(--favorite-color)}.mobile-top-btn.is-fav .material-symbols-rounded{font-variation-settings:"FILL" 1}.mobile-floating-toolbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px 10px;background:var(--floating-toolbar-bg);border-radius:16px;box-shadow:0 4px 20px var(--floating-toolbar-shadow);z-index:500;margin-bottom:calc(6px + env(safe-area-inset-bottom))}.mobile-toolbar-group-btn{width:48px;height:48px;border:none;background:none;border-radius:12px;color:var(--toolbar-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-toolbar-group-btn:active{background:#ffffff26}.mobile-toolbar-group-btn .material-symbols-rounded{font-size:24px}.mobile-toolbar-popup{position:fixed;bottom:84px;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface, #fff);border:1px solid var(--border, #e0e0e0);border-radius:14px;box-shadow:0 4px 20px var(--shadow-color, rgba(0,0,0,.12));z-index:501;min-width:200px}.mobile-toolbar-popup-btn{height:44px;border:none;background:none;border-radius:10px;color:var(--text, #333);display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-toolbar-popup-btn:active{background:var(--surface-hover, #f0f0f0)}.mobile-toolbar-popup-btn .material-symbols-rounded{font-size:20px;color:var(--text-subtle, #666)}.mobile-toolbar-popup-label{font-size:15px;font-family:var(--font);white-space:nowrap}.note-item-menu-btn{opacity:1!important}}.update-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#333;color:#e0e0e0;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:10000;box-shadow:0 4px 20px #0006;animation:slideUp .3s ease;font-size:14px}.update-notification .update-btn{background:var(--accent);color:#fff;border:none;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}@media(hover:hover){.update-notification .update-btn:hover{background:var(--accent-hover)}}.update-notification .dismiss-btn{background:none;border:none;color:#888;cursor:pointer;font-size:18px;padding:0 4px;line-height:1}@media(hover:hover){.update-notification .dismiss-btn:hover{color:#e0e0e0}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500}.settings-dialog{background:var(--surface);border-radius:12px;width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0000004d}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.settings-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text)}.settings-title .material-symbols-rounded{font-size:20px}.settings-close{background:none;border:none;color:var(--text-subtle);cursor:pointer;padding:4px;border-radius:6px}@media(hover:hover){.settings-close:hover{background:var(--surface-hover)}}.settings-body{overflow-y:auto;padding:8px 0}.settings-section{padding:12px 20px}.settings-section+.settings-section{border-top:1px solid var(--border)}.settings-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-subtle);margin-bottom:12px}.settings-section-title .material-symbols-rounded{font-size:16px}.settings-row{margin-bottom:12px}.settings-row:last-child{margin-bottom:4px}.settings-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.settings-theme-options{display:flex;gap:6px}.settings-theme-btn,.settings-sidebar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s}.settings-theme-btn .material-symbols-rounded,.settings-sidebar-btn .material-symbols-rounded{font-size:18px}.settings-theme-btn.active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.settings-theme-btn[data-theme=light]{background:#eee}.settings-theme-btn[data-theme=dark]{background:#555}.settings-sidebar-btn[data-sidebar=light]{background:#f5f2ec;color:#16161a}.settings-sidebar-btn[data-sidebar=dark]{background:#222;color:#e0e0e0}.settings-sidebar-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}@media(hover:hover){.settings-theme-btn:hover:not(.active),.settings-sidebar-btn:hover:not(.active){background:var(--surface-hover)}}.settings-color-swatches{display:flex;gap:8px}.settings-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;position:relative}.settings-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}@media(hover:hover){.settings-swatch:hover:not(.active){transform:scale(1.15)}}.settings-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.settings-select:focus{outline:none;border-color:var(--accent)}.settings-autocomplete-row{display:flex;align-items:center;gap:10px}.settings-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:22px;transition:.2s}.settings-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.settings-toggle input:checked+.settings-toggle-slider{background:var(--accent)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(18px)}.settings-action-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s}.settings-action-btn .material-symbols-rounded{font-size:18px;color:var(--text-subtle)}@media(hover:hover){.settings-action-btn:hover{background:var(--surface-hover)}}.settings-action-btn:disabled{opacity:.5;cursor:default}.filter-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 2px}.filter-section-header .filter-section-title{padding:0}.filter-section-action{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-subtle);cursor:pointer;border-radius:4px;padding:0}.filter-section-action:hover{color:var(--sidebar-text);background:var(--surface-overlay-hover)}.filter-section-action .material-symbols-rounded{font-size:16px}.filter-empty-row{padding:6px 10px;font-size:12px;color:var(--text-muted);font-style:italic}.folder-tree-row{position:relative}.folder-tree-chevron,.folder-tree-chevron-spacer{width:16px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);margin-right:2px;cursor:pointer;border-radius:4px}.folder-tree-chevron:hover{background:#ffffff14}.folder-tree-row.active .folder-tree-chevron{color:#fffc}.folder-tree-menu{width:22px;height:22px;border:none;background:transparent;color:var(--text-subtle);cursor:pointer;border-radius:4px;display:none;align-items:center;justify-content:center;padding:0;margin-left:4px;display:inline-flex}.folder-tree-menu .material-symbols-rounded{font-size:16px}.folder-tree-row.active .folder-tree-menu{display:inline-flex;color:#ffffffd9}.filter-item.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.note-item.dragging{opacity:.45}.note-item-folder{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);margin-right:6px}.note-item-folder .material-symbols-rounded{font-size:13px}.info-popover-path{display:flex;flex-wrap:wrap;gap:2px 0;align-items:center}.info-popover-sep{color:var(--text-subtle);margin:0 2px}.info-popover-muted{color:var(--text-muted)}.folder-picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.folder-picker-dialog{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;padding:16px;width:min(420px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 80px));display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #0000004d}.folder-picker-dialog h3{margin:0;font-size:16px}.folder-picker-tree{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:4px;min-height:120px}.folder-picker-row{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-radius:6px;font-size:13px}.folder-picker-row .material-symbols-rounded{font-size:18px;color:var(--text-muted)}.folder-picker-row:hover{background:var(--surface-hover, rgba(127,127,127,.1))}.folder-picker-row.selected{background:var(--accent);color:var(--text-on-dark)}.folder-picker-row.selected .material-symbols-rounded{color:#ffffffe6}.folder-picker-newrow{display:flex;gap:8px}.folder-picker-newrow input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:13px;outline:none}.folder-picker-newrow input:focus{border-color:var(--accent)}.folder-picker-create{padding:8px 14px;border:1px solid var(--border);background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:13px}.folder-picker-create:hover{background:var(--surface-hover, rgba(127,127,127,.1))}.folder-migration-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.folder-migration-dialog{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:14px;padding:22px;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 20px 60px #00000059}.folder-migration-dialog h3{margin:0 0 8px;font-size:18px}.folder-migration-sub{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--text-muted)}.folder-migration-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.folder-migration-action{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font:inherit}.folder-migration-action:hover{background:var(--surface-hover, rgba(127,127,127,.08));border-color:var(--accent)}.folder-migration-action.danger:hover{border-color:#ef4444}.folder-migration-action .material-symbols-rounded{font-size:22px;color:var(--text-muted)}.folder-migration-action-title{font-weight:600;font-size:14px}.folder-migration-action-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.folder-migration-list{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.folder-migration-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.folder-migration-row:last-child{border-bottom:none}.folder-migration-name{font-size:13px}.folder-migration-toggle{display:flex;gap:4px}.folder-migration-pick{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer}.folder-migration-pick .material-symbols-rounded{font-size:14px}.folder-migration-pick.active{background:var(--accent);color:var(--text-on-dark);border-color:var(--accent)}.folder-action-menu{z-index:320}