:root{--bg:#FBFBFE;--surface:#FFFFFF;--mist:#F2F4FE;--mist-2:#E8EBFC;--ink:#0E1230;--ink-2:#575D7A;--line:#E7E9F3;--line-strong:#CDD1E3;--blue:#2440FF;--blue-ink:#FFFFFF;--blue-text:#2238E8;--blue-wash:rgba(36,64,255,.08);--header-bg:rgba(251,251,254,.86);--soft-shadow:0 1px 2px rgba(14,18,48,.06),0 10px 28px -10px rgba(14,18,48,.16);--pop-shadow:0 2px 6px rgba(14,18,48,.06),0 24px 48px -16px rgba(14,18,48,.28);--danger:#C0262D;--ok:#1F9D6B;--warn:#B76E00;--scrim:rgba(14,18,48,.45);--rule:rgba(36,64,255,.13);--rule-2:rgba(229,72,77,.35);--grid:rgba(14,18,48,.07);--plate:var(--mist)}html[data-theme=dark]{color-scheme:dark;--bg:#080A1A;--surface:#16171D;--mist:#202128;--mist-2:#2A2B35;--ink:#EEF0FF;--ink-2:#A4A7B5;--line:#2A2B33;--line-strong:#3E4049;--blue:#4A63FF;--blue-text:#A3B4FF;--blue-wash:rgba(143,166,255,.14);--header-bg:rgba(8,10,26,.84);--soft-shadow:0 10px 28px -10px rgba(0,0,0,.6);--pop-shadow:0 24px 48px -16px rgba(0,0,0,.7);--danger:#FF8A8F;--ok:#5FD3A2;--warn:#FFB547;--scrim:rgba(0,0,0,.6);--rule:rgba(143,166,255,.16);--rule-2:rgba(255,138,143,.35);--grid:rgba(238,240,255,.08);--plate:#DFE3F7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--blue-text);text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}input::placeholder{color:var(--ink-2)}[data-i]{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;display:inline-block;flex:none}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.skel{height:36px;margin:8px 12px;border-radius:12px;background:var(--mist);animation:pulse 1.4s infinite}.app{display:grid;grid-template-rows:64px 1fr;height:100%;min-height:0}.nb-app{grid-template-rows:64px auto 1fr}.hdr{display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:relative;z-index:30;min-width:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);flex:none}.brand b{font-weight:600;font-size:18px;letter-spacing:-.02em;display:block;line-height:1.1}.brand small{display:block;font-size:11px;color:var(--ink-2);font-weight:500;letter-spacing:.02em;line-height:1}.hdr-mid{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:999px;border:0;background:transparent;display:grid;place-items:center;color:var(--ink-2);flex:none}.icon-btn:hover,.icon-btn[aria-expanded=true],.hov:hover{background:var(--mist);color:var(--ink)}.icon-btn.on{background:var(--blue-wash);color:var(--blue-text)}.icon-btn:disabled{opacity:.4;background:transparent}.only-narrow{display:none}.pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:var(--mist);color:var(--ink-2);font-size:12.5px;font-weight:500;white-space:nowrap;flex:none}.search{flex:1;max-width:560px;margin:0 auto;position:relative;min-width:120px}.search input{width:100%;height:42px;border-radius:999px;border:1px solid transparent;background:var(--mist);padding:0 16px 0 44px;outline:none}.search input:focus{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--soft-shadow)}.search>[data-i]{position:absolute;left:14px;top:11px;color:var(--ink-2);pointer-events:none}.search-res{position:absolute;top:50px;left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--pop-shadow);padding:6px;max-height:min(480px,calc(100vh - 90px));overflow:auto}.search-res button{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;border:0;background:transparent;padding:10px 12px;border-radius:14px}.search-res button:hover,.search-res button:focus-visible{background:var(--mist)}.search-res .srt{min-width:0;display:flex;flex-direction:column;gap:2px}.search-res b{font-weight:600;font-size:14px}.search-res small{color:var(--ink-2);font-size:12px}.search-res .snip{color:var(--ink-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}.sr-empty{padding:16px;color:var(--ink-2)}.dotc{width:10px;height:10px;border-radius:4px;flex:none;margin-top:5px;display:inline-block}.nb-title{display:flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto}.crumb{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);white-space:nowrap;min-width:0}.crumb:hover{background:var(--mist);color:var(--ink)}.crumb.strong{color:var(--ink);font-weight:600;font-size:15px}.crumb .t{overflow:hidden;text-overflow:ellipsis;max-width:280px}.nb-dot{width:12px;height:12px;border-radius:4px;flex:none}.save{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2);white-space:nowrap;margin:0 8px 0 4px}.save.error,.save.conflict{color:var(--danger)}.save.offline{color:var(--warn)}.share-btn{height:38px}.btn{height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex:none}.btn:hover{background:var(--mist)}.btn.primary{border:0;background:var(--blue);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{border-color:transparent;background:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--mist)}.btn.small{height:32px;padding:0 12px;font-size:13px}.btn.big{height:46px;padding:0 22px;font-size:15px;font-weight:600}.btn:disabled{opacity:.55}.menu{position:fixed;z-index:90;padding:6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--pop-shadow);max-height:calc(100vh - 16px);overflow:auto}.menu button{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;border:0;background:transparent;text-align:left;white-space:nowrap}.menu button:hover,.menu button:focus-visible{background:var(--mist);outline:none}.menu button.danger{color:var(--danger)}.menu button:disabled{opacity:.45;background:transparent}.menu .grow{flex:1}.menu kbd{font-family:inherit;font-size:11.5px;color:var(--ink-2)}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.menu [data-i]{color:var(--ink-2)}.menu .danger [data-i]{color:var(--danger)}.menu-colors{display:grid;grid-template-columns:repeat(5,26px);gap:8px;padding:8px 12px}.menu .menu-colors button{width:26px;height:26px;padding:0;border-radius:8px;border:2px solid transparent}.menu .menu-colors button.on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface)}.colorpop{display:flex;gap:8px;padding:10px;flex-wrap:wrap;max-width:260px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--scrim);display:grid;place-items:center;padding:16px}.dialog{width:440px;max-width:100%;max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:28px;padding:24px;box-shadow:var(--pop-shadow)}.dialog.wide{width:560px}.dialog h2{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:-.01em}.dialog p{margin:0 0 8px;color:var(--ink-2);line-height:1.5}.dialog .row{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;align-items:center}.dialog .err{color:var(--danger);font-size:13px;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px;margin-top:12px}.field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field input,.dialog select{height:44px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);padding:0 14px;outline:none}.field input:focus,.dialog select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{width:30px;height:30px;border-radius:10px;border:2px solid transparent;padding:0}.swatches button.on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--surface)}.toast{position:fixed;left:24px;bottom:24px;z-index:95;background:var(--ink);color:var(--bg);padding:10px 8px 10px 18px;border-radius:14px;box-shadow:var(--pop-shadow);display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 48px))}.toast button{border:0;background:transparent;color:#8fa6ff;font-weight:600;padding:6px 8px;border-radius:8px;display:grid;place-items:center}html[data-theme=dark] .toast button{color:#2440ff}.mini-av{border-radius:50%;background:linear-gradient(135deg,#a9adf8,#6872f6 55%,#3241ff);color:#fff;font-weight:600;display:grid;place-items:center;flex:none}.mini-av.grp{width:28px;height:28px;background:var(--mist-2);color:var(--ink-2)}.gate{min-height:100%;display:grid;place-items:center;padding:24px;text-align:center}.gate .box{max-width:460px;display:flex;flex-direction:column;align-items:center}.gate-icon{width:96px;height:96px;border-radius:32px;background:var(--mist);display:grid;place-items:center;color:var(--blue-text)}.gate h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:22px 0 8px}.gate p{color:var(--ink-2);line-height:1.55;margin:0 0 22px}.empty-state{padding:72px 24px;text-align:center;color:var(--ink-2);display:flex;flex-direction:column;align-items:center}.empty-state .big{width:96px;height:96px;margin:0 auto 18px;border-radius:32px;background:var(--mist);display:grid;place-items:center;color:var(--blue-text)}.empty-state h3{margin:0;color:var(--ink);font-size:18px;font-weight:600}.empty-state p{margin:6px auto 18px;max-width:420px;line-height:1.5}.home{overflow:auto;padding:28px clamp(16px,4vw,48px) 60px}.home-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:1240px;margin:0 auto;flex-wrap:wrap}.home-top h1{margin:0;font-size:32px;font-weight:600;letter-spacing:-.025em}.home-top p{margin:6px 0 0;color:var(--ink-2);max-width:560px;line-height:1.5}.tabs{display:flex;gap:4px;max-width:1240px;margin:24px auto 18px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs button{border:0;background:transparent;height:42px;padding:0 14px;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--blue-text);border-bottom-color:var(--blue);font-weight:600}.nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;max-width:1240px;margin:0 auto}.nb-card{border-radius:22px;background:var(--surface);border:1px solid var(--line);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;text-align:left;padding:0;color:var(--ink)}.nb-card:hover{box-shadow:var(--soft-shadow);transform:translateY(-1px)}.nb-card .cover{height:150px;position:relative;background:linear-gradient(150deg,color-mix(in oklch,var(--sc) 72%,white) 0%,var(--sc) 100%);overflow:hidden}.nb-card .spine{position:absolute;left:0;top:0;bottom:0;width:22px;background:#0000001f}.nb-card .bands{position:absolute;right:0;top:18px;display:flex;flex-direction:column;gap:6px}.nb-card .bands i{display:block;width:16px;height:22px;border-radius:6px 0 0 6px;background:#ffffff80}.nb-card .bands i:nth-child(2){background:#ffffff59}.nb-card .bands i:nth-child(3){background:#ffffff38}.nb-card .cover-title{position:absolute;left:38px;right:30px;bottom:16px;color:#fff;font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.15)}.nb-card .meta{display:flex;align-items:center;gap:2px;padding:10px 6px 10px 16px}.nb-card .mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nb-card .mt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-card .mt small{color:var(--ink-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-card .star{width:34px;height:34px}.nb-card .star.on{color:#e0a100;background:transparent}.nb-card.new{align-items:center;justify-content:center;gap:12px;min-height:212px;border-style:dashed;border-width:2px;background:transparent;color:var(--ink-2);font-size:15px}.nb-card.new:hover{background:var(--surface);color:var(--blue-text)}.nb-card.new .plus{width:60px;height:60px;border-radius:20px;background:var(--blue-wash);color:var(--blue-text);display:grid;place-items:center}.skel-card{min-height:212px;background:var(--mist);animation:pulse 1.4s infinite;border:0}.ribbon{background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:20;min-width:0}.skel-bar{height:92px}.rtabs{display:flex;gap:2px;padding:4px 12px 0}.rtabs button{border:0;background:transparent;height:34px;padding:0 14px;border-radius:10px 10px 0 0;color:var(--ink-2);font-weight:500}.rtabs button:hover{color:var(--ink);background:var(--mist)}.rtabs button.on{color:var(--blue-text);font-weight:600;box-shadow:inset 0 -2px 0 var(--blue)}.rrow{display:flex;align-items:center;gap:2px;padding:6px 12px 8px;overflow-x:auto;scrollbar-width:thin;min-height:52px}.rb{height:38px;min-width:38px;padding:0 8px;border-radius:10px;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;white-space:nowrap;font-size:13.5px}.rb [data-i]{color:var(--ink-2)}.rb:hover:not(:disabled){background:var(--mist)}.rb.on{background:var(--blue-wash);color:var(--blue-text)}.rb.on [data-i]{color:var(--blue-text)}.rb:disabled{opacity:.4}.rb.wide{padding:0 10px}.rb.sel{min-width:132px;justify-content:space-between;border:1px solid var(--line-strong);height:34px;margin-right:4px}.rsep{width:1px;height:24px;background:var(--line);margin:0 6px;flex:none}.rlabel{font-size:12.5px;color:var(--ink-2);font-weight:600;margin:0 6px 0 2px;flex:none}.dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;padding:0;margin:0 2px;flex:none;box-shadow:inset 0 0 0 1px #0000001f}.dot.on{border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--surface)}.dot.big{width:30px;height:30px;margin:0;display:grid;place-items:center}.dot.none{background:var(--surface)!important;color:var(--ink-2);border:1px solid var(--line-strong)}.thick{width:34px;height:34px;border-radius:10px;border:0;background:transparent;display:grid;place-items:center;flex:none}.thick span{border-radius:50%;display:block}.thick:hover{background:var(--mist)}.thick.on{background:var(--blue-wash)}.nb-body{display:grid;grid-template-columns:auto 1fr;min-height:0;position:relative}.nb-body.with-panel{grid-template-columns:auto 1fr 340px}.panes{display:grid;grid-template-columns:228px 252px;min-height:0;border-right:1px solid var(--line)}.full .panes{display:none}.secs,.pgs{display:flex;flex-direction:column;min-height:0;overflow:hidden}.secs{background:var(--bg);border-right:1px solid var(--line)}.pgs{background:color-mix(in oklch,var(--bg) 60%,var(--surface))}.secs .list,.pgs .list{flex:1;overflow:auto;padding:4px 8px 12px}.nb-head{display:flex;align-items:center;gap:10px;margin:10px 8px 6px;padding:10px 10px 10px 12px;border:0;border-radius:14px;background:var(--surface);box-shadow:var(--soft-shadow);text-align:left;color:var(--ink);font-weight:600;font-size:14.5px;min-width:0}.nb-head:hover{background:var(--mist)}.nb-head .nb-spine{width:6px;height:26px;border-radius:4px;background:var(--sc);flex:none}.nb-head .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec{display:flex;align-items:center;gap:10px;height:38px;border-radius:10px;padding-right:4px;color:var(--ink);cursor:pointer;position:relative;outline-offset:-2px}.sec:hover{background:var(--mist)}.sec.on{background:color-mix(in oklch,var(--sc) 14%,transparent);font-weight:600}.sec.over{box-shadow:inset 0 0 0 2px var(--blue)}.sec .tab{width:8px;height:22px;border-radius:3px 6px 6px 3px;background:var(--sc);flex:none}.sec.group{color:var(--ink-2);font-weight:500}.sec .label,.pg .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec .more,.pg .more{width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--ink-2);display:grid;place-items:center;opacity:0;flex:none}.sec:hover .more,.pg:hover .more,.sec:focus-within .more,.pg:focus-within .more{opacity:1}.sec .more:hover,.pg .more:hover{background:var(--mist-2)}.pane-foot{display:flex;gap:4px;padding:8px;border-top:1px solid var(--line)}.pane-foot .add{flex:1;height:36px;border:0;border-radius:10px;background:transparent;color:var(--ink-2);display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.pane-foot .add:hover{background:var(--mist);color:var(--ink)}.pgs-head{display:flex;align-items:center;gap:6px;padding:14px 8px 8px 16px;min-height:60px}.pgs-head .label{flex:1;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split{display:inline-flex;border-radius:999px;background:var(--surface);box-shadow:var(--soft-shadow);flex:none}.add-page{height:34px;border:0;background:transparent;color:var(--blue-text);display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 12px;font-weight:600;font-size:13px;border-radius:999px 0 0 999px}.add-page.caret{padding:0 8px;border-radius:0 999px 999px 0;border-left:1px solid var(--line)}.add-page:hover{background:var(--mist)}.pg{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;padding:8px 4px 8px 14px;border-radius:10px;cursor:pointer;position:relative;outline-offset:-2px;border-left:3px solid transparent}.pg:hover{background:var(--mist)}.pg.on{background:var(--surface);box-shadow:var(--soft-shadow);border-left-color:var(--sc,var(--blue))}.pg.over{box-shadow:inset 0 2px 0 var(--blue)}.pg .t{font-size:14px;line-height:1.3}.pg .t em{color:var(--ink-2);font-style:normal}.pg small{flex-basis:100%;order:3;font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:4px;margin-top:2px}.pg .more{order:2}.pane-empty{padding:18px 12px;color:var(--ink-2);font-size:13px;line-height:1.5}.page-area{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--surface)}.canvas-scroll{flex:1;overflow:auto;min-height:0;position:relative;overscroll-behavior:contain}.paper{position:relative;background:var(--surface)}.paper.light{--ink:#0E1230;--ink-2:#575D7A;--line:#DADCE8;--line-strong:#C3C7DA;--mist:rgba(14,18,48,.05);--mist-2:rgba(14,18,48,.09);--rule:rgba(36,64,255,.15);--grid:rgba(14,18,48,.08);--surface:#fff;color:#0e1230;color-scheme:light}.paper-inner{position:absolute;left:0;top:0;transform-origin:0 0}.paper-inner.typing{cursor:text}.bg-ruled{background-image:linear-gradient(to bottom,transparent 31px,var(--rule) 31px,var(--rule) 32px);background-size:100% 32px;background-position:0 132px}.bg-ruled:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:1px;background:var(--rule-2)}.bg-grid{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}.bg-dots{background-image:radial-gradient(circle,var(--grid) 1.3px,transparent 1.4px);background-size:22px 22px;background-image:radial-gradient(circle,color-mix(in oklch,var(--ink) 22%,transparent) 1.2px,transparent 1.4px)}.page-head{position:absolute;width:min(640px,calc(100% - 96px));cursor:auto}.page-title{width:100%;border:0;border-bottom:1px solid var(--line-strong);background:transparent;font-size:30px;font-weight:600;letter-spacing:-.02em;padding:4px 0 8px;outline:none;color:var(--ink)}.page-title:focus{border-bottom-color:var(--blue)}.page-date{margin-top:8px;font-size:12.5px;color:var(--ink-2);white-space:pre}.tb{position:absolute;border-radius:6px;cursor:auto}.tb-bar{position:absolute;left:-1px;right:-1px;top:-11px;height:11px;border-radius:6px 6px 0 0;background:var(--mist-2);cursor:move;opacity:0;transition:opacity .12s;touch-action:none}.tb:hover .tb-bar,.tb:focus-within .tb-bar,.tb.sel .tb-bar{opacity:1}.tb:focus-within,.tb.sel{box-shadow:0 0 0 1px var(--line-strong)}.tb.sel{box-shadow:0 0 0 2px var(--blue)}.tb-w{position:absolute;right:-5px;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none}.tb-w:after{content:"";position:absolute;right:3px;top:50%;width:4px;height:22px;margin-top:-11px;border-radius:4px;background:var(--line-strong);opacity:0}.tb:focus-within .tb-w:after,.tb:hover .tb-w:after{opacity:1}.tb-body{padding:4px 8px;min-height:30px;outline:none;font-size:15px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere;color:var(--ink)}.tb.ro .tb-body{cursor:auto}.tb-body>*:first-child{margin-top:0}.tb-body h1{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:6px 0 4px;line-height:1.25}.tb-body h2{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:6px 0 4px;line-height:1.3}.tb-body h3{font-size:17px;font-weight:600;margin:8px 0 2px;color:var(--blue-text)}.tb-body p{margin:0}.tb-body ul,.tb-body ol{margin:2px 0;padding-left:26px}.tb-body blockquote{margin:4px 0;padding:2px 0 2px 14px;border-left:3px solid var(--line-strong);color:var(--ink-2)}.tb-body pre{margin:4px 0;padding:10px 12px;border-radius:10px;background:var(--mist);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.tb-body a{text-decoration:underline}.tb-body hr{border:0;border-top:1px solid var(--line-strong);margin:10px 0}.tb-body table{border-collapse:collapse;margin:6px 0;min-width:240px}.tb-body td,.tb-body th{border:1px solid var(--line-strong);padding:6px 10px;min-width:70px;vertical-align:top;text-align:left}.tb-body th{background:var(--mist);font-weight:600}.tb-body [data-tag]{position:relative;padding-left:28px;min-height:1.55em}.tb-body [data-tag]:before{position:absolute;left:0;top:1px;font-family:Material Symbols Rounded;font-size:20px;line-height:1;font-variation-settings:"FILL" 1,"wght" 400;user-select:none;-webkit-user-select:none}.tb-body [data-tag=todo]:before{content:"check_box_outline_blank";color:#2440ff;cursor:pointer;font-variation-settings:"FILL" 0,"wght" 500}.tb-body [data-tag=todo][data-done="1"]:before{content:"check_box";font-variation-settings:"FILL" 1,"wght" 500}.tb-body [data-tag=todo][data-done="1"]{color:var(--ink-2);text-decoration:line-through;text-decoration-color:color-mix(in oklch,var(--ink-2) 60%,transparent)}.tb-body [data-tag=important]:before{content:"star";color:#e0a100}.tb-body [data-tag=question]:before{content:"help";color:#7b4dff}.tb-body [data-tag=idea]:before{content:"lightbulb";color:#f08c00}.tb-body [data-tag=remember]:before{content:"bookmark";color:#1f9d6b}.tb-body [data-tag=definition]:before{content:"menu_book";color:#0b7fab}.tb-body [data-tag=contact]:before{content:"person";color:#c2410c}.tb-body [data-tag=critical]:before{content:"priority_high";color:#c0262d}html[data-theme=dark] .paper:not(.light) .tb-body [data-tag=todo]:before{color:#8fa6ff}.flash{animation:flash 1.6s ease-out}@keyframes flash{0%,40%{box-shadow:0 0 0 3px var(--blue),0 0 0 8px var(--blue-wash)}to{box-shadow:0 0 0 0 transparent}}.pic{position:absolute;border-radius:6px;cursor:move;touch-action:none}.pic img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px;pointer-events:none}.pic.sel{box-shadow:0 0 0 2px var(--blue)}.pic .uploading{position:absolute;left:8px;bottom:8px;background:#0e1230b3;color:#fff;font-size:12px;padding:4px 8px;border-radius:999px;display:flex;align-items:center;gap:4px}.img-missing{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:6px;background:var(--mist);border-radius:6px;color:var(--ink-2);font-size:12.5px}.grip{position:absolute;width:14px;height:14px;border-radius:4px;background:var(--surface);border:2px solid var(--blue);touch-action:none}.grip.br{right:-7px;bottom:-7px;cursor:nwse-resize}.filecard{position:absolute;display:flex;align-items:center;gap:12px;width:300px;padding:10px 14px 10px 10px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;touch-action:none;color:var(--ink)}.filecard:hover{box-shadow:var(--soft-shadow)}.filecard.sel{box-shadow:0 0 0 2px var(--blue)}.filecard .fi{width:40px;height:40px;border-radius:10px;background:var(--blue-wash);color:var(--blue-text);display:grid;place-items:center;flex:none}.filecard .fn{flex:1;min-width:0;display:flex;flex-direction:column}.filecard b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filecard small{color:var(--ink-2);font-size:12px}.filecard>[data-i]:last-child{color:var(--ink-2)}svg.ink{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}svg.ink .hit{pointer-events:stroke;cursor:move}svg.ink .shape.sel line,svg.ink .shape.sel rect,svg.ink .shape.sel ellipse{filter:drop-shadow(0 0 2px var(--blue))}svg.ink .stroke.sel>path:first-child{filter:drop-shadow(0 0 1.5px var(--blue)) drop-shadow(0 0 1.5px var(--blue))}svg.ink .ends circle{fill:var(--surface);stroke:var(--blue);stroke-width:2;pointer-events:all;cursor:grab}html[data-theme=dark] .paper:not(.light) svg.ink .hl{mix-blend-mode:screen;opacity:.35}.paper.light svg.ink .hl,html:not([data-theme=dark]) svg.ink .hl{mix-blend-mode:multiply}.ink-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.drop-veil{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:6;border:2px dashed var(--blue);border-radius:18px;background:var(--blue-wash);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.drop-veil div{margin-bottom:40px;background:var(--blue);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:var(--pop-shadow)}.banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--blue-wash);color:var(--ink);border-bottom:1px solid var(--line);flex-wrap:wrap}.banner span{flex:1;min-width:200px}.banner.warn{background:color-mix(in oklch,var(--warn) 14%,var(--surface))}.banner.warn>[data-i]{color:var(--warn)}.side-panel{border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0}.sp-head{display:flex;align-items:center;gap:8px;padding:12px 8px 8px 20px}.sp-head h2{flex:1;margin:0;font-size:16px;font-weight:600}.sp-body{flex:1;overflow:auto;padding:4px 16px 24px}.sp-note{color:var(--ink-2);font-size:12.5px;line-height:1.5;margin:0 4px 12px}.sp-empty{text-align:center;color:var(--ink-2);padding:28px 12px;line-height:1.5}.sp-empty [data-i]{color:var(--blue-text)}.sp-h{font-size:12.5px;font-weight:600;color:var(--ink-2);margin:18px 4px 8px;letter-spacing:.02em}.seg-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden}.seg button{height:32px;padding:0 12px;border:0;background:transparent;color:var(--ink-2);font-size:13px}.seg button.on{background:var(--blue-wash);color:var(--blue-text);font-weight:600}.chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.chk input{accent-color:var(--blue)}.tag-group{margin-bottom:14px}.tag-group h3{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin:10px 4px 6px}.tag-group .count{margin-left:auto;font-size:12px;color:var(--ink-2);font-weight:500}.tag-row{width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;text-align:left;border:0;background:transparent;border-radius:12px;padding:8px 10px}.tag-row:hover{background:var(--mist)}.tag-row .tx{grid-column:-2;font-size:13.5px;line-height:1.4}.tag-row small{grid-column:-2;color:var(--ink-2);font-size:11.5px;display:flex;align-items:center;gap:6px;margin-top:2px}.tag-row small .dotc{margin:0;width:8px;height:8px}.tag-row.done .tx{text-decoration:line-through;color:var(--ink-2)}.versions{list-style:none;margin:0;padding:0}.versions li{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px}.versions li:hover{background:var(--mist)}.versions li div{flex:1;min-width:0;display:flex;flex-direction:column}.versions b{font-weight:500;font-size:13.5px}.versions small{color:var(--ink-2);font-size:12px}.bin-row{display:flex;align-items:center;gap:10px;padding:8px 4px 8px 8px;border-radius:12px}.bin-row:hover{background:var(--mist)}.bin-row>div{flex:1;min-width:0;display:flex;flex-direction:column}.bin-row b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bin-row small{color:var(--ink-2);font-size:12px}.bin-row .dotc{margin:0}.share-add{position:relative}.share-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:16px;padding:4px 4px 4px 12px}.share-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}.share-input input{flex:1;border:0;outline:none;background:transparent;height:40px;min-width:0}.share-input select{height:38px;border-radius:12px;border:0;background:var(--mist);padding:0 10px}.share-matches{position:absolute;left:0;right:0;top:54px;z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--pop-shadow);padding:6px}.share-matches button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:8px 10px;border-radius:10px;text-align:left}.share-matches button:hover{background:var(--mist)}.share-matches button>span:not(.mini-av),.share-row>span:not(.mini-av){display:flex;flex-direction:column;min-width:0;flex:1}.share-matches small,.share-row small{color:var(--ink-2);font-size:12px}.share-list{display:flex;flex-direction:column;gap:2px}.share-row{display:flex;align-items:center;gap:12px;padding:8px 4px}.share-row b{font-weight:500}.share-row select{height:34px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);padding:0 8px}.share-row.general select{border:0;padding:0;height:28px;font-weight:600;background:transparent;margin-left:-2px;align-self:flex-start}.share-row .perm{color:var(--ink-2)}.drawer-scrim{display:none}@media (max-width:1180px){.nb-body.with-panel{grid-template-columns:auto 1fr}.side-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,100vw);z-index:25;box-shadow:var(--pop-shadow)}}@media (max-width:980px){.panes{grid-template-columns:200px 220px}.hdr .search{max-width:300px}.brand .words{display:none}}@media (max-width:820px){.only-narrow{display:grid}.nb-body,.nb-body.with-panel{grid-template-columns:1fr}.panes{position:absolute;left:0;top:0;bottom:0;z-index:26;background:var(--bg);box-shadow:var(--pop-shadow);transform:translate(-105%);transition:transform .2s;grid-template-columns:min(46vw,210px) min(54vw,240px)}.nb-body.drawer .panes{transform:none}.full .panes{display:grid}.nb-body.drawer .drawer-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--scrim)}.hdr .search,.crumb .words,.share-btn .words,.save{display:none}.crumb .t{max-width:140px}}@media (max-width:560px){.hdr{gap:4px;padding:0 6px}.nb-title>.crumb:first-child,.nb-title>.crumb:first-child+[data-i]{display:none}.home-top h1{font-size:26px}.nb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.nb-card .cover{height:110px}.toast{left:12px;right:12px;bottom:12px}}@media print{.hdr,.ribbon,.panes,.side-panel,.banner,.toast,.tb-bar,.tb-w,.grip{display:none!important}.app,.nb-app{display:block;height:auto}.nb-body{display:block}.canvas-scroll{overflow:visible}.paper{background:#fff!important}.paper-inner{transform:none!important}body{background:#fff}}html[data-theme=dark][data-tone=grey]{--bg:#141416;--surface:#1C1C1F;--mist:#26262A;--ink:#EDEDEF;--ink-2:#A1A1A9;--line:#2C2C31;--line-strong:#3F3F46;--plate:#E4E4E9;--thumb-bg:#232327;--blue-text:#A9B6FF;--header-bg:rgba(20,20,22,.86);--soft-shadow:0 10px 28px -10px rgba(0,0,0,.65);--pop-shadow:0 24px 48px -16px rgba(0,0,0,.75);--g-plat:linear-gradient(140deg,#8A8A96 0%,#3A3A44 100%);--c-plat:#B4B4BE}html[data-theme=dark][data-tone=grey] .hub-thumb{--surface:#2E2E33;--mist:#3A3A40;--line-strong:#55555E}