@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e7e7e0;--panel:#fbfaf5;--paper:#fbfaf5;--muted:#f2f1e9;--muted-strong:#e6e5db;--line:#d9d9cf;--line-strong:#c2c4b7;--text:#1b2422;--text-dim:#5f6a66;--ink:#1b2422;--accent:#1e4d3f;--accent-strong:#163b30;--accent-soft:#e3ece7;--accent-ink:#f7f5ec;--ochre:#c08a1e;--danger:#a63a2b;--danger-soft:#f6e7e3;--ok:#2f6b4f;--warn:#9a5b12;--ring-color:#2f6b4f;--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:14px;--shadow-sm:0 1px 1px #1b24220d, 0 1px 3px #1b24220a;--shadow:0 1px 2px #1b242212, 0 12px 28px -14px #1b242247;--shadow-lg:0 2px 4px #1b242212, 0 28px 60px -22px #1b242261;--ease:cubic-bezier(.32, .72, .28, 1);--font-ui:"Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Newsreader", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{overscroll-behavior:none}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:500}button,input,label{touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring-color);outline-offset:2px}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);transition:background .15s var(--ease), color .15s var(--ease);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--muted)}.icon-btn.active{background:var(--accent-soft);color:var(--accent-strong)}.icon-btn.small{border-radius:6px;width:28px;height:28px;font-size:16px}.pill-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel);white-space:nowrap;height:40px;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:500;display:inline-flex}.pill-btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--muted)}.pill-btn:active:not(:disabled){transform:translateY(.5px)}.pill-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 1px 1px #163b302e}.pill-btn.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.pill-btn.ghost{box-shadow:none;color:var(--text-dim);background:0 0;border-color:#0000}.pill-btn.ghost:hover:not(:disabled){background:var(--muted);border-color:var(--line);color:var(--text)}.pill-btn.ghost:disabled{background:0 0;border-color:#0000}.pill-btn.danger{color:var(--danger);background:var(--panel);border-color:#dcb7b0}.pill-btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#cfa49c}.pill-btn.small{height:30px;padding:0 11px;font-size:12.5px}.library{flex-direction:column;height:100%;display:flex;overflow:hidden}.lib-top{background:var(--bg);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:24px;padding:20px 40px 8px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--accent);width:29px;height:29px;color:var(--accent-ink);font-family:var(--font-display);border-radius:5px;flex:none;justify-content:center;align-items:center;padding-bottom:2px;font-size:23px;font-weight:500;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #f7f5ec26}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:29px;font-weight:500;line-height:1}.brand-tagline{color:var(--text-dim);margin-top:4px;font-size:12px;line-height:1.2}.lib-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.lib-actions .pill-btn.primary{margin-left:8px}.lib-searchbar{background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:14px 40px 16px;display:flex}.lib-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);max-width:420px;height:40px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);flex:260px;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.lib-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.lib-search-icon{color:var(--text-dim);font-size:17px;line-height:1}.lib-search-input{min-width:0;height:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.lib-search-input::placeholder{color:var(--text-dim)}.lib-search-input::-webkit-search-cancel-button{display:none}.lib-chips{gap:2px;display:flex}.lib-chip{height:40px;color:var(--text-dim);transition:color .15s var(--ease);background:0 0;border:none;border-radius:0;padding:0 12px;font-size:13px;font-weight:500;position:relative}.lib-chip:after{content:"";height:2px;transition:background .15s var(--ease);background:0 0;position:absolute;bottom:5px;left:10px;right:10px}.lib-chip:hover{color:var(--text)}.lib-chip.active{color:var(--text);font-weight:600}.lib-chip.active:after{background:var(--accent)}.lib-sort{align-items:center;gap:8px;margin-left:auto;display:flex}.lib-sort select{border:1px solid var(--line);background:var(--panel);height:36px;font:inherit;color:var(--text);cursor:pointer;border-radius:6px;padding:0 10px;font-size:12.5px}.lib-count{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.lib-busy{color:var(--accent-ink);border-radius:var(--radius-sm);z-index:50;background:#1b2422f0;padding:8px 16px;font-size:12.5px;position:fixed;top:96px;left:50%;transform:translate(-50%)}.lib-note{border-radius:var(--radius-sm);color:var(--ok);background:#e7efe9;border:1px solid #cddfd3;flex-wrap:wrap;align-items:center;gap:10px;margin:0 40px 12px;padding:10px 12px;font-size:13px;display:flex}.lib-note>span:first-child{flex:220px}.lib-note .icon-btn{color:inherit;margin-left:auto}.lib-note .icon-btn:hover{background:#2f6b4f1a}.lib-error{background:var(--danger-soft);max-width:min(620px,92vw);color:var(--danger);border:1px solid var(--danger-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:60;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:13px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.lib-error .icon-btn{color:inherit}.lib-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));align-content:start;gap:30px 26px;width:100%;max-width:1360px;margin:0 auto;padding:34px 40px 56px;display:grid;overflow-y:auto}.nb-card{flex-direction:column;gap:12px;display:flex}.nb-cover-wrap{position:relative}.nb-cover{isolation:isolate;aspect-ratio:3/4;width:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease);text-align:left;border-radius:3px 8px 8px 3px;align-items:flex-end;padding:18px 14px 16px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #1b242224,0 12px 24px -14px #1b242280}.nb-cover:before{content:"";z-index:2;background:linear-gradient(90deg,#0000003d 0%,#00000014 55%,#ffffff29 100%);width:11px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #ffffff1a}.nb-cover:after{content:"";z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 3px),linear-gradient(#ffffff12,#0000 28%,#0000001f);position:absolute;inset:0}.nb-star{color:#f7f5ecd9;opacity:.4;text-shadow:0 1px 2px #0a100e66;width:30px;height:30px;transition:opacity .15s var(--ease), background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:9px;left:13px}.nb-star:hover{opacity:1;background:#141e1a4d}@media (hover:hover) and (pointer:fine){.nb-star{opacity:0}.nb-cover-wrap:hover .nb-star:not(.on),.nb-star:focus-visible{opacity:1}}.nb-star.on{opacity:1;color:#2a2113;background:var(--ochre);text-shadow:none;box-shadow:0 1px 2px #1b242247}.nb-cover:hover{transform:translateY(-2px);box-shadow:0 1px 1px #1b242224,0 18px 32px -16px #1b24228a}.nb-cover-title{z-index:1;width:100%;color:var(--text);background:var(--paper);font-family:var(--font-display);letter-spacing:-.005em;text-align:left;border-top:1px solid var(--line);text-shadow:none;-webkit-line-clamp:3;border-radius:2px;-webkit-box-orient:vertical;padding:10px 12px 11px;font-size:18px;font-weight:500;line-height:1.22;display:-webkit-box;position:relative;overflow:hidden;box-shadow:0 1px #1b24221f,inset 0 0 0 1px #1b24220a}.nb-cover-chip{z-index:2;background:var(--paper);color:var(--text-dim);letter-spacing:.06em;border-radius:2px;padding:4px 7px;font-size:10px;font-weight:600;position:absolute;top:12px;right:12px;box-shadow:0 1px #1b242224}.nb-info{justify-content:space-between;align-items:flex-start;gap:6px;padding:0 2px;display:flex}.nb-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.nb-title{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nb-sub,.nb-sub-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11.5px}.nb-menu-wrap{position:relative}.nb-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:30;min-width:164px;animation:pop-in .12s var(--ease);padding:5px;position:absolute;top:32px;right:0}.menu-item{text-align:left;width:100%;transition:background .12s var(--ease);border-radius:6px;padding:8px 10px;font-size:13.5px;display:block}.menu-item:hover{background:var(--muted)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger-soft)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.lib-empty{text-align:center;max-width:420px;color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:40px 24px;display:flex}.lib-empty-art{width:56px;height:56px;color:var(--accent);justify-content:center;align-items:center;display:flex}.lib-empty-art svg{width:50px;height:50px;display:block}.lib-empty h2{color:var(--text);margin:8px 0 0;font-size:26px}.lib-empty p{margin:0 0 18px;font-size:13.5px;line-height:1.5}.lib-empty-actions{gap:8px;display:flex}.trash-list{flex-direction:column;gap:8px;max-height:46vh;margin:0 0 6px;padding:0;list-style:none;display:flex;overflow-y:auto}.trash-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);align-items:center;gap:8px;padding:10px 12px;display:flex}.trash-text{flex-direction:column;min-width:0;margin-right:auto;display:flex}.trash-title{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.notebook{flex-direction:column;display:flex;position:fixed;inset:0}.toolbar-top{background:var(--panel);border-bottom:1px solid var(--line);z-index:20;flex:none;justify-content:space-between;align-items:center;gap:12px;height:54px;padding:0 14px;display:flex}.tb-left,.tb-right{align-items:center;gap:6px;min-width:0;display:flex}.title-input{font-family:var(--font-display);letter-spacing:-.01em;width:min(300px,30vw);color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:20px;font-weight:500}.title-input:hover{background:var(--muted)}.title-input:focus{background:var(--panel);border-color:var(--line);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn-group{background:var(--muted);border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex}.btn-group .icon-btn{border-radius:5px;width:32px;height:32px}.tb-cluster{border-left:1px solid var(--line);align-items:center;gap:2px;margin-left:2px;padding-left:8px;display:flex}.zoom-label{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-size:11.5px;font-weight:500}.gesture-wrap{position:relative}.popover{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:40;width:244px;animation:pop-in .14s var(--ease);border-radius:10px;padding:14px;position:absolute;top:42px;right:0}.popover-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);border-bottom:1px solid var(--line);margin:0 0 10px;padding-bottom:8px;font-size:17px;font-weight:500}.outline-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.outline-item{text-align:left;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:7px 8px;font-size:12.5px;overflow:hidden}.outline-item:hover{background:var(--muted)}.check-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:7px 6px;font-size:13.5px;display:flex}.check-row:hover{background:var(--muted)}.stage{background-color:var(--bg);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(120% 90% at 50% 38%,#fbfaf599,#e7e7e000 68%),repeating-linear-gradient(0deg,#1b242203 0 1px,#0000 1px 3px);flex:1;position:relative;overflow:hidden}.page-transform{will-change:transform;position:absolute;top:0;left:0}.spread{align-items:flex-start;display:flex}.spread.two{gap:28px}.page-shadow{background:var(--paper);border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #1b24221a,3px 4px 0 -1px #e8e6dc,4px 5px #1b242221,10px 18px 36px -10px #1b242238}@keyframes page-turn-next{0%{opacity:.5;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes page-turn-prev{0%{opacity:.5;transform:translateY(-26px)}to{opacity:1;transform:none}}.page-shadow.turn-next{animation:.2s ease-out page-turn-next}.page-shadow.turn-prev{animation:.2s ease-out page-turn-prev}.page-view{touch-action:none;position:relative}.page-view canvas{display:block;position:absolute;top:0;left:0}.pdf-text-layer{pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute;inset:0;overflow:hidden}.pdf-text-layer span{white-space:pre;color:#0000;transform-origin:0 0;position:absolute}.page-view.text-active canvas{pointer-events:none}.page-view.text-active .pdf-text-layer{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text}.pdf-text-layer span::selection{background:#1e4d3f38}.ruler-overlay{z-index:2;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 2px 3px #171e1c38);touch-action:none;position:absolute}.ruler-face{position:absolute;top:0;left:0;overflow:visible}.ruler-plastic{fill:#ffd66657;stroke:#926a0c80;stroke-width:1.4px}.ruler-edge{stroke:#926a0cb8;stroke-width:1.6px}.ruler-tick{stroke:#483508b8;stroke-width:1.3px}.ruler-num{fill:#3c2c08d1;font-size:9px;font-weight:600}.ruler-handle{pointer-events:auto;width:calc(26px / var(--zoom,1));height:calc(26px / var(--zoom,1));border:calc(1.5px / var(--zoom,1)) solid #926a0cbf;box-shadow:0 calc(1px / var(--zoom,1)) calc(3px / var(--zoom,1)) #171e1c47;cursor:grab;background:#ffeca8eb;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.ruler-handle:after{content:"";background:#926a0c8c;border-radius:50%;position:absolute;inset:32%}.ruler-handle.turn{cursor:crosshair}.ruler-handle:active{cursor:grabbing;background:#fff3cf}.text-editor{z-index:3;outline:1px dashed var(--accent);outline-offset:3px;resize:none;pointer-events:auto;caret-color:var(--accent);white-space:pre;background:#1e4d3f0a;border:none;border-radius:1px;margin:0;padding:0;position:absolute;overflow:hidden}.text-editor::placeholder{color:#5f6a668c}.page-nav{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:15;border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:20px;right:20px}.nav-btn{width:34px;height:34px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;font-size:19px;line-height:1;display:flex}.nav-btn:hover:not(:disabled){background:var(--muted)}.nav-btn.add{color:var(--accent);font-weight:500}.page-label{color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 8px;font-size:12.5px;font-weight:500}.toolbar-bottom{background:var(--panel);border:1px solid var(--line);z-index:16;border-radius:12px;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:min(94vw,900px);padding:7px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #1b242212,0 18px 40px -16px #1b24225c}.tools{gap:8px;display:flex}.tool-btn,.ruler-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text);transition:background .13s var(--ease), color .13s var(--ease);justify-content:center;align-items:center;display:flex}.ruler-btn:hover{background:var(--muted)}.ruler-btn.active{background:var(--accent);color:var(--accent-ink)}.tool-btn:hover{background:var(--muted)}.tool-btn.active{background:var(--accent);color:var(--accent-ink)}.pen-wrap{position:relative}.pen-palette{background:var(--panel);border:1px solid var(--line);width:288px;box-shadow:var(--shadow);z-index:40;animation:pop-in .14s var(--ease);border-radius:10px;padding:12px;position:absolute;bottom:calc(100% + 12px);left:-4px}.pen-palette-list{flex-direction:column;gap:2px;max-height:min(48vh,390px);display:flex;overflow-y:auto}.pen-palette-btn{text-align:left;width:100%;color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:7px 8px;display:flex}.pen-palette-btn:hover{background:var(--muted)}.pen-palette-btn.active{background:var(--accent-soft)}.pen-palette-ink{background:var(--muted);border-radius:5px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pen-palette-text{flex-direction:column;min-width:0;display:flex}.pen-palette-name{font-size:12.5px;font-weight:600}.pen-palette-hint{color:var(--text-dim);font-size:11.5px;line-height:1.3}.laser-opt{color:var(--text-dim);align-items:center;gap:7px;font-size:12px;display:flex}.laser-opt-name{color:var(--text);font-weight:500}.laser-range{width:92px;accent-color:var(--accent)}.laser-opt-val{font-variant-numeric:tabular-nums;min-width:32px}.tool-options{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;min-height:36px;padding:0 4px;display:flex}.swatches{gap:7px;display:flex}.pen-types{border-right:1px solid var(--line);gap:2px;padding-right:12px;display:flex}.pen-type-btn{width:68px;color:var(--text-dim);transition:background .13s var(--ease), color .13s var(--ease);background:var(--muted);border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:3px 4px 4px;font-size:10.5px;line-height:1.15;display:flex}.pen-type-btn.active{background:var(--accent-soft);color:var(--accent-strong)}.pen-type-btn svg{display:block}.nib-name{min-width:62px;color:var(--text-dim);letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.swatch{border:2px solid var(--paper);width:24px;height:24px;box-shadow:0 0 0 1px var(--line-strong);border-radius:999px;transition:transform .1s,box-shadow .1s}.swatch:hover{transform:scale(1.08)}.swatch.active{box-shadow:0 0 0 2px var(--accent);transform:scale(1.08)}.widths{border-left:1px solid var(--line);gap:4px;padding-left:12px;display:flex}.width-btn{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.width-btn:hover{background:var(--muted)}.width-btn.active{background:var(--accent-soft)}.dot{background:var(--text);border-radius:999px;display:block}.width-btn.active .dot{background:var(--accent-strong)}.bar{background:var(--text);border-radius:999px;width:22px;display:block}.width-btn.active .bar{background:var(--accent-strong)}.eraser-option{align-items:center;gap:10px;display:flex}.seg{background:var(--muted);border-radius:7px;align-items:center;gap:2px;padding:2px;display:flex}.seg-btn{font:inherit;color:var(--text-dim);cursor:pointer;white-space:nowrap;transition:background .12s var(--ease), color .12s var(--ease);background:0 0;border:0;border-radius:5px;padding:5px 10px;font-size:12.5px}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.eraser-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.eraser-option input[type=range]{width:140px;accent-color:var(--accent)}.hint-text{color:var(--text-dim);font-size:12.5px}.sel-actions{align-items:center;gap:10px;display:flex}.thumbs-panel{background:var(--panel);border-left:1px solid var(--line);z-index:18;flex-direction:column;width:176px;display:flex;position:absolute;top:54px;bottom:0;right:0;box-shadow:-6px 0 24px #1b24220d}.thumbs-head{color:var(--text-dim);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.thumbs-head .icon-btn{margin-left:auto}.page-jump{align-items:center;gap:4px;font-weight:600;display:flex}.page-jump-input{border:1px solid var(--line);text-align:center;width:40px;height:28px;color:var(--text);background:var(--panel);font-variant-numeric:tabular-nums;border-radius:5px;padding:0 2px;font-size:12px;font-weight:600}.page-jump-total{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.thumbs-list{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.thumb{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.thumb-btn{background:0 0;border-radius:4px;justify-content:center;align-items:center;width:100%;height:132px;padding:0;display:flex;position:relative}.thumb-frame{background:var(--paper);border-radius:1px;line-height:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1b242214,0 2px 6px #1b24221a}.thumb.active .thumb-frame{box-shadow:0 0 0 2px var(--accent), 0 2px 6px #1b24221f}.thumb-canvas{display:block}.thumb-num{color:var(--accent-ink);font-variant-numeric:tabular-nums;background:#1b2422d1;border-radius:2px;padding:2px 5px;font-size:9.5px;font-weight:500;line-height:1.35;position:absolute;bottom:5px;left:5px}.thumb-tools{visibility:hidden;gap:4px;height:24px;display:flex}.thumb.active .thumb-tools,.thumb:hover .thumb-tools{visibility:visible}.thumb-tool{border:1px solid var(--line);background:var(--panel);width:24px;height:24px;color:var(--text-dim);border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.thumb-tool:disabled{opacity:.35}.thumb-tool.del{color:var(--danger)}.add-page-btn{border:1px dashed var(--line-strong);height:38px;color:var(--accent);border-radius:6px;margin:12px;font-size:12.5px;font-weight:500}.add-page-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.toast{color:var(--accent-ink);border-radius:var(--radius-sm);z-index:60;text-align:center;pointer-events:none;background:#1b2422f2;max-width:80vw;padding:10px 16px;font-size:12.5px;font-weight:500;animation:.18s toast-in;position:fixed;bottom:128px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=1250px){.toast{bottom:198px}}@media (width<=760px){.toast{bottom:168px}}.modal-backdrop{z-index:100;background:#141e1a75;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(460px,92vw);max-height:86vh;box-shadow:var(--shadow-lg);padding:22px 24px 24px;overflow:hidden auto}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.modal-head h2{margin:0;font-size:24px}.field{margin-bottom:18px}.field>label{letter-spacing:0;text-transform:none;color:var(--text-dim);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.field input[type=text],.field input:not([type]){border:1px solid var(--line);background:var(--panel);width:100%;height:42px;color:var(--text);border-radius:6px;padding:0 12px;font-size:14px}.field input[type=text]:focus,.field input:not([type]):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.template-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.template-item{min-width:0;color:var(--text-dim);border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:11.5px;font-weight:500;display:flex}.template-item:hover{background:var(--muted)}.template-item.active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.tpl-canvas{border:1px solid var(--line);border-radius:2px;width:100%;max-width:87px;height:auto;display:block}.cover-grid{flex-wrap:wrap;gap:10px;display:flex}.cover-swatch{border:2px solid var(--paper);width:44px;height:56px;box-shadow:0 0 0 1px var(--line-strong);border-radius:3px}.cover-swatch.active{box-shadow:0 0 0 2.5px var(--accent)}.modal-actions{background:linear-gradient(to bottom, #fbfaf500 0%, var(--panel) 36%);justify-content:flex-end;gap:8px;margin-top:4px;margin-bottom:-24px;padding:12px 0 18px;display:flex;position:sticky;bottom:-24px}.paper-grid{flex-wrap:wrap;gap:6px;display:flex}.paper-chip{min-width:52px;color:var(--text);background:var(--muted);transition:background .12s var(--ease), box-shadow .12s var(--ease);border-radius:5px;padding:7px 12px;font-size:12.5px;font-weight:500}.paper-chip:hover{background:var(--muted-strong)}.paper-chip.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-strong)}.paper-chip.wide{flex:1;min-width:96px}.paper-grid+.paper-grid{margin-top:8px}.pop-label{letter-spacing:0;text-transform:none;color:var(--text-dim);margin:14px 0 6px;font-size:11.5px;font-weight:600}.paper-popover{width:276px;max-height:min(74vh,560px);padding:12px 14px 14px;overflow-y:auto}.paper-popover .popover-title{margin-bottom:4px}.paper-popover .swatches,.field .swatches{flex-wrap:wrap;gap:8px}.popover-hint{color:var(--text-dim);margin:4px 0 0;font-size:12.5px;line-height:1.5}.swatch.custom-color{background:conic-gradient(#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#b06ab3,#ff6b6b);place-items:center;display:grid;position:relative;overflow:hidden}.swatch.custom-color input{opacity:0;cursor:pointer;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.check-row.paper-all{border-top:1px solid var(--line);border-radius:0;margin-top:10px;padding-top:12px}.loading-screen{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:999px;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1200px){.title-input{width:min(210px,22vw)}.tb-right{gap:3px}.tb-cluster{margin-left:1px;padding-left:5px}}@media (width<=1150px){.tool-options{gap:10px}.pen-type-btn{width:48px;padding:4px 2px 5px}.pen-type-btn span{display:none}.pen-types{padding-right:8px}.nib-name{display:none}}@media (width<=1250px){.page-nav{bottom:138px}}.notebook.pages-open .page-nav{display:none}@media (width>=761px) and (width<=1020px){.toolbar-top{position:relative}.tb-right{scrollbar-width:none;gap:3px;overflow:auto hidden}.tb-right::-webkit-scrollbar{display:none}.tb-right>*{flex:none}.toolbar-top:after{content:"";background:linear-gradient(to right, #fbfaf500, var(--panel));pointer-events:none;width:18px;height:36px;position:absolute;top:9px;right:0}.toolbar-top .popover{width:min(300px,100vw - 24px);max-height:calc(100vh - 76px);position:fixed;top:60px;left:auto;right:12px;overflow-y:auto}.toolbar-bottom{border-radius:10px;width:100%;max-width:760px;padding:6px 8px;bottom:12px}.tools{gap:2px}.tool-btn,.ruler-btn{width:40px;height:40px}.tool-options{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:0 2px 2px;overflow-x:auto}.tool-options::-webkit-scrollbar{display:none}.tool-options>*{flex:none}}@media (width<=760px){.lib-top{flex-direction:column;align-items:stretch;gap:10px;padding:14px 18px 4px}.lib-actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin:0 -18px;padding:2px 18px 4px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}.lib-actions::-webkit-scrollbar{display:none}.lib-actions .pill-btn{flex:none}.lib-actions .pill-btn.primary{order:-1;margin-left:0;margin-right:8px}.brand-name{font-size:25px}.lib-searchbar{padding:12px 18px 14px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px;padding:22px 18px 40px}.lib-search-input{font-size:16px}.lib-note{margin:0 18px 10px}.nb-cover{padding:16px 12px 14px 19px}.nb-cover-title{padding:9px 10px 10px;font-size:16px}.nb-cover-chip{font-size:9.5px;top:10px;right:10px}.toolbar-top{flex-wrap:wrap;gap:0;height:auto;padding:6px 8px;position:relative}.toolbar-top:after{content:"";background:linear-gradient(to right, #fbfaf500, var(--panel));pointer-events:none;width:18px;height:42px;position:absolute;bottom:0;right:0}.tb-left{gap:4px;width:100%;height:44px}.title-input{flex:1;width:auto;min-width:0;font-size:17px}.tb-right{scrollbar-width:none;justify-content:flex-start;gap:2px;width:100%;height:42px;overflow:auto hidden}.tb-right::-webkit-scrollbar{display:none}.tb-right>*{flex:none}.tb-cluster{margin-left:2px;padding-left:6px}.toolbar-top .popover{width:auto;max-height:calc(100vh - 116px);position:fixed;top:104px;left:8px;right:8px;overflow-y:auto}.thumbs-panel{top:100px}.toolbar-bottom{border-radius:10px;max-width:calc(100vw - 12px);padding:6px 8px;bottom:8px}.tools{gap:2px}.tool-btn,.ruler-btn{width:40px;height:40px}.tool-options{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:0 2px 2px;overflow-x:auto}.tool-options::-webkit-scrollbar{display:none}.tool-options>*{flex:none}.pen-palette{width:auto;max-height:min(56vh,420px);position:fixed;bottom:104px;left:8px;right:8px;overflow-y:auto}.page-nav{bottom:110px}}.page-transform.night{filter:invert()hue-rotate(180deg)brightness(1.28)contrast(.85)}.notebook.focus .toolbar-top,.notebook.focus .toolbar-bottom,.notebook.focus .thumbs-panel{display:none}.focus-exit{z-index:16;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line);min-height:40px;color:var(--text);box-shadow:var(--shadow);align-items:center;padding:8px 16px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;top:16px;right:20px}.focus-exit:hover{background:var(--muted)}.print-frame{visibility:hidden;pointer-events:none;border:0;width:0;height:0;position:fixed}.notebook.hand-left .toolbar-top,.notebook.hand-left .toolbar-bottom{flex-direction:row-reverse}.notebook.hand-left .thumbs-panel{border-left:none;border-right:1px solid var(--line);left:0;right:auto;box-shadow:8px 0 24px #171e1c0f}.reading-row{width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.reading-row:hover{background:var(--muted)}.reading-row .tick{color:var(--accent);margin-left:auto;font-weight:600}.reading-row .sub{color:var(--text-dim);font-size:11.5px;font-weight:400;line-height:1.35;display:block}.save-pill{height:24px;color:var(--text-dim);background:var(--muted);border-radius:5px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.save-dot{background:var(--ok);border-radius:999px;width:6px;height:6px}.save-pill.saving .save-dot{background:var(--warn);animation:1s ease-in-out infinite save-pulse}.save-pill.error{color:var(--danger);background:var(--danger-soft)}.save-pill.error .save-dot{background:var(--danger)}.save-retry{font:inherit;color:inherit;background:0 0;border:none;padding:0 2px;font-size:11.5px;font-weight:600;text-decoration:underline}@keyframes save-pulse{50%{opacity:.35}}.health-banner{z-index:220;border-radius:var(--radius-sm);border:1px solid var(--danger-soft);border-left:3px solid var(--danger);background:var(--danger-soft);max-width:min(720px,94vw);color:var(--danger);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:12.5px;display:flex;position:fixed;top:10px;left:50%;transform:translate(-50%)}.health-banner[data-health=other]{border-color:#e3d3b3;border-left-color:var(--warn);color:#6f4a12;background:#f7efdd}.hb-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hb-text strong{font-size:13px;font-weight:600}.hb-what{opacity:.8;font-size:11.5px}.hb-close{width:26px;height:26px;color:inherit;border-radius:5px;flex:none;font-size:16px}.hb-close:hover{background:#0000000f}.crash-screen{z-index:300;background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crash-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(560px,94vw);box-shadow:var(--shadow-lg);padding:26px 28px}.crash-card h1{margin:0 0 10px;font-size:28px}.crash-card p{color:var(--text-dim);margin:0 0 18px;font-size:13.5px;line-height:1.55}.crash-actions{gap:8px;display:flex}.crash-details{color:var(--text-dim);margin-top:18px;font-size:12.5px}.crash-details summary{cursor:pointer;color:var(--text);font-weight:600}.crash-details pre{background:var(--muted);max-height:220px;color:var(--text-dim);-webkit-user-select:text;user-select:text;white-space:pre-wrap;border-radius:6px;padding:10px 12px;font-size:11.5px;overflow:auto}.storage-usage{margin-bottom:6px}.usage-bar{background:var(--muted-strong);border-radius:999px;height:8px;overflow:hidden}.usage-fill{border-radius:999px;height:100%;transition:width .3s}.usage-fill.ok{background:var(--ok)}.usage-fill.warn{background:var(--warn)}.usage-fill.high{background:var(--danger)}.usage-text{color:var(--text-dim);margin:8px 0 12px;font-size:12.5px}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-row>span:first-child{color:var(--text-dim)}.info-row>span:last-child{text-align:right}.storage-heading{letter-spacing:0;text-transform:none;color:var(--text-dim);margin:18px 0 6px;font-size:12px;font-weight:600}.storage-loading{color:var(--text-dim)}.heaviest-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.heaviest-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;display:flex}.heaviest-title{font-size:13px;font-weight:600}.heaviest-details{color:var(--text-dim);font-size:11.5px}.heaviest-item .pill-btn,.storage-usage .pill-btn{margin-top:6px}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}