@font-face{font-family:Notes Sans;src:url(/pdfjs/standard_fonts/LiberationSans-Regular.ttf)format("truetype");font-display:block}:root{--bg:#1c1d21;--surface:#26272c;--raised:#33353b;--text:#ecebe8;--muted:#9b9a97;--accent:#6ea8fe;--danger:#ff6b6b;--desk:#2f3035;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/1.4 system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input{font:inherit;color:inherit}button,a.tool{background:var(--raised);cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--accent);color:#10131a;font-weight:600}button.danger{color:var(--danger);background:0 0}button.ghost,.tool,a.tool{width:44px;min-height:44px;color:var(--text);background:0 0;flex:none;padding:0}.tool[aria-pressed=true]{background:var(--raised);color:var(--accent)}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.spacer{flex:1}.bar{padding:6px max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));background:var(--surface);align-items:center;gap:8px;display:flex}.library{flex-direction:column;height:100%;display:flex}.library .bar{justify-content:space-between;padding-block:10px}.library h1{margin:0 6px;font-size:20px}.status{color:var(--muted);margin:0;padding:0 16px}.status:not(:empty){padding-block:10px}.grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:18px;padding:16px;display:grid;overflow-y:auto}.empty{text-align:center;color:var(--muted);grid-column:1/-1;margin:15vh 0 0}.card{min-width:0}.card .thumb{aspect-ratio:3/4;background:#f4f1ea;border-radius:8px;overflow:hidden}.card img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.card .meta{align-items:flex-start;margin-top:8px;display:flex}.card .text{flex:1;min-width:0}.card h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.card p{color:var(--muted);margin:2px 0 0;font-size:12px}.sheet{background:var(--surface);width:min(420px,100vw - 32px);color:var(--text);border:0;border-radius:14px;padding:20px}.sheet::backdrop{background:#00000080}.sheet h2{margin:0 0 12px;font-size:16px}.sheet input{border:1px solid var(--raised);background:var(--bg);-webkit-user-select:text;user-select:text;border-radius:10px;width:100%;min-height:44px;padding:0 12px}.sheet .actions{gap:8px;margin-top:16px;display:flex}.editor{flex-direction:column;height:100%;display:flex}.editor .bar{flex-direction:column;align-items:stretch;gap:0}.editor .row{align-items:center;gap:8px;height:46px;display:flex}.editor .options{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.editor .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;overflow:hidden}.group{flex:none;align-items:center;gap:2px;display:flex}.options:not(:empty){border-left:1px solid var(--raised);padding-left:8px}.options>*{flex:none}.swatch{background:0 0;width:36px;min-height:44px;padding:0}.swatch.custom{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch.custom:before{background:radial-gradient(circle, var(--color) 0 45%, transparent 46%), conic-gradient(#e5484d, #f08c00, #ffe45c, #2b9a66, #2f6fed, #8e4ec6, #e5484d)}.swatch:before{content:"";background:var(--color);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #ffffff40}.swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.size .dot{width:var(--size);height:var(--size);background:currentColor;border-radius:50%}.size .letter{font-weight:600;line-height:1}.page-label,.zoom{min-width:64px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;flex:none;padding:0 8px}.stage{background:var(--desk);flex:1;min-height:0;position:relative}.scroller{touch-action:pan-x pan-y;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.pages{position:relative}.page{isolation:isolate;contain:strict;background:#fff;position:absolute;top:0;left:0;box-shadow:0 1px 4px #0006}.page canvas{display:block;position:absolute}.page canvas:not(.detail){width:100%;height:100%;inset:0}.page .ink{z-index:1}.page .detail{z-index:2}.page .detail.ink{z-index:3}.ink,.live{mix-blend-mode:multiply}.live{pointer-events:none;position:absolute;top:0;left:0}.text-edit{z-index:5;outline-offset:3px;resize:none;white-space:pre-wrap;overflow-wrap:break-word;-webkit-user-select:text;user-select:text;background:#ffffffd9;border:0;outline:1.5px dashed #2f6fed;margin:0;padding:0;position:absolute;overflow:hidden}.sheet .hint{color:var(--muted);overflow-wrap:anywhere;margin:0}.menu{flex-direction:column;gap:2px;display:flex}.menu button{text-align:left;background:0 0;justify-content:flex-start;gap:12px;min-height:48px}.menu button:not(:disabled):active{background:var(--raised)}.toast{background:var(--raised);z-index:10;border-radius:10px;max-width:calc(100vw - 32px);padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.sheet.overview{width:min(900px,100vw - 32px);height:calc(100vh - 48px);max-height:none}.sheet.overview[open]{flex-direction:column;display:flex}.goto{gap:8px;margin-bottom:12px;display:flex}.goto input{flex:1}.tiles{flex-wrap:wrap;flex:1;align-content:flex-start;gap:14px;min-height:0;padding:4px;display:flex;overflow-y:auto}.tile{background:0 0;flex-direction:column;flex:none;align-items:center;gap:4px;height:auto;padding:6px;display:flex}.tile[aria-current=true]{background:var(--raised);outline:2px solid var(--accent)}.tile .paper{background:#fff;border-radius:3px;flex:none;width:118px;display:block;position:relative;overflow:hidden}.tile canvas{width:100%;height:100%;position:absolute;inset:0}.tile .number{color:var(--muted);font-size:12px}