:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-sidebar:#f5f5f7;--bg-raised:#fff;--bg-fill:#7878801f;--bg-fill-strong:#78788033;--canvas:#dcdce0;--text:#1d1d1f;--text-2:#3c3c43b8;--text-3:#3c3c4380;--separator:#3c3c4324;--accent:#0071e3;--accent-text:#fff;--destructive:#d70015;--warning:#b25000;--glass:#ffffffb8;--glass-edge:#fff9;--glass-border:#00000014;--shadow-1:0 1px 2px #0000000f, 0 2px 8px #0000000f;--shadow-2:0 2px 6px #00000014, 0 12px 32px #00000024;--page-shadow:0 0 0 1px #0000000f, 0 2px 10px #00000024;--badge-l:46%;--badge-bg-l:93%;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--radius:10px;-webkit-font-smoothing:antialiased;font:100%/1.4 system-ui,-apple-system,SF Pro Text,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1c1e;--bg-sidebar:#161618;--bg-raised:#2c2c2e;--bg-fill:#7878803d;--bg-fill-strong:#7878805c;--canvas:#111113;--text:#f5f5f7;--text-2:#ebebf5ad;--text-3:#ebebf56b;--separator:#ffffff1a;--accent:#0a84ff;--destructive:#ff453a;--warning:#ff9f0a;--glass:#2c2c2eb8;--glass-edge:#ffffff1f;--glass-border:#0006;--shadow-1:0 1px 2px #0000004d, 0 2px 8px #0000004d;--shadow-2:0 2px 6px #0006, 0 12px 32px #00000080;--page-shadow:0 0 0 1px #ffffff0f, 0 2px 12px #0009;--badge-l:72%;--badge-bg-l:22%}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}.spacer{flex:1}.button{background:var(--bg-fill);white-space:nowrap;min-height:2.25rem;transition:transform .14s var(--ease-out), background-color .14s ease;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.5}.button-primary{background:var(--accent);color:var(--accent-text)}.button-destructive{color:var(--destructive);background:0 0;padding-inline:.4rem}.icon-button{width:2.25rem;height:2.25rem;color:var(--text);transition:transform .12s var(--ease-out), background-color .12s ease;border-radius:8px;flex:none;place-items:center;display:grid}.icon-button:active:not(:disabled){background:var(--bg-fill-strong);transform:scale(.94)}.icon-button:disabled{color:var(--text-3)}.icon-button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled):not(.button-primary):not(.button-destructive){background:var(--bg-fill-strong)}.icon-button:hover:not(:disabled):not([aria-pressed=true]){background:var(--bg-fill)}}.segmented{background:var(--bg-fill);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.segmented button{min-width:2.1rem;height:1.85rem;color:var(--text-2);border-radius:7px;place-items:center;display:grid}.segmented button[aria-checked=true]{background:var(--bg-raised);color:var(--text);box-shadow:0 1px 2px #00000024}.badge{letter-spacing:.01em;width:1.5rem;height:1.5rem;color:hsl(var(--hue) 70% var(--badge-l));background:hsl(var(--hue) 70% var(--badge-bg-l));border-radius:6px;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.badge-plain{color:var(--text-2);background:var(--bg-fill)}.badge-review{color:var(--warning);background:color-mix(in srgb, var(--warning) 16%, transparent)}.count{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.library{grid-template-columns:15rem minmax(0,1fr);height:100%;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--separator);padding:1rem .625rem;overflow-y:auto}.sidebar h1{letter-spacing:-.02em;padding:.25rem .5rem .75rem;font-size:1.375rem;font-weight:700}.sidebar h2{color:var(--text-3);padding:1rem .5rem .35rem;font-size:.75rem;font-weight:600}.sidebar li button{text-align:left;border-radius:8px;align-items:center;gap:.6rem;width:100%;min-height:2.25rem;padding:.25rem .5rem;font-size:.875rem;display:flex}.sidebar li button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar li button[aria-current]{background:var(--bg-fill-strong);font-weight:600}@media (hover:hover) and (pointer:fine){.sidebar li button:hover:not([aria-current]){background:var(--bg-fill)}}.library-main{flex-direction:column;min-width:0;min-height:0;display:flex}.library-toolbar{border-bottom:1px solid var(--separator);align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.library-toolbar h2{letter-spacing:-.01em;white-space:nowrap;font-size:1.0625rem;font-weight:600}.processing{color:var(--text-2);white-space:nowrap;align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.spinner{border:2px solid var(--bg-fill-strong);border-top-color:var(--text-2);border-radius:50%;width:.85rem;height:.85rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{background:var(--bg-fill);width:min(16rem,30vw);height:2.25rem;color:var(--text-2);border-radius:9px;align-items:center;gap:.4rem;padding:0 .65rem;display:flex}.search:focus-within{outline:2px solid var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:.875rem}.search input::placeholder{color:var(--text-3)}.chips{border-bottom:1px solid var(--separator);scrollbar-width:none;gap:.4rem;padding:.6rem 1rem;display:none;overflow-x:auto}.chips button{background:var(--bg-fill);border-radius:999px;flex:none;min-height:2rem;padding:0 .8rem;font-size:.8125rem}.chips button[aria-selected=true]{background:var(--text);color:var(--bg)}.sheet-scroll{flex:1;padding:.5rem 1.5rem 3rem;overflow-y:auto}.group-header{z-index:1;background:linear-gradient(var(--bg) 78%, transparent);align-items:center;gap:.6rem;padding:1rem 0 .6rem;display:flex;position:sticky;top:0}.group-header h3{font-size:.9375rem;font-weight:600}.sheets{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1.25rem 1rem;display:grid}.sheet{min-width:0;position:relative}.sheet-open{text-align:left;border-radius:var(--radius);width:100%;transition:transform .16s var(--ease-out);flex-direction:column;gap:.5rem;display:flex}.sheet-open:active:not(:disabled){transform:scale(.98)}.sheet-thumb{width:100%;box-shadow:var(--page-shadow);background:#fff;border-radius:8px;display:block;position:relative;overflow:hidden}.sheet-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity .24s;display:block}@starting-style{.sheet-thumb img{opacity:0}}.skeleton{background:var(--bg-fill);animation:1.4s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{50%{opacity:.45}}.sheet-meta{gap:.05rem;min-width:0;padding:0 2rem 0 .15rem;display:grid}.sheet-meta strong{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:650}.sheet-name,.sheet-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sheet-name{color:var(--text-2);font-size:.8125rem}.sheet-sub{color:var(--text-3);font-size:.75rem}.sheet-more{color:var(--text-2);position:absolute;bottom:.5rem;right:-.25rem}.sheet-more[data-review]{color:var(--warning)}.sheet:has([data-review]) .sheet-sub{color:var(--warning)}[data-layout=list] .sheets{grid-template-columns:1fr;gap:0}[data-layout=list] .sheet+.sheet{border-top:1px solid var(--separator)}[data-layout=list] .sheet-open{border-radius:0;flex-direction:row;align-items:center;gap:.9rem;padding:.5rem 0}[data-layout=list] .sheet-thumb{border-radius:4px;flex:none;width:4.5rem}[data-layout=list] .sheet-meta{flex:1;grid-template-columns:6rem minmax(0,1.4fr) minmax(0,1fr);align-items:baseline;gap:1rem;padding-right:2.75rem}[data-layout=list] .sheet-name{color:var(--text);font-size:.875rem}[data-layout=list] .sheet-more{top:50%;bottom:auto;right:0;translate:0 -50%}.no-results{text-align:center;color:var(--text-2);padding:4rem 0}.empty{text-align:center;flex:1;place-content:center;justify-items:center;gap:.6rem;padding:2rem;display:grid}.empty-art{background:var(--bg-fill);width:5rem;height:5rem;color:var(--text-2);border-radius:1.25rem;place-items:center;margin-bottom:.5rem;display:grid}.empty h3{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.empty p{max-width:26rem;color:var(--text-2)}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem;display:flex}.sign-in{text-align:center;place-content:center;justify-items:center;gap:.6rem;height:100%;padding:2rem;display:grid}.sign-in h1{letter-spacing:-.025em;font-size:2rem;font-weight:700;line-height:1.1}.sign-in p{max-width:22rem;color:var(--text-2)}.sign-in .sign-in-notice{color:var(--text);font-weight:500}.sign-in-privacy{color:var(--text-2);margin-top:1.25rem;font-size:.8125rem}.button-large{min-width:11rem;min-height:2.75rem;margin-top:.75rem;padding:0 1.4rem;font-size:1rem;font-weight:600}.account{flex:none;position:relative}.avatar{background:var(--bg-fill-strong);width:2.25rem;height:2.25rem;transition:transform .14s var(--ease-out);border-radius:50%;place-items:center;font-size:.875rem;font-weight:600;display:grid}.avatar:active{transform:scale(.94)}.account-popover{transform-origin:calc(100% - 1.1rem) 0;width:max-content;min-width:13rem;max-width:min(18rem,100vw - 2rem);padding:.35rem;top:calc(100% + .5rem);right:0}.account-id{gap:.1rem;padding:.45rem .65rem .55rem;font-size:.875rem;display:grid}.account-id span{color:var(--text-2);text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.account-popover button{text-align:left;border-radius:.55rem;width:100%;min-height:2.25rem;padding:0 .65rem;font-size:.875rem}.account-popover button:active{background:var(--bg-fill-strong)}@media (hover:hover) and (pointer:fine){.account-popover button:hover{background:var(--bg-fill)}}.drop-overlay{z-index:40;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;place-items:center;padding:1rem;transition:opacity .16s;display:grid;position:fixed;inset:0}@starting-style{.drop-overlay{opacity:0}}.drop-overlay div{border:2px dashed var(--accent);color:var(--accent);border-radius:1.25rem;justify-items:center;gap:.6rem;padding:3rem 4rem;font-size:1.0625rem;display:grid}@media (width<=760px){.library{grid-template-columns:1fr}.sidebar{display:none}.chips{display:flex}.library-toolbar{flex-wrap:wrap;padding:.6rem 1rem}.search{order:5;width:100%}.sheet-scroll{padding-inline:1rem}.sheets{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}[data-layout=list] .sheet-meta{grid-template-columns:1fr;gap:0}}.sheet-info{background:var(--bg-raised);width:min(26rem,100vw - 2rem);color:var(--text);box-shadow:var(--shadow-2);transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border:0;border-radius:1rem;padding:0}@starting-style{.sheet-info{opacity:0;transform:scale(.96)}}.sheet-info::backdrop{background:#00000052;transition:opacity .18s}@starting-style{.sheet-info::backdrop{opacity:0}}.sheet-info form{gap:.85rem;padding:1.25rem;display:grid}.sheet-info h2{font-size:1.0625rem;font-weight:600}.sheet-info-thumb{object-fit:cover;object-position:right bottom;width:100%;max-height:11rem;box-shadow:var(--page-shadow);border-radius:8px}.sheet-info label{color:var(--text-2);gap:.3rem;font-size:.8125rem;display:grid}.sheet-info input{background:var(--bg-fill);height:2.5rem;color:var(--text);border:0;border-radius:9px;padding:0 .7rem;font-size:1rem}.sheet-info dl{gap:.35rem;font-size:.8125rem;display:grid}.sheet-info dl div{justify-content:space-between;gap:1rem;display:flex}.sheet-info dt{color:var(--text-2)}.sheet-info dd{text-align:right;overflow-wrap:anywhere}.sheet-info .hint{color:var(--text-3);font-size:.75rem}.sheet-info footer{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.toasts{z-index:60;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:grid;position:fixed;bottom:1.25rem;left:50%;translate:-50%}.toast{color:#fff;box-shadow:var(--shadow-2);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);background:#2c2c2e;border-radius:12px;align-items:center;gap:1rem;padding:.7rem 1rem;font-size:.875rem;display:flex}@starting-style{.toast{opacity:0;transform:translateY(100%)}}.toast[data-tone=error]:before{content:"";background:#ff453a;border-radius:50%;flex:none;width:.5rem;height:.5rem}.toast button{color:#64b5ff;font-weight:600}.viewer{z-index:20;background:var(--canvas);position:fixed;inset:0}.viewer-missing{color:var(--text-2);place-content:center;justify-items:center;gap:1rem;display:grid}.viewer-scroller{overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:auto}.viewer-scroller[data-panning]{cursor:grabbing}.viewer-content{--scale:1;flex-direction:column;justify-content:safe center;align-items:center;gap:16px;width:max-content;min-width:100%;min-height:100%;padding:64px 16px;display:flex}[data-mode=continuous] .viewer-content{justify-content:flex-start;padding-bottom:72px}.page{width:calc(var(--w) * var(--scale) * 1px);height:calc(var(--h) * var(--scale) * 1px);box-shadow:var(--page-shadow);contain:strict;background:#fff;flex:none;position:relative}.page-thumb,.page-base,.page-detail,.page-base canvas{width:100%;height:100%;position:absolute;inset:0}.page-detail canvas{position:absolute}.page-thumb{image-rendering:auto}.page-error{color:#6e6e73;background:#ffffffd9;place-items:center;padding:1rem;font-size:.875rem;display:grid;position:absolute;inset:0}.markup-layer{pointer-events:none;width:100%;height:100%;font-family:system-ui,sans-serif;position:absolute;inset:0;overflow:visible}.markup-layer[data-drawing]{pointer-events:all;cursor:crosshair;touch-action:none}.markup-layer[data-tool=text]{cursor:text}.markup-layer:not([data-drawing]) .markup{pointer-events:all;cursor:move}.markup-selection{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;pointer-events:none}.markup-text-input{outline:1.5px dashed var(--accent);field-sizing:content;background:#ffffffd9;border:0;border-radius:3px;min-width:6em;padding:0 .1em;font-weight:600;line-height:1.1;position:absolute;translate:-.1em -.86em}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);border:.5px solid var(--glass-border);box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-1)}.bar{border-radius:.875rem;align-items:center;gap:2px;min-width:0;height:2.75rem;padding:0 .25rem;display:flex}.bar-divider{background:var(--separator);width:1px;height:1.25rem;margin:0 .35rem}.viewer-top{top:max(.6rem, env(safe-area-inset-top));left:max(.6rem, env(safe-area-inset-left));right:max(.6rem, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;gap:.6rem;display:flex;position:absolute}.viewer-top>*{pointer-events:auto}.title-anchor{min-width:0;position:relative}.sheet-title{border-radius:8px;align-items:center;gap:.5rem;max-width:100%;height:2.25rem;padding:0 .5rem;font-size:.875rem;display:flex}.sheet-title strong{font-variant-numeric:tabular-nums;font-weight:650}.sheet-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);overflow:hidden}.sheet-title svg{color:var(--text-3);flex:none}.zoom-readout{font-variant-numeric:tabular-nums;border-radius:8px;min-width:3.25rem;height:2.25rem;font-size:.8125rem}@media (hover:hover) and (pointer:fine){.sheet-title:hover,.zoom-readout:hover{background:var(--bg-fill)}}.popover{z-index:5;box-shadow:inset 0 .5px 0 var(--glass-edge), var(--shadow-2);transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:.875rem;position:absolute}@starting-style{.popover{opacity:0;transform:scale(.96)}}.sheet-switcher{transform-origin:2rem 0;width:min(22rem,100vw - 1.5rem);max-height:min(70vh,32rem);padding:.35rem;top:calc(100% + .6rem);left:0;overflow-y:auto}.sheet-switcher h3{color:var(--text-3);padding:.6rem .6rem .25rem;font-size:.75rem;font-weight:600}.sheet-switcher button{text-align:left;border-radius:8px;align-items:baseline;gap:.75rem;width:100%;min-height:2.25rem;padding:.35rem .6rem;font-size:.875rem;display:flex}.sheet-switcher button strong{font-variant-numeric:tabular-nums;flex:none;width:3.75rem;font-weight:650}.sheet-switcher button span{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.sheet-switcher button[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.sheet-switcher button[aria-selected=true] span{color:inherit}@media (hover:hover) and (pointer:fine){.sheet-switcher button:hover:not([aria-selected=true]){background:var(--bg-fill)}}.tool-palette{left:max(.6rem, env(safe-area-inset-left));border-radius:.875rem;flex-direction:column;gap:2px;padding:.25rem;display:flex;position:absolute;top:50%;translate:0 -50%}.palette-divider{background:var(--separator);height:1px;margin:.25rem .4rem}.style-anchor{position:relative}.swatch{border-radius:50%;width:1.125rem;height:1.125rem;display:block;box-shadow:inset 0 0 0 1px #00000026}.style-popover{transform-origin:0;gap:.6rem;padding:.6rem;display:grid;top:50%;left:calc(100% + .6rem);translate:0 -50%}.swatches{gap:2px;display:flex}.swatch-button{border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.swatch-button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--accent)}.sizes{display:flex}.sizes button{flex:1}.size-line{background:currentColor;border-radius:99px;width:1.5rem;display:block}.pager{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;color:var(--text-2);font-size:.8125rem;position:absolute;translate:-50%}.pager span{white-space:nowrap;padding:0 .4rem}@media (width<=640px){.tool-palette{top:auto;bottom:max(.6rem, env(safe-area-inset-bottom));scrollbar-width:none;flex-direction:row;left:.6rem;right:.6rem;overflow-x:auto;translate:none}.palette-divider{flex:none;width:1px;height:auto;margin:.4rem .25rem}.style-popover{transform-origin:0 100%;position:fixed;top:auto;bottom:4.25rem;left:.6rem;translate:none}.pager{bottom:calc(max(.6rem, env(safe-area-inset-bottom)) + 3.5rem)}.zoom-readout,.zoom-step,.bar-divider{display:none}}::view-transition-old(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}::view-transition-group(sheet-hero){animation-duration:.32s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(sheet-hero){object-fit:fill;height:100%}::view-transition-new(sheet-hero){object-fit:fill;height:100%}@media (prefers-reduced-motion:reduce){*,::backdrop{transition-duration:1ms!important}.button:active,.icon-button:active,.sheet-open:active{transform:none!important}.skeleton{animation:none}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--bg-raised);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--separator:currentColor;--text-2:var(--text);--text-3:var(--text)}.glass{background:var(--bg-raised);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--text)}}