@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-400-normal-r32jotim.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2)format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-ext-500-normal-CTEe1bJa.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-500-normal-CAxz3nsc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2)format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff)format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-ext-600-normal-BsaQcF38.woff2)format("woff2"),url(/assets/instrument-sans-latin-ext-600-normal-DMks36a2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2)format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff)format("woff");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{--font-ui:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--tap:44px;--ui-scale:1}:root,[data-theme=desk]{--desk:#e2e5e9;--desk-pattern:none;--surface:#f7f8fa;--surface-raised:#fff;--text:#1e2329;--text-muted:#59616b;--border:#c8cdd3;--accent:#2747a0;--on-accent:#fff;--accent-soft:#dfe6f6;--danger:#b3261e;--page-shadow:0 1px 2px #1e23292e, 0 4px 12px #1e232914;--radius:8px;--radius-cover:2px 6px 6px 2px;--cover-spine:#00000038;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=desk][data-mode=dark]{--desk:#17191c;--surface:#22252a;--surface-raised:#2b2f35;--text:#e6e8eb;--text-muted:#a0a7b0;--border:#3a3f46;--accent:#8eaaf5;--on-accent:#17191c;--accent-soft:#2c3a5c;--danger:#f2b8b5;--page-shadow:0 1px 3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=graph]{--desk:#f2f6f7;--desk-pattern:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 20px 20px;--grid-line:#dbe5e8;--surface:#fff;--surface-raised:#fff;--text:#13242b;--text-muted:#4a616b;--border:#c3d2d7;--accent:#0a6b69;--on-accent:#fff;--accent-soft:#d6ecea;--danger:#b3261e;--page-shadow:0 0 0 1px #c3d2d7;--radius:2px;--radius-cover:0;--cover-spine:#0000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=graph][data-mode=dark]{--desk:#121c20;--grid-line:#1d2b30;--surface:#192529;--surface-raised:#203035;--text:#e2edf0;--text-muted:#98aeb6;--border:#2f4248;--accent:#4fc1ba;--on-accent:#121c20;--accent-soft:#1d3a3a;--danger:#f2b8b5;--page-shadow:0 0 0 1px #2f4248;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:calc(var(--text-sm) * var(--ui-scale));color:var(--text);background:var(--desk);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hint{color:var(--text-muted);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);cursor:pointer;white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--text-muted)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--surface-raised)}[data-mode=dark] .btn-danger{color:var(--desk)}.btn-small{min-height:36px;padding:0 var(--space-3);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius);color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--accent-soft)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.on{background:var(--accent-soft);color:var(--accent)}.icon-btn.small{width:32px;height:32px}.icon-btn.danger{color:var(--danger)}.only-mobile{display:inline-grid}.form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.field>span:first-child,legend{font-weight:500}.field input:not([type=range]):not([type=color]),.field select,.field-inline input,.field-inline select{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);min-width:0}.field input[type=color]{width:64px;height:var(--tap);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);padding:2px}.field input[type=range]{accent-color:var(--accent);min-height:var(--tap)}.field [aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px)}.field-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.field-inline{align-items:center;gap:var(--space-2);color:var(--text-muted);font-weight:500;display:inline-flex}.field-inline input,.field-inline select{color:var(--text);font-weight:400}.field-inline.compact select{min-height:36px}.check,.radio{align-items:center;gap:var(--space-2);min-height:var(--tap);cursor:pointer;display:flex}.check input,.radio input{width:20px;height:20px;accent-color:var(--accent);flex:none}.choice-group{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.choice-group legend{margin-bottom:var(--space-2)}.form-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.form-actions.start{justify-content:flex-start}.swatch-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch-choice,.swatch{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.swatch-choice:before,.swatch:before{content:"";background:var(--sw);border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000002e}.swatch-choice.checked:after,.swatch.on:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:4px}.swatch-choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.swatch-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.swatch.add{color:var(--text-muted)}.swatch.add:before{box-shadow:inset 0 0 0 1.5px var(--border);background:0 0;position:absolute}.swatch.add input,.swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-custom{width:var(--tap);height:var(--tap);background:conic-gradient(#e5484d,#f5a524,#46a758,#3e63dd,#8e4ec6,#e5484d);border-radius:50%;flex:none;display:inline-block;position:relative;transform:scale(.64)}.swatch-custom:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.template-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.template-choice{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-width:64px;font-size:calc(var(--text-xs) * var(--ui-scale) + 1px);flex-direction:column;display:flex;position:relative}.template-choice.checked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template-choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.template-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.template-swatch{background-color:#fff;border:1px solid #c8cdd3;width:36px;height:48px}.tpl-lined{background-image:linear-gradient(#b9c6d6 1px,#0000 1px);background-position:0 10px;background-size:100% 6px}.tpl-grid{background-image:linear-gradient(#b9c6d6 1px,#0000 1px),linear-gradient(90deg,#b9c6d6 1px,#0000 1px);background-size:6px 6px}.tpl-dotted{background-image:radial-gradient(#8a98aa .8px,#0000 1px);background-size:6px 6px}.tpl-cornell{background-image:linear-gradient(90deg,#0000 10px,#b9c6d6 10px 11px,#0000 11px),linear-gradient(#0000 38px,#b9c6d6 38px 39px,#0000 39px),linear-gradient(#dfe5ec 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 5px}.modal{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);background:var(--surface);color:var(--text);width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;box-shadow:0 12px 40px #00000040}.modal-wide{width:min(860px,100vw - 24px)}.modal::backdrop{background:#14181c73}.modal-inner{flex-direction:column;max-height:calc(100dvh - 26px);display:flex}.modal-head{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-head h2{font-size:calc(var(--text-lg) * var(--ui-scale));font-weight:600}.modal-body{padding:var(--space-5);overflow:auto}.modal-body>p+p{margin-top:var(--space-3)}.modal-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);display:flex}.menu{z-index:50;min-width:220px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);position:fixed;box-shadow:0 8px 24px #0000002e}.menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:0 var(--space-3);border-radius:calc(var(--radius) - 2px);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--accent-soft);outline:none}.menu-item:disabled{opacity:.4;cursor:default}.menu-item.danger{color:var(--danger)}.menu-divider{height:1px;margin:var(--space-1) 0;background:var(--border)}.toast-region{left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));z-index:60;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;transform:translate(-50%)}.toast{padding:var(--space-3) var(--space-4);background:var(--text);color:var(--surface);border-radius:var(--radius);box-shadow:0 6px 20px #00000040}.toast-error{background:var(--danger);color:var(--surface-raised)}[data-mode=dark] .toast-error{color:var(--desk)}.fatal{max-width:520px;padding:var(--space-5);gap:var(--space-4);flex-direction:column;align-items:flex-start;margin:15vh auto;display:flex}.fatal h1{font-size:calc(var(--text-xl) * var(--ui-scale))}.library{height:100%;display:flex}.sidebar{z-index:30;background:var(--surface);border-right:1px solid var(--border);width:min(300px,86vw);padding-top:env(safe-area-inset-top);flex-direction:column;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.drawer-open .sidebar{transform:none}.scrim{z-index:25;background:#14181c59;position:fixed;inset:0}.sidebar-head{padding:var(--space-3) var(--space-3) var(--space-2) var(--space-5);justify-content:space-between;align-items:center;min-height:60px;display:flex}.wordmark{font-weight:600;font-size:calc(var(--text-lg) * var(--ui-scale));letter-spacing:-.01em}.side-nav{padding:0 var(--space-2);flex-direction:column;flex:1;display:flex;overflow:auto}.side-link{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.side-link:hover{background:var(--accent-soft)}.side-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-section{margin-top:var(--space-5);padding:0 var(--space-1) var(--space-1) var(--space-3);justify-content:space-between;align-items:center;display:flex}.side-section-title{color:var(--text-muted);font-weight:600}.side-hint{padding:0 var(--space-3);color:var(--text-muted)}.side-spacer{min-height:var(--space-5);flex:1}.folder-tree{margin:0;padding:0;list-style:none}.folder-link{padding-right:0}.folder-open{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--tap);color:inherit;font-weight:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.backup{padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.backup-status{color:var(--text-muted)}.backup-link{color:var(--text-muted);min-height:var(--tap);align-items:center;display:inline-flex}.shelf{min-width:0;padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-8);background:var(--desk);background-image:var(--desk-pattern);flex:1;position:relative;overflow:auto}.shelf.dragging{outline:3px dashed var(--accent);outline-offset:-8px}.drop-hint{text-align:center;font-size:calc(var(--text-lg) * var(--ui-scale));color:var(--accent);pointer-events:none;font-weight:600;position:fixed;inset:auto 0 40%}.shelf-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:60px;display:flex}.shelf-head h1{font-size:calc(var(--text-lg) * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;flex:1;min-width:0;font-weight:600;overflow:hidden}.shelf-actions{gap:var(--space-2);align-items:center;display:flex}.shelf-actions .btn{padding:0 var(--space-3)}.shelf-actions .btn span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shelf-tools{gap:var(--space-3);margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap;display:flex}.shelf-tools .search{flex:220px}.shelf-tools .search input{flex:1;width:100%}.busy{margin-bottom:var(--space-4);color:var(--text-muted)}.folder-row{margin:0 0 var(--space-5);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.folder-chip{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;display:inline-flex}.grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.card{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.card-open{cursor:pointer;border-radius:var(--radius-cover);background:0 0;border:0;padding:0}.card-open:disabled{cursor:default;opacity:.6}.card-meta{align-items:flex-start;gap:var(--space-1);display:flex}.card-text{min-width:0;padding-top:var(--space-1);flex-direction:column;flex:1;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.card-title .fav{color:var(--accent);margin-right:var(--space-1);vertical-align:-2px}.card-date{color:var(--text-muted);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px)}.cover{aspect-ratio:3/4;border-radius:var(--radius-cover);background:var(--cover);width:100%;color:var(--cover-ink);box-shadow:3px 0 0 -1px var(--surface-raised), 3px 0 0 0 var(--border), 0 2px 6px #0000001f;display:block;position:relative;overflow:hidden}.cover-spine{background:var(--cover-spine);border-right:1px solid #ffffff1f;width:12%;position:absolute;inset:0 auto 0 0}[data-theme=graph] .cover-spine{border:0;width:0}.cover-label{padding:var(--space-2) var(--space-2);color:#1e2329;font-weight:600;font-size:calc(var(--text-xs) * var(--ui-scale) + 1px);-webkit-line-clamp:3;text-align:left;background:#fbfaf7;border-radius:2px;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;position:absolute;top:18%;left:22%;right:10%;overflow:hidden}[data-theme=graph] .cover-label{padding:var(--space-3);background:#ffffffeb;border-radius:0;inset:auto 0 0}.cover-pdf{box-shadow:0 0 0 1px var(--border), 0 2px 6px #0000001a;background:#fff}.cover-pdf canvas{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pdf-tag{right:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);color:#fff;font-size:var(--text-xs);background:#1e2329;border-radius:3px;font-weight:600;position:absolute}.cover-preview{width:120px}.skeleton .cover-skel{aspect-ratio:3/4;border-radius:var(--radius-cover);background:var(--border);opacity:.6}.skeleton .line-skel{background:var(--border);opacity:.6;border-radius:4px;width:70%;height:14px}@media (prefers-reduced-motion:no-preference){.skeleton>*{animation:1.4s ease-in-out infinite pulse}}@keyframes pulse{50%{opacity:.3}}.empty{max-width:460px;margin:var(--space-7) auto;text-align:center;gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.empty h2{font-size:calc(var(--text-lg) * var(--ui-scale));font-weight:600}.empty p{color:var(--text-muted)}.empty-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.install-hint{gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);align-items:flex-start;display:flex}.install-hint p{flex:1}.editor{background:var(--desk);flex-direction:column;height:100%;display:flex}.editor-bar{align-items:center;gap:var(--space-1);padding:calc(var(--space-1) + env(safe-area-inset-top)) var(--space-2) var(--space-1);background:var(--surface);border-bottom:1px solid var(--border);min-height:52px;display:flex}.title-btn{min-height:var(--tap);max-width:40vw;padding:0 var(--space-2);border-radius:var(--radius);font-weight:600;font-size:calc(var(--text-md) * var(--ui-scale));text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:0;overflow:hidden}.title-btn:hover{background:var(--accent-soft)}.title-form input{min-height:40px;padding:0 var(--space-2);border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-raised);width:min(280px,40vw);font-weight:600}.save-state{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px);white-space:nowrap;display:none}.save-state.error{color:var(--danger);font-weight:600;display:inline-flex}.bar-spacer{flex:1}.hide-narrow{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.toolbar{gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.tool-group,.tool-options{align-items:center;gap:var(--space-1);scrollbar-width:none;min-height:var(--tap);display:flex;overflow-x:auto}.tool-group::-webkit-scrollbar{display:none}.tool-options::-webkit-scrollbar{display:none}.tool-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid;position:relative}.tool-btn:hover{color:var(--text);background:var(--accent-soft)}.tool-btn.active{background:var(--accent);color:var(--on-accent)}.tool-ink{border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:5px;left:50%;box-shadow:0 0 0 1px #fff9}.tool-options{gap:var(--space-3)}.swatches,.sizes{flex:none;align-items:center;display:flex}.swatches .swatch{width:40px;height:var(--tap)}.swatches .swatch:before{width:24px;height:24px}.swatches .swatch.on:after{inset:6px 4px}.size-btn{width:40px;height:var(--tap);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.size-btn.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.size-dot{background:var(--text);border-radius:99px;display:block}[data-mode=dark] .swatch:before,[data-mode=dark] .swatch-choice:before,[data-mode=dark] .tool-ink,[data-mode=dark] .dot{box-shadow:0 0 0 1.5px var(--text-muted)}.size-dot.ring{border:1.5px solid var(--text);background:0 0}.segmented{border:1px solid var(--border);border-radius:var(--radius);flex:none;display:inline-flex;overflow:hidden}.segmented button{min-height:40px;padding:0 var(--space-3);background:var(--surface-raised);cursor:pointer;white-space:nowrap;border:0}.segmented button.on{background:var(--accent);color:var(--on-accent)}.tool-options .check{white-space:nowrap;flex:none}.tool-hint{color:var(--text-muted);white-space:nowrap}.editor-body{flex:1;min-height:0;display:flex;position:relative}.pages-scroll{background:var(--desk);background-image:var(--desk-pattern);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-width:0;overflow:auto}.pages{padding:var(--space-4) var(--space-2) var(--space-8);flex-direction:column;align-items:center;width:max-content;min-width:100%;display:flex}.layout-horizontal .pages{flex-direction:row;align-items:flex-start;min-height:100%}.page{box-shadow:var(--page-shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;flex:none;position:relative}.page-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{pointer-events:none}.sel-box{border:1.5px dashed var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);pointer-events:none;border-radius:4px;position:absolute}.sel-handle{width:var(--tap);height:var(--tap);pointer-events:auto;cursor:nwse-resize;touch-action:none;background:0 0;border:0;position:absolute;bottom:-22px;right:-22px}.sel-handle:after{content:"";background:var(--surface-raised);border:2px solid var(--accent);border-radius:50%;position:absolute;inset:14px}.sel-bar{z-index:5;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);white-space:nowrap;display:flex;position:absolute;box-shadow:0 6px 18px #00000029}.sel-colors{padding:0 var(--space-1);border-right:1px solid var(--border);margin-right:var(--space-1);display:flex}.dot{width:32px;height:var(--tap);cursor:pointer;border:0;border-radius:50%;padding:10px 5px;background-clip:content-box!important}.text-editor{z-index:4;outline:1.5px dashed var(--accent);outline-offset:3px;resize:none;background:0 0;border:0;min-height:1.35em;margin:0;padding:0;line-height:1.35;position:absolute;overflow:hidden}.page-count{right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));gap:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:calc(var(--text-xs) * var(--ui-scale) + 1px);pointer-events:none;display:flex;position:absolute}.pages-loading{padding:var(--space-6);place-items:center;display:grid}.page-skel{aspect-ratio:595/842;background:var(--surface);opacity:.7;width:min(595px,90vw)}.pages-panel{z-index:10;width:168px;padding:var(--space-3) var(--space-3) var(--space-6);background:var(--surface);border-right:1px solid var(--border);position:absolute;inset:0 auto 0 0;overflow:auto}.pages-panel ol{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pages-panel li{position:relative}.thumb-btn{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-1);border-radius:var(--radius);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;display:flex}.pages-panel li.current .thumb-btn{border-color:var(--accent)}.thumb{width:112px;height:auto;box-shadow:0 0 0 1px var(--border);background:#fff;display:block}.thumb-num{color:var(--text-muted);font-size:var(--text-xs)}.thumb-menu{background:var(--surface-raised);box-shadow:0 0 0 1px var(--border);position:absolute;top:6px;right:6px}.add-page{margin-top:var(--space-4);width:100%}.settings{gap:var(--space-4);flex-direction:column;display:flex}.settings-nav{gap:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.settings-nav .side-link{flex:none;width:auto}.settings-body{flex:1;min-width:0}.theme-row{gap:var(--space-3);grid-template-columns:1fr;display:grid}.theme-choice{column-gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:72px 1fr;align-items:center;display:grid;position:relative}.theme-choice.checked{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.theme-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.theme-preview{border:1px solid #c8cdd3;border-radius:4px;grid-row:span 2;width:72px;height:52px}.tp-desk{background:linear-gradient(90deg,#2f5ba6 0 22%,#0000 22%) 10px 10px/30px 32px no-repeat,linear-gradient(#2747a0,#2747a0) 46px 14px/16px 6px no-repeat,#e2e5e9}.tp-graph{background:linear-gradient(#0a6b69,#0a6b69) 46px 14px/16px 6px no-repeat,linear-gradient(#dbe5e8 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#dbe5e8 1px,#0000 1px) 0 0/8px 8px,#f2f6f7}.theme-name{font-weight:600}.color-list{gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.color-list li{align-items:center;display:flex}.color-list .swatch-custom{background:0 0;width:36px;height:36px;transform:none}.color-list .swatch-custom input{opacity:1;border:1px solid var(--border);border-radius:50%;padding:0;position:static;overflow:hidden}.color-list .swatch-custom input::-webkit-color-swatch-wrapper{padding:0}.color-list .swatch-custom input::-webkit-color-swatch{border:0;border-radius:50%}.add-color{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.add-color input[type=color]{width:44px;height:36px;padding:2px}.pen-tune{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius)}.pen-tune legend{padding:0 var(--space-1);margin-bottom:0}.tool-order{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tool-order li{align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.tool-order .check{flex:1}@media (width>=600px){.shelf-actions .btn{padding:0 var(--space-4)}.shelf-actions .btn span{clip:auto;width:auto;height:auto;position:static;overflow:visible}.shelf-head h1{font-size:calc(var(--text-xl) * var(--ui-scale))}.save-state{display:inline-flex}.hide-narrow{display:inline-grid}.theme-row{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width>=900px){.only-mobile{display:none}.sidebar{flex:none;width:260px;transition:none;position:static;transform:none}.scrim{display:none}.shelf{padding-left:var(--space-6);padding-right:var(--space-6)}.toolbar{align-items:center;gap:var(--space-4);flex-direction:row}.tool-group{padding-right:var(--space-4);border-right:1px solid var(--border)}.pages-panel{flex:none;position:static}.settings{flex-direction:row}.settings-nav{flex-direction:column;flex:none;width:200px}.settings-nav .side-link{width:100%}}