:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededed;background:#0d0d0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#0a0a0a;flex-direction:column;min-height:100svh;margin:0;display:flex}button,input{font:inherit}button{color:inherit;cursor:pointer;background:#191919;border:1px solid #333;border-radius:0;padding:9px 16px}button:hover{background:#262626;border-color:#4f4f4f}button:focus-visible,input:focus-visible,.bubble:focus-visible{outline-offset:3px;outline:2px solid #b7dc96}[hidden]{display:none!important}header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1600px;height:80px;margin:0 auto;padding:0 36px;display:flex}h1{letter-spacing:-.5px;align-items:baseline;margin:0;font-size:20px;font-weight:600;display:flex}.actions{align-items:center;gap:12px;display:flex}.actions button{align-items:center;font-size:13.5px;font-weight:500;display:inline-flex}.options-icon{color:#888;margin-left:8px}button.quiet{color:#999;background:0 0;border-color:#0000}button.quiet:hover{color:#fff;background:#1c1c1c}#book{background:#141414;border:1px solid #262626;border-radius:0;grid-template-columns:1fr 1fr;gap:20px;width:calc(100% - 72px);max-width:1600px;height:calc(100svh - 114px);min-height:560px;max-height:1020px;margin:0 auto 26px;padding:24px 28px;display:grid;overflow:hidden;box-shadow:0 8px 32px #0006}.page{flex-direction:column;align-items:center;min-width:0;min-height:0;padding:0 16px 8px;display:flex;position:relative;container-type:size}.page+.page{border-left:1px solid #272727}.status{color:#9e9e9e;text-wrap:balance;letter-spacing:-.1px;flex-shrink:0;align-items:center;width:100%;min-height:36px;margin:0 0 8px;font-size:13.5px;font-weight:500;line-height:20px;display:flex}.sheet{width:min(100cqw, calc((100cqh - 52px) * var(--ratio,.75)));aspect-ratio:var(--ratio,.75);background:#1c1c1c;border-radius:0;flex-shrink:0;margin:auto 0;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059}.page.is-empty .sheet{box-shadow:none;background:0 0}.sheet:has(.empty:not([hidden])){box-shadow:none;background:0 0}.sheet img{object-fit:contain;width:100%;height:100%;display:block}.overlay{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubble{fill:#0000;stroke:#84c66b;stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:zoom-in}.bubble:hover,.bubble:focus{fill:#9dd48024;stroke:#c4f0ab}.no-outline .bubble{stroke:#0000}.no-outline .bubble:hover,.no-outline .bubble:focus{stroke:#c4f0ab}.score{fill:#fff;stroke:#142310;stroke-width:3px;paint-order:stroke;pointer-events:none;font:20px ui-sans-serif,sans-serif}.empty{color:#888;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;inset:0}.empty button{font-size:13px}.page.dragging .sheet{outline-offset:5px;outline:2px solid #b7dc96}#options{z-index:5;background:#1c1c1c;border:1px solid #383838;border-radius:0;width:280px;padding:10px 20px;font-size:13.5px;position:fixed;top:72px;right:max(36px,50vw - 764px);box-shadow:0 16px 60px #000000a6}.option-row{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.option-row.disabled{opacity:.5;cursor:not-allowed}.option-row:has(input:disabled){opacity:.5;cursor:not-allowed}.option-row.disabled input,.option-row input:disabled{cursor:not-allowed}input[type=checkbox]{accent-color:#b7dc96;width:18px;height:18px}.threshold-label{border-top:1px solid #333;justify-content:space-between;padding:18px 0 10px;display:flex}output{color:#b7dc96;font-variant-numeric:tabular-nums;font-weight:500}input[type=range]{accent-color:#b7dc96;width:100%}.bubble-popup{z-index:100;transform:translate3d(var(--x,0px), var(--y,0px), 0) scale(.85);transform-origin:50%;opacity:0;pointer-events:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 20px 48px #000000e0)drop-shadow(0 6px 18px #0009);will-change:transform, opacity;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s;position:fixed;top:0;left:0}.bubble-popup.visible{transform:translate3d(var(--x,0px), var(--y,0px), 0) scale(1);opacity:1}.bubble-popup.switching{transform:translate3d(var(--x,0px), var(--y,0px), 0) scale(.96);opacity:.88}.popup-canvas{cursor:zoom-out;background:0 0;width:auto;height:auto;display:block}@media (width<=640px){header{height:72px;padding:0 18px}h1{font-size:17px}.actions{gap:4px}.actions button{padding:8px 11px;font-size:12.5px}.options-text{display:none}.options-icon{margin-left:0;font-size:15px}#book{grid-template-columns:1fr;gap:0;width:calc(100vw - 24px);height:calc(100svh - 96px);min-height:480px;margin-bottom:16px;padding:14px}.page{align-items:center;padding:0 6px}.page[data-page="1"]{display:none}.status{width:100%;min-height:32px;font-size:12.5px;line-height:18px}#options{max-width:calc(100vw - 36px);top:64px;right:18px}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}