:root{--font-display: "Barlow Condensed", system-ui, sans-serif;--font-serif: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--accent: #3b82f6;--accent-strong: color-mix(in srgb, #3b82f6 78%, #000);--gold: oklch(.7686 .1647 70.08);--radius: 8px;--radius-lg: 14px;--ease: cubic-bezier(.22, 1, .36, 1);--ink: oklch(.2046 0 0);--surface: oklch(.2686 0 0);--surface-2: oklch(.32 0 0);--border: oklch(.3715 0 0);--text: oklch(.9219 0 0);--text-dim: oklch(.7155 0 0);--text-faint: oklch(.556 0 0);--paper: oklch(.2686 0 0);--paper-ink: oklch(.9219 0 0);--paper-dim: oklch(.7155 0 0);--paper-line: oklch(.3715 0 0);--fold-paper: oklch(.44 0 0);--glow: rgba(59, 130, 246, .28);--shadow: 0 24px 60px -20px rgba(0, 0, 0, .6);color-scheme:dark;--sidebar: #2d2f31;--sidebar-foreground: #c5c5ca;--sidebar-accent: #404244;--sidebar-accent-foreground: #ffffff;--sidebar-border: #3a3c3e}[data-theme=light]{--ink: oklch(1 0 0);--surface: oklch(.9846 .0017 247.8389);--surface-2: oklch(.967 .0029 264.5419);--border: oklch(.9276 .0058 264.5313);--text: oklch(.3211 0 0);--text-dim: oklch(.551 .0234 264.3637);--text-faint: oklch(.646 .0234 264);--paper: oklch(1 0 0);--paper-ink: oklch(.3211 0 0);--paper-dim: oklch(.551 .0234 264.3637);--paper-line: oklch(.9276 .0058 264.5313);--fold-paper: oklch(.86 .004 264);--glow: rgba(59, 130, 246, .16);--shadow: 0 20px 50px -24px rgba(20, 30, 50, .22);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit}.auth-wrap{min-height:100%;display:grid;place-items:center;padding:40px 20px;position:relative;background:radial-gradient(1000px 520px at 50% -5%,var(--glow),transparent 62%)}.auth-card{position:relative;width:min(420px,100%);background:var(--paper);color:var(--paper-ink);border:1px solid var(--border);border-radius:var(--radius-lg);padding:38px 34px 30px;box-shadow:var(--shadow)}.auth-card:before{content:"";position:absolute;top:-1px;right:-1px;width:44px;height:44px;border-top-right-radius:inherit;background:linear-gradient(225deg,var(--ink) 0 49.5%,transparent 50%)}.auth-card:after{content:"";position:absolute;top:-1px;right:-1px;width:44px;height:44px;border-bottom-left-radius:12px;background:linear-gradient(45deg,#efe6cf 0%,#d7cdb2 32%,color-mix(in srgb,#d7cdb2 52%,#000) 49%,transparent 49.6%);filter:drop-shadow(-3px 3px 3px rgba(0,0,0,.5))}.auth-head{text-align:center;margin-bottom:22px}.auth-head svg{filter:drop-shadow(0 4px 10px rgba(80,64,36,.18))}.auth-title{font-family:var(--font-display);font-weight:600;font-size:1.7rem;letter-spacing:-.01em;margin:14px 0 4px;color:var(--paper-ink)}.serif-accent{font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--accent-strong)}.auth-sub{margin:0;color:var(--paper-dim);font-size:.92rem}.auth-confirm{text-align:center}.auth-confirm .auth-title{margin-top:18px}.auth-confirm .auth-sub{max-width:30ch;margin-inline:auto;line-height:1.5}.auth-confirm .btn-primary{margin:24px auto 2px;padding:0 30px}.auth-banner{background:color-mix(in srgb,var(--gold) 15%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);color:var(--text-dim);border-radius:var(--radius);padding:9px 12px;font-size:.78rem;margin-bottom:16px;text-align:center}.auth-banner code{font-size:.85em;background:color-mix(in srgb,var(--text) 12%,transparent);padding:1px 5px;border-radius:5px}.auth-form{display:flex;flex-direction:column;gap:13px}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-dim)}.field input{height:42px;border-radius:var(--radius);border:1px solid var(--border);background:var(--ink);color:var(--paper-ink);padding:0 13px;font-size:.95rem;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.field input::placeholder{color:var(--text-faint)}.field input:disabled{opacity:.55}.auth-error{margin:-2px 0 0;color:#b4452e;font-size:.84rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:44px;margin-top:4px;border:none;border-radius:var(--radius);background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;font-weight:600;font-size:.96rem;text-decoration:none;box-shadow:0 8px 20px -8px var(--glow);transition:filter .15s var(--ease),transform .05s var(--ease)}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.55;box-shadow:none}.link-btn{background:none;border:none;color:var(--accent-strong);font-size:.86rem;font-weight:600;padding:0;text-decoration:none}.link-btn:hover{text-decoration:underline}.link-btn:disabled{opacity:.5;text-decoration:none}.link-btn.center{display:block;margin:14px auto 0}.link-btn.inline{font-size:inherit}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--paper-dim)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--paper-line)}.auth-divider span{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.auth-oauth{display:flex;flex-direction:column;gap:10px}.btn-oauth{height:42px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--paper-ink);font-weight:500;font-size:.92rem;transition:background .15s var(--ease),border-color .15s var(--ease)}.btn-oauth:hover{background:var(--surface-2)}.btn-oauth:disabled{opacity:.55}.auth-foot{text-align:center;margin:18px 0 0;font-size:.88rem;color:var(--paper-dim)}.auth-sent{text-align:center;padding:18px 4px 6px}.auth-sent p{font-size:1rem;color:var(--paper-ink);margin:0 0 14px}.auth-back{position:absolute;bottom:22px;left:50%;transform:translate(-50%);color:var(--text-faint);font-size:.82rem;text-decoration:none}.auth-back:hover{color:var(--text-dim)}.splash{min-height:100%;display:grid;place-items:center;background:radial-gradient(900px 500px at 50% 40%,rgba(59,130,246,.12),transparent 60%)}.splash-mark{animation:splash-pulse 1.6s var(--ease) infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}@keyframes splash-pulse{0%,to{opacity:.55;transform:translateY(0) scale(.99)}50%{opacity:1;transform:translateY(-3px) scale(1)}}@media(prefers-reduced-motion:reduce){.splash-mark{animation:none;opacity:1}}.theme-toggle{height:34px;width:34px;flex:none;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;transition:color .15s var(--ease),background .15s var(--ease)}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.auth-theme{position:absolute;top:18px;right:18px;z-index:2}.auth-local{margin-top:20px;padding-top:16px;border-top:1px solid var(--paper-line);text-align:center;display:flex;flex-direction:column;gap:3px}.auth-local span{color:var(--paper-dim);font-size:.78rem}.btn-ghost{height:34px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.86rem;font-weight:500}.btn-ghost:hover{background:var(--surface-2)}.btn-primary.slim{height:38px;padding:0 18px}.notes-shell{height:100%;display:flex;flex-direction:column}.notes-app{flex:1;min-height:0;display:flex}.local-banner{flex:none;display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:.82rem;line-height:1.3;color:var(--text);background:color-mix(in srgb,var(--gold) 16%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--gold) 42%,var(--border))}.local-banner-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}.local-banner-cta{margin-left:auto;flex:none;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:.8rem;padding:4px 13px;border-radius:6px;cursor:pointer}.local-banner-cta:hover{background:var(--accent-strong)}.notes-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);flex:none}.notes-top-right{display:flex;align-items:center;gap:12px}.mode-chip{font-size:.78rem;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-body{flex:1;display:flex;min-height:0}.note-list{width:290px;flex:none;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.note-list-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.note-list-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem}.new-note-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);font-weight:600;font-size:.82rem;padding:5px 11px}.new-note-btn:hover{background:var(--surface-2)}.new-note-btn.danger{color:var(--danger, #d3503e)}.new-note-btn.danger:hover{background:color-mix(in oklch,var(--danger, #d3503e) 12%,transparent)}.new-note-btn.icon-only{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-color:transparent}.new-note-btn.icon-only:hover{border-color:var(--border)}.note-list-scroll{overflow-y:auto;padding:4px 8px 16px}.note-list-empty{color:var(--text-faint);font-size:.85rem;padding:10px 8px}.note-row{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;background:none;border:none;border-radius:var(--radius);padding:8px 12px;color:var(--text)}.note-row:hover{background:var(--surface-2)}.note-row.active{background:var(--surface-2);box-shadow:inset 2px 0 0 var(--accent)}.note-row.multi{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.sel-bar{display:flex;align-items:center;gap:8px;padding:7px 11px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.8rem}.sel-count{font-weight:600;color:var(--text)}.sel-actions{margin-left:auto;display:flex;align-items:center;gap:1px}.sel-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-dim);border-radius:7px;padding:4px 8px;font-size:.8rem;cursor:pointer}.sel-btn:hover{background:var(--surface-2);color:var(--text)}.sel-btn.danger:hover{color:#e2674e;background:color-mix(in srgb,#e2674e 12%,transparent)}.note-row-title{display:flex;align-items:center;gap:5px;font-weight:600;font-size:.86rem;letter-spacing:-.01em}.note-row-titletext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-title .pin-star{color:#f5b301;flex:0 0 auto}.note-row-share{color:var(--accent);opacity:.85;flex:0 0 auto}.note-row-meta{display:flex;align-items:baseline;gap:8px;font-size:.78rem;color:var(--text-faint);overflow:hidden}.note-row-date{flex:0 0 auto;margin-left:auto;padding-left:8px;font-size:.72rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-faint)}.note-row-snippet{min-width:0;flex:1;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-thumb{margin-top:4px;height:56px;width:80px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.note-row-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.note-row-tag{font-size:.66rem;font-weight:500;color:var(--text-dim);background:var(--surface-2);border-radius:5px;padding:1px 6px}.note-list-tools{display:inline-flex;align-items:center;gap:1px}.list-head-dd{position:relative;display:inline-flex}.list-head-menu.align-end{left:auto;right:0}.list-head-empty{padding:7px 9px;font-size:.78rem;color:var(--text-faint);max-width:200px;line-height:1.4}.list-opts{display:flex;flex-direction:column;gap:1px}.list-opts-head{padding:5px 9px 3px;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.list-opts-check{margin-left:auto;color:var(--accent)}.list-opts-row{justify-content:space-between}.list-opts-val{color:var(--text-faint);font-size:.8rem}.list-opts-val.on{color:var(--accent)}.list-opts-seg{display:flex;gap:2px;padding:3px;margin:2px 4px;background:var(--surface-2);border-radius:8px}.list-opts-seg-btn{flex:1;background:none;border:none;color:var(--text-dim);border-radius:6px;padding:4px 2px;font-size:.78rem;text-transform:capitalize;cursor:pointer}.list-opts-seg-btn:hover{color:var(--text)}.list-opts-seg-btn.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.note-group-head{position:sticky;top:0;z-index:2;padding:6px 11px;background:color-mix(in srgb,var(--surface-2) 55%,var(--surface));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.note-group:first-child .note-group-head{border-top:none}.note-group-pill{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 10px}[data-theme=light] .note-group-pill{color:color-mix(in srgb,var(--text) 72%,var(--text-dim))}.note-row.density-compact .note-row-meta,.note-row.density-compact .note-row-thumb,.note-row.density-compact .note-row-tags{display:none}.note-row.density-preview .note-row-snippet{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-row-wrap{position:relative}.note-group .note-row-wrap:not(:last-child):after{content:"";position:absolute;left:12px;right:10px;bottom:0;height:1px;background:color-mix(in srgb,var(--border) 75%,transparent);pointer-events:none}.note-row-actions{position:absolute;top:7px;right:9px;display:flex;align-items:center;gap:1px;padding:2px;border-radius:9px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);box-shadow:0 1px 5px #00000012;opacity:0;pointer-events:none;transition:opacity .12s var(--ease)}.note-row-wrap:hover .note-row-actions,.note-row-actions:focus-within{opacity:1;pointer-events:auto}.note-row-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;border-radius:6px;color:var(--text-dim);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.note-row-actions button:hover{background:var(--surface-2);color:var(--text)}.note-row-actions button.on,.note-row-actions button.on:hover{color:var(--gold)}.note-row-actions button.danger:hover{color:#e2674e;background:color-mix(in srgb,#e2674e 12%,transparent)}.notes-main{flex:1;min-width:0;display:flex;overflow-y:auto}.notes-empty{margin:auto;text-align:center;padding:40px;display:flex;flex-direction:column;align-items:center;gap:8px}.notes-empty-logo{margin-bottom:14px;opacity:.96}.notes-empty-h{font-family:var(--font-display);font-weight:600;font-size:1.4rem;margin:0}.notes-empty-p{color:var(--text-dim);margin:0 0 8px}.editor-pane{width:100%;max-width:1200px;margin:0 auto;padding:26px 40px 0;display:flex;flex-direction:column}.editor-status{display:flex;align-items:center;gap:10px;margin-top:16px;padding:7px 0 14px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-dim)}.editor-status-meta{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-status .fmt-pill{font-size:.74rem;padding:2px 7px}.present-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--ink)}.present-close{position:absolute;top:18px;right:22px;z-index:2;background:none;border:none;color:var(--text-faint);font-size:1.1rem;cursor:pointer;padding:6px 10px;border-radius:8px}.present-close:hover{color:var(--text);background:var(--surface-2)}.present-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 8vw}.present-slide{width:100%;max-width:860px;max-height:80vh;overflow-y:auto;font-size:1.18rem;line-height:1.7}.present-slide .present-title{font-size:2.6rem;line-height:1.15}.present-slide h1{font-size:2.1rem}.present-slide h2{font-size:1.6rem}.present-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;font-size:.82rem;color:var(--text-dim)}.present-nav button{background:none;border:none;color:var(--text-dim);font-size:1.15rem;cursor:pointer;padding:2px 12px;border-radius:7px}.present-nav button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.present-nav button:disabled{opacity:.3;cursor:default}.present-count{font-variant-numeric:tabular-nums}.present-hint{color:var(--text-faint);margin-left:8px}.editor-bar{display:flex;align-items:center;justify-content:space-between;height:30px}.icon-btn{background:none;border:none;color:var(--text-faint);font-size:.8rem;padding:4px 8px;border-radius:7px}.icon-btn.danger:hover{color:#e2674e}.note-title-input{background:none;border:none;outline:none;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:2rem;letter-spacing:-.01em;padding:6px 0 10px}.note-title-input::placeholder{color:var(--text-faint)}.note-editor{flex:1}.note-cover-wrap{display:flex;flex-direction:column}.note-cover-wrap.has-cover{margin:-10px -40px 0}.note-cover{position:relative;height:176px;width:100%;overflow:hidden}.note-cover img{height:100%;width:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.note-cover img.reposition{cursor:move}.note-cover-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,.05) 55%,transparent)}.note-cover-ctrls{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:0;transition:opacity .12s}.note-cover:hover .note-cover-ctrls{opacity:1}.note-cover-ctrls button,.note-cover-repobar button{background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);border:1px solid var(--border);border-radius:7px;font-size:.72rem;padding:4px 9px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.note-cover-ctrls button:hover{background:var(--surface)}.note-cover-repobar{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;font-size:.72rem;color:#fff;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.note-cover-repobar button{color:#000;background:#ffffffeb;border:none;font-weight:600}.note-cover-below{display:flex;align-items:center;gap:8px;min-height:28px}.note-cover-below.has-cover{padding:0 40px}.note-icon{background:none;border:none;cursor:pointer;font-size:2.6rem;line-height:1;padding:0;margin:6px 0 -2px}.note-icon.overlap{margin-top:-42px;width:68px;height:68px;display:inline-flex;align-items:center;justify-content:center;font-size:2.1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 4px #00000014;position:relative}.note-cover-actions{display:flex;gap:4px;padding:6px 0 2px}.note-cover-actions button{background:none;border:none;color:var(--text-faint);font-size:.78rem;padding:4px 8px;border-radius:7px;cursor:pointer}.note-cover-actions button:hover{color:var(--text);background:var(--surface-2)}.cover-splash-scrim{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#00000052}.cover-splash{width:560px;max-width:calc(100vw - 32px);max-height:80vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 18px 50px #00000040}.cover-splash-bar{display:flex;gap:8px;margin-bottom:12px}.cover-splash-bar input{flex:1;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:7px 11px;font-size:.85rem;color:var(--text);outline:none}.cover-splash-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.cover-splash-bar button{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:6px 12px;font-size:.8rem;color:var(--text);cursor:pointer}.cover-splash-bar button:hover{background:var(--surface)}.cover-splash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow-y:auto}.cover-splash-thumb{aspect-ratio:3 / 2;overflow:hidden;border-radius:9px;border:1px solid var(--border);padding:0;cursor:pointer;background:var(--surface-2)}.cover-splash-thumb img{height:100%;width:100%;object-fit:cover;display:block}.cover-splash-thumb:hover{outline:2px solid var(--accent);outline-offset:1px}.cover-splash-skel{aspect-ratio:3 / 2;border-radius:9px;background:var(--surface-2);animation:cover-pulse 1.2s ease-in-out infinite}@keyframes cover-pulse{0%,to{opacity:.6}50%{opacity:1}}.cover-splash-empty{display:grid;place-items:center;height:160px;text-align:center;font-size:.82rem;color:var(--text-dim)}.cover-splash-more{margin-top:12px;align-self:center;border:1px solid var(--border);background:var(--surface-2);border-radius:9px;padding:6px 16px;font-size:.8rem;color:var(--text);cursor:pointer}.cover-splash-more:hover:not(:disabled){background:var(--surface)}.cover-splash-more:disabled{opacity:.5;cursor:default}.cover-icon-pop-scrim{position:fixed;inset:0;z-index:60;background:#0000002e}.cover-icon-pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 14px 40px #00000038}.cover-icon-pop-host{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.cover-icon-grid button{font-size:1.2rem;line-height:1;padding:5px 0;border:none;background:none;border-radius:7px;cursor:pointer}.cover-icon-grid button:hover{background:var(--surface-2)}.cover-icon-remove{margin-top:8px;width:100%;border:none;background:none;color:var(--text-dim);font-size:.78rem;padding:6px;border-radius:7px;cursor:pointer}.cover-icon-remove:hover{background:var(--surface-2);color:var(--text)}.note-prose{outline:none;color:var(--text);font-size:var(--editor-font, 17px);font-family:var(--editor-font-family, var(--font-body));line-height:1.7}.note-prose>:first-child{margin-top:0}.note-prose p{margin:.62em 0}.note-prose li{margin:.15em 0}.note-prose li>p{margin:0}.note-prose h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin:1.1em 0 .45em}.note-prose h2{font-family:var(--font-display);font-size:1.32rem;font-weight:600;margin:1em 0 .4em}.note-prose h3{font-size:1.12rem;font-weight:600;margin:.9em 0 .32em}.note-prose a{color:var(--accent);text-decoration:underline}.note-prose ul,.note-prose ol{padding-left:1.5em;margin:.6em 0}.note-prose ol{padding-left:2.2em}.note-prose blockquote{border-left:3px solid var(--border);padding-left:14px;color:var(--text-dim)}.note-prose code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}.note-prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;overflow-x:auto}.note-prose pre code{background:none;padding:0}.note-prose ul[data-type=taskList]{list-style:none;padding-left:.2em}.note-prose ul[data-type=taskList] li{display:flex;gap:8px;align-items:flex-start}.note-prose ul[data-type=taskList] li>label{flex:none;margin:0;display:inline-flex;align-items:center;height:1.7em;-webkit-user-select:none;user-select:none}.note-prose ul[data-type=taskList] li>label input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}.note-prose ul[data-type=taskList] li>div{flex:1 1 auto;min-width:0}.note-prose ul[data-type=taskList] li>div>p{margin:0}.note-prose ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-dim);text-decoration:line-through}.note-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-faint);float:left;height:0;pointer-events:none}.local-note-bar{flex:none;text-align:center;font-size:.8rem;color:var(--text-dim);background:var(--surface);border-top:1px solid var(--border);padding:8px 16px;margin:0}.local-note-bar a{color:var(--accent)}.nav-rail{width:234px;flex:none;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.nav-rail-mini{width:60px;flex:none;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;align-items:center;padding:12px 0 8px}.rail-top{display:flex;flex-direction:column;align-items:center;gap:6px}.rail-div{width:26px;height:1px;flex:none;background:color-mix(in srgb,var(--sidebar-border) 85%,transparent);margin:6px 0}.rail-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.rail-foot{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px}.rail-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:color-mix(in srgb,var(--sidebar-foreground) 82%,transparent);border-radius:9px;cursor:pointer}.rail-btn:hover,.rail-btn.active{background:var(--sidebar-accent);color:#fff}.rail-fly{position:fixed;z-index:60;min-width:150px;max-width:240px;max-height:70vh;overflow-y:auto;background:#24262b;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:4px 0;font-size:.8rem;box-shadow:0 10px 28px -8px #000000b3}.rail-fly-title{padding:5px 12px;white-space:nowrap}.rail-fly-title.has-subs{font-weight:600}.rail-fly-sub{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:none;border:none;color:#fff;text-align:left;cursor:pointer}.rail-fly-sub:hover{background:#ffffff1a}.rail-fly-sub-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-brand{padding:4px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.nav-new{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border:none;background:#0000002e;color:color-mix(in srgb,var(--sidebar-foreground) 85%,transparent);border-radius:8px;cursor:pointer;transition:background .12s var(--ease, ease),color .12s var(--ease, ease)}.nav-new:hover{background:var(--sidebar-accent);color:#fff}.nav-row{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;color:color-mix(in srgb,var(--sidebar-foreground) 92%,transparent);border-radius:8px;padding:6px 10px;font-size:.86rem;text-align:left}.nav-row:hover{background:color-mix(in srgb,var(--sidebar-accent) 55%,transparent);color:#fff}.nav-row.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.nav-row.active .nav-row-label{color:var(--sidebar-accent-foreground);font-weight:600}.nav-row-label{flex:1;display:inline-flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-row-label svg{flex:none}.nav-row-count{color:color-mix(in srgb,var(--sidebar-foreground) 45%,transparent);font-size:.76rem}.nav-row.active .nav-row-count{color:color-mix(in srgb,#fff 75%,transparent)}.nav-row.folder{padding:0;color:color-mix(in srgb,var(--sidebar-foreground) 92%,transparent)}.nav-row-main{display:flex;align-items:center;gap:6px;flex:1;min-width:0;border:none;background:none;color:inherit;font:inherit;text-align:left;padding:6px 10px;border-radius:8px}.nav-del{opacity:0;border:none;background:none;color:color-mix(in srgb,var(--sidebar-foreground) 45%,transparent);font-size:1.05rem;line-height:1;padding:0 8px}.nav-row.folder:hover .nav-del{opacity:1}.nav-del:hover{color:#e2674e}.nav-rename{flex:1;background:#0000004d;border:1px solid var(--accent);border-radius:6px;color:var(--sidebar-foreground);font:inherit;padding:4px 8px;margin:2px 6px;outline:none}.nav-add{border:none;background:none;color:color-mix(in srgb,var(--sidebar-foreground) 60%,transparent);font-size:1.15rem;line-height:1;padding:0 4px;margin-left:auto}.nav-add:hover{color:#fff}.nav-hint{color:color-mix(in srgb,var(--sidebar-foreground) 50%,transparent);font-size:.78rem;padding:2px 10px;margin:0}.nav-hint code{background:#00000040;border-radius:4px;padding:0 4px}.nav-system{display:flex;flex-direction:column;gap:1px;margin-top:6px}.nav-footer{margin-top:auto;padding:10px 4px 2px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:7px}.nav-footer-row{display:flex;align-items:center;gap:8px;width:100%}.nav-footer-row .nav-version,.nav-footer-row .nav-gear{margin-left:auto}.nav-footer-row .nav-account+.nav-gear{margin-left:0}.nav-account{flex:1;min-width:0;font-size:.76rem;color:color-mix(in srgb,var(--sidebar-foreground) 65%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-version{font-size:.68rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--sidebar-foreground) 45%,transparent);white-space:nowrap}.mark-tap{display:inline-flex;padding:0;border:0;background:none;cursor:pointer;line-height:0;-webkit-user-select:none;user-select:none}.notepup-toast{position:absolute;left:0;top:calc(100% + 8px);z-index:5;white-space:nowrap;font-size:.74rem;font-weight:600;color:#fff;background:var(--accent);border-radius:999px;padding:4px 11px;box-shadow:0 6px 18px #00000047;animation:notepup-pop .18s ease-out}@keyframes notepup-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.nav-footer .theme-toggle{height:30px;width:30px;border:1px solid var(--sidebar-border);background:#0000002e;color:var(--sidebar-foreground)}.nav-footer .theme-toggle:hover{background:var(--sidebar-accent);color:#fff}.nav-exit{height:30px;padding:0 12px;flex:none;white-space:nowrap;border-radius:8px;border:1px solid var(--sidebar-border);background:#0000002e;color:var(--sidebar-foreground);font-size:.82rem}.nav-exit:hover{background:var(--sidebar-accent);color:#fff}.editor-bar-left{display:flex;align-items:center;gap:6px}.folder-select{background:var(--surface);color:var(--text-dim);border:1px solid var(--border);border-radius:7px;font-size:.8rem;padding:4px 8px;outline:none}.fmt-pill{display:inline-flex;align-items:center;gap:5px;background:none;color:var(--text);border:1px solid var(--border);border-radius:7px;font-size:.8rem;padding:3px 8px;cursor:pointer;white-space:nowrap}.fmt-pill:hover{background:var(--surface-2)}.fmt-pill svg{flex:none}.note-plain{flex:1;width:100%;resize:none;border:none;outline:none;background:none;color:var(--text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:calc(var(--editor-font, 17px) - 1px);line-height:1.7;padding:0}.find-bar{position:sticky;top:0;z-index:20;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;box-shadow:0 8px 24px #0000002e}.find-row{display:flex;align-items:center;gap:6px}.find-input{flex:1;min-width:0;height:26px;background:none;border:none;outline:none;color:var(--text);font-size:.85rem}.find-count{flex:none;font-variant-numeric:tabular-nums;font-size:.74rem;color:var(--text-dim);min-width:30px;text-align:right}.find-btn{flex:none;height:24px;min-width:24px;padding:0 6px;border:1px solid transparent;border-radius:6px;background:none;color:var(--text-dim);font-size:.8rem;cursor:pointer}.find-btn.wide{padding:0 9px}.find-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.find-btn:disabled{opacity:.4;cursor:default}.find-match{background:color-mix(in srgb,var(--accent) 24%,transparent);border-radius:2px}.find-match-active{background:color-mix(in srgb,var(--accent) 48%,transparent);outline:1px solid var(--accent)}.note-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.note-tag{font-size:.78rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:999px;padding:2px 9px}.wikilink{color:var(--accent);text-decoration:none;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);padding-bottom:.5px}.wikilink:before{content:"🔗 ";font-size:.82em;opacity:.55}.wikilink:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:3px}.backlinks{margin:22px 0 8px;border-top:1px solid var(--border);padding-top:14px}.backlinks-head{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground, var(--muted));margin-bottom:8px;transition:color .15s ease}.backlinks-head:hover{color:var(--text)}.backlinks-caret{font-size:.7rem;line-height:1}.backlinks-count{color:var(--text-faint);font-weight:600}.backlink{display:block;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 11px;margin-bottom:6px;cursor:pointer}.backlink:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.backlink-title{display:block;font-weight:600;font-size:.86rem}.backlink-snip{display:block;font-size:.78rem;color:var(--muted-foreground, var(--muted));margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.editor-toolbar.mode-top{position:sticky;top:0;z-index:5;padding:6px 0 8px;margin-bottom:8px;background:var(--ink);border-bottom:1px solid var(--border)}.editor-toolbar.mode-bottom{position:sticky;bottom:0;z-index:5;padding:8px 0 6px;margin-top:8px;background:var(--ink);border-top:1px solid var(--border)}.editor-toolbar.mode-floating{padding:3px;gap:1px}.bubble-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.note-editor-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.fmt-ctx-scrim{position:fixed;inset:0;z-index:44}.fmt-ctx{position:fixed;z-index:45;padding:3px;max-width:360px}.resize-handle{flex:none;width:5px;margin:0 -2px;z-index:6;cursor:col-resize;background:transparent}.resize-handle:hover,.resize-handle.dragging{background:color-mix(in srgb,var(--accent) 45%,transparent)}.tb-btn{min-width:30px;height:30px;padding:0 7px;border:none;background:none;color:var(--text-dim);border-radius:7px;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center}.tb-btn:hover{background:var(--surface-2);color:var(--text)}.tb-btn.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.tb-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.tb-dd{position:relative;display:inline-flex}.tb-dd .tb-btn{gap:1px}.tb-caret{opacity:.5;margin-left:-1px}.tb-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:40;min-width:168px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:5px;display:flex;flex-direction:column;gap:1px}.editor-toolbar.mode-bottom .tb-menu{top:auto;bottom:calc(100% + 5px)}.tb-mi{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;color:var(--text);border-radius:7px;padding:6px 9px;font-size:.85rem;cursor:pointer}.tb-mi:hover{background:var(--surface-2)}.tb-mi.active{color:var(--accent)}.tb-mi-sep{height:1px;background:var(--border);margin:4px 2px}.tb-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:3px}.tb-swatch{width:26px;height:26px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tb-swatch:hover{transform:scale(1.08)}.tb-swatch-none{background:var(--surface);color:var(--text-dim);font-size:.8rem}.note-prose table{border-collapse:collapse;width:100%;margin:.6em 0;table-layout:fixed}.note-prose th,.note-prose td{border:1px solid var(--border);padding:6px 9px;vertical-align:top;text-align:left}.note-prose th{background:var(--surface-2);font-weight:600}.note-prose .selectedCell{background:color-mix(in srgb,var(--accent) 14%,transparent)}.note-prose mark{border-radius:2px;padding:0 1px}.note-prose img{max-width:100%;height:auto;border-radius:8px}.note-prose .ntbl-img{position:relative;display:inline-block;line-height:0;vertical-align:bottom;max-width:100%}.note-prose .ntbl-img img{display:inline-block}.note-prose .ntbl-img-handle{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border:2px solid var(--accent);border-radius:3px;background:var(--surface);cursor:nwse-resize;opacity:0;transition:opacity .15s ease}.note-prose .ntbl-img:hover .ntbl-img-handle,.note-prose .ProseMirror-selectednode.ntbl-img .ntbl-img-handle,.note-prose .ntbl-img.ProseMirror-selectednode .ntbl-img-handle{opacity:1}.ntbl-nodemenu{position:fixed;z-index:80;min-width:168px;padding:4px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0000002e}.ntbl-nodemenu-item{display:block;width:100%;text-align:left;padding:6px 10px;border-radius:6px;font-size:13px;color:inherit;background:none;border:0;cursor:pointer}.ntbl-nodemenu-item:hover{background:var(--surface-2)}.ntbl-nodemenu-item.danger{color:var(--danger, #d3503e)}.slash-menu{width:222px;max-height:290px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 14px 40px -10px #0009}.slash-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;color:var(--text);border-radius:7px;padding:7px 10px;font-size:.87rem;text-align:left}.slash-item:hover,.slash-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.slash-hint{color:var(--text-faint);font-size:.78rem}.slash-item.active .slash-hint{color:var(--accent)}.palette-overlay{position:fixed;inset:0;z-index:80;background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:13vh}.palette{width:min(560px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.palette-input{width:100%;height:50px;border:none;border-bottom:1px solid var(--border);background:none;color:var(--text);padding:0 18px;font-size:1rem;outline:none}.palette-input::placeholder{color:var(--text-faint)}.palette-results{max-height:52vh;overflow-y:auto;padding:6px}.palette-empty{padding:16px 18px;color:var(--text-faint);font-size:.9rem}.palette-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:none;background:none;color:var(--text);border-radius:8px;padding:8px 12px}.palette-item.active{background:var(--surface-2)}.palette-item-title{font-weight:600;font-size:.92rem}.palette-item-snip{color:var(--text-faint);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ctx-menu{position:fixed;z-index:90;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);padding:5px}.ctx-item{display:block;width:100%;text-align:left;border:none;background:none;color:var(--text);border-radius:6px;padding:6px 10px;font-size:.86rem}.ctx-item:hover{background:var(--surface-2)}.ctx-item.danger{color:#e2674e}.ctx-item.danger:hover{background:color-mix(in srgb,#e2674e 14%,transparent)}.ctx-sep{height:1px;background:var(--border);margin:4px 6px}.ctx-header{padding:5px 10px 3px;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.ctx-item.has-sub{display:flex;align-items:center;justify-content:space-between;gap:12px}.ctx-item.has-sub.open{background:var(--surface-2)}.ctx-caret{color:var(--text-faint);font-size:.7rem}.ctx-submenu{max-height:60vh;overflow-y:auto}.folder-icon{display:inline-flex;align-items:center}.fcust{position:fixed;z-index:92;width:226px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);padding:10px}.fcust-head{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:2px 2px 6px}.fcust-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-bottom:8px}.fcust-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;padding:3px;line-height:1;aspect-ratio:1;color:var(--foreground)}.fcust-icon:hover{background:var(--surface-2)}.fcust-icon.active{background:color-mix(in srgb,var(--accent) 20%,transparent);outline:1px solid var(--accent)}.fcust-colors{display:flex;gap:6px}.fcust-color{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);color:var(--text-faint);font-size:.7rem;line-height:1;cursor:pointer}.fcust-color.active{outline:2px solid var(--accent);outline-offset:1px}.iconpick{width:332px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;font-family:var(--font-body)}.iconpick-top{display:flex;align-items:center;gap:8px;padding:9px 10px 7px}.iconpick-tabs{position:relative;display:inline-flex;padding:3px;background:color-mix(in srgb,var(--text) 6%,transparent);border-radius:9px;isolation:isolate}.iconpick-tabs button{position:relative;z-index:1;border:none;background:none;cursor:pointer;padding:4px 14px;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--text-dim);border-radius:7px;transition:color .18s var(--ease)}.iconpick-tabs button.on{color:var(--text)}.iconpick-slider{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--surface);border-radius:7px;box-shadow:0 1px 3px #0000002e,0 0 0 1px color-mix(in srgb,var(--text) 7%,transparent);transition:transform .24s var(--ease)}.iconpick-slider[data-tab=icons]{transform:translate(100%)}.iconpick-remove{margin-left:auto;border:none;background:none;cursor:pointer;font-size:.78rem;font-weight:500;color:var(--text-faint);padding:4px 6px;border-radius:6px}.iconpick-remove:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.iconpick-search{display:flex;align-items:center;gap:7px;margin:0 10px 8px;padding:6px 9px;border-radius:9px;border:1px solid var(--border);background:var(--ink);color:var(--text-faint)}.iconpick-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.iconpick-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--text);font-size:.84rem}.iconpick-search input::placeholder{color:var(--text-faint)}.iconpick-clear{border:none;background:none;cursor:pointer;color:var(--text-faint);font-size:1rem;line-height:1;padding:0 2px}.iconpick-clear:hover{color:var(--text)}.iconpick-colors{display:flex;gap:6px;padding:0 12px 9px;flex-wrap:wrap}.iconpick-color{width:20px;height:20px;border-radius:50%;cursor:pointer;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);color:var(--text-faint);font-size:.66rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s var(--ease)}.iconpick-color:hover{transform:scale(1.12)}.iconpick-color.on{outline:2px solid var(--accent);outline-offset:2px}.iconpick-scroll{max-height:308px;overflow-y:auto;padding:0 8px 10px;scrollbar-width:thin}.iconpick-scroll section{margin-bottom:4px}.iconpick-head{position:sticky;top:0;z-index:1;padding:7px 4px 5px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);background:linear-gradient(var(--surface) 70%,transparent)}.iconpick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.iconpick-grid.icons{grid-template-columns:repeat(7,1fr)}.iconpick-cell{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border:none;background:none;border-radius:8px;cursor:pointer;font-size:1.18rem;line-height:1;color:var(--text);transition:background .12s var(--ease),transform .08s var(--ease)}.iconpick-cell:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);transform:scale(1.06)}.iconpick-cell.icon{color:var(--text-dim)}.iconpick-cell.icon:hover{color:var(--text)}.iconpick-cell.on{background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.iconpick-empty{padding:26px 8px;text-align:center;font-size:.82rem;color:var(--text-faint)}.iconpick-pop{position:fixed;z-index:93}.iconpick-scrim{position:fixed;inset:0;z-index:92}.nav-row.drop{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 24%,transparent);color:#fff}.nav-row.folder[draggable=true]{cursor:grab}.nav-row.folder.reorder-before,.nav-row.folder.reorder-after{position:relative}.nav-row.folder.reorder-before:before,.nav-row.folder.reorder-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:1px;background:var(--accent);pointer-events:none}.nav-row.folder.reorder-before:before{top:-1px}.nav-row.folder.reorder-after:after{bottom:-1px}.note-list-head{justify-content:flex-start;gap:8px}.note-list-head .note-list-title{flex:1}.nav-collapse{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-faint);line-height:1;padding:5px;border-radius:6px}.nav-collapse:hover{color:var(--text);background:var(--surface-2)}.editor-actions{display:flex;align-items:center;gap:1px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-faint);font-size:.98rem;line-height:1;padding:5px 7px;border-radius:7px}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.icon-btn.star{color:var(--gold)}.icon-btn.star svg{fill:currentColor}.icon-btn.danger:hover{color:#e2674e;background:color-mix(in srgb,#e2674e 12%,transparent)}.info-wrap{position:relative}.info-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:234px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px 12px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.82rem;color:var(--text-dim)}.info-row b{color:var(--text);font-weight:600}.info-row .fmt-pill{color:var(--text)}.info-sep{height:1px;background:var(--border);margin:6px 0}.pin-star{color:var(--gold);margin-right:4px;font-size:.85em}.notes-app.focus .editor-pane{padding-top:36px}.editor-pane.wide{max-width:none}.nav-gear{border:none;background:none;color:color-mix(in srgb,var(--sidebar-foreground) 80%,transparent);font-size:1rem;line-height:1;padding:4px 6px;border-radius:7px}.nav-gear:hover{color:#fff;background:var(--sidebar-accent)}.settings-overlay{position:fixed;inset:0;z-index:85;background:#0006;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}.settings{width:min(460px,92vw);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;padding-bottom:12px}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border);font-weight:600}.settings-close{border:none;background:none;color:var(--text-faint);font-size:1.4rem;line-height:1;padding:0 4px}.settings-close:hover{color:var(--text)}.settings-sec{padding:14px 18px 4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px}.settings-row>span{font-size:.9rem}.settings-row .paw{font-size:.82em;margin-left:3px;opacity:.8}.seg{display:inline-flex;background:var(--ink);border:1px solid var(--border);border-radius:9px;padding:2px;gap:2px}.seg-btn{border:none;background:none;color:var(--text-dim);font-size:.82rem;padding:4px 11px;border-radius:7px}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent);color:#fff}.settings-range{display:flex;align-items:center;gap:10px}.settings-range input[type=range]{accent-color:var(--accent)}.settings-range-val{font-size:.82rem;color:var(--text-dim);width:34px;text-align:right}.settings-select{background:var(--ink);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.82rem;padding:5px 9px;outline:none}@media print{body{background:#fff}.nav-rail,.note-list,.editor-bar,.editor-toolbar,.note-tags,.palette-overlay,.ctx-menu,.local-banner{display:none!important}.notes-shell,.notes-app,.notes-main,.editor-pane{display:block;height:auto;overflow:visible;max-width:none;margin:0;padding:0}.note-title-input,.note-prose{color:#000!important}.note-title-input{font-size:2rem}}.nav-tree-row{display:flex;align-items:center}.nav-tree-row .nav-row{flex:1;min-width:0}.nav-chevron{display:inline-flex;width:16px;flex:none;align-items:center;justify-content:center;font-size:.92rem;color:color-mix(in srgb,var(--sidebar-foreground) 90%,transparent);background:none;border:none;cursor:pointer;padding:0;transition:transform .12s var(--ease, ease),color .12s var(--ease, ease)}.nav-chevron:hover{color:#fff}.nav-chevron.collapsed{transform:rotate(-90deg)}.nav-chevron.spacer{visibility:hidden}.nav-section-head{display:flex;align-items:center;gap:4px;width:100%;padding:10px 8px 4px;background:none;border:none;cursor:pointer;color:color-mix(in srgb,var(--sidebar-foreground) 60%,transparent);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-section-head:hover{color:var(--sidebar-foreground)}.nav-status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:color-mix(in srgb,var(--sidebar-foreground) 60%,transparent);background:none;border:none;cursor:pointer;padding:3px 6px;margin:0 -6px;border-radius:6px;transition:background .12s var(--ease, ease),color .12s var(--ease, ease)}.nav-status:hover{background:var(--sidebar-accent);color:#fff}.nav-status-dot{width:6px;height:6px;border-radius:50%;flex:none}.nav-status-dot.saved{background:#10b981}.nav-status-dot.saving{background:#f59e0b;animation:nav-pulse 1.1s ease-in-out infinite}.nav-status-dot.offline{background:#9ca3af}@keyframes nav-pulse{0%,to{opacity:1}50%{opacity:.35}}.accent-swatches{display:inline-flex;gap:6px}.accent-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.accent-swatch.active{border-color:var(--text)}.share-dialog{width:min(440px,92vw)}.share-body{padding:6px 18px 18px;display:flex;flex-direction:column;gap:12px}.share-seg{width:100%}.share-seg .seg-btn{flex:1}.share-row{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--text-dim)}.share-row>input,.share-url input{height:34px;border:1px solid var(--border);background:var(--ink);color:var(--text);border-radius:8px;padding:0 10px;font-size:.85rem;outline:none}.share-url{display:flex;gap:8px}.share-url input{flex:1;font-family:var(--font-body)}.share-select{height:34px;border:1px solid var(--border);background:var(--ink);color:var(--text);border-radius:8px;padding:0 10px;font-size:.85rem;outline:none}.share-toggle{flex-direction:row;align-items:center;justify-content:space-between}.share-toggle input{width:16px;height:16px;accent-color:var(--accent)}.share-stop{align-self:flex-start;color:#e2674e}.share-hint{font-size:.78rem;color:var(--text-faint);margin:0}.share-error{font-size:.8rem;color:#e2674e;margin:0}.shared-page{min-height:100%;display:flex;flex-direction:column;background:var(--ink)}.shared-head{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-head a{text-decoration:none;color:var(--text)}.shared-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:32px 28px}.shared-title{font-size:1.9rem;font-weight:700;margin:0 0 4px}.shared-date{color:var(--text-faint);font-size:.82rem;margin:0 0 22px}.shared-cover{position:relative;height:220px;margin:-32px -28px 0;overflow:hidden}.shared-main.wide .shared-cover{margin-inline:-28px}.shared-cover img{height:100%;width:100%;object-fit:cover;display:block}.shared-icon{font-size:2.8rem;line-height:1;margin:14px 0 6px}.shared-icon.overlap{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;font-size:2.3rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 5px #0000001a;margin-top:-42px;position:relative}.shared-note.has-cover{padding-top:0}.shared-msg{text-align:center;color:var(--text-dim);padding:60px 0}.shared-msg h1{font-size:1.4rem;margin:0 0 8px;color:var(--text)}.shared-pw{max-width:320px;margin:60px auto;display:flex;flex-direction:column;gap:12px;text-align:center}.shared-pw input{height:42px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:0 12px}.shared-pw-error{color:#e2674e;font-size:.84rem}.shared-expired{display:flex;flex-direction:column;align-items:center;gap:4px}.shared-expired-badge{width:64px;height:64px;display:grid;place-items:center;font-size:1.7rem;border-radius:50%;background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);margin-bottom:10px}.shared-expired p{max-width:34ch;margin:0 auto}.shared-expired .btn-primary{margin-top:18px;padding:0 22px;text-decoration:none}.shared-foot{padding:20px;text-align:center;color:var(--text-faint);font-size:.82rem;border-top:1px solid var(--border)}.shared-foot a{color:var(--accent)}.shared-tools{display:inline-flex;align-items:center;gap:4px}.shared-tool{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 8px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:8px;font-size:.8rem}.shared-tool:hover{color:var(--text);background:var(--surface-2)}.shared-tool.on{color:var(--accent);border-color:var(--accent)}.shared-main.wide{max-width:1040px}.shared-note .note-prose{font-size:calc(1rem * var(--reader-scale, 1))}@media print{@page{size:A4;margin:18mm 16mm}body{background:#fff!important}.shared-page{background:#fff!important;color:#000!important}.shared-head,.shared-foot,.shared-tools{display:none!important}.shared-main{max-width:none!important;padding:0!important}.shared-title{color:#000!important}.shared-date{color:#555!important}.note-prose{color:#000!important;font-size:11.5pt!important}.note-prose a{color:#000!important;text-decoration:underline}.shared-note:before{content:"JotScribe";display:block;font-weight:700;font-size:10pt;color:#6d28d9;margin-bottom:14px;letter-spacing:-.01em}.shared-note:after{content:"Published with JotScribe · jotscribe.app";display:block;margin-top:24px;padding-top:8px;border-top:1px solid #ddd;font-size:8.5pt;color:#888}}.note-prose a.ntbl-att{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;margin:2px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);text-decoration:none;font-size:.85rem;vertical-align:middle;cursor:pointer}.note-prose a.ntbl-att:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));border-color:var(--accent)}
