:root{--chrome-1:#171B21;--chrome-2:#0E1114;--surface:#1E242C;--surface-2:#232B34;--border:#2A323C;--accent:#C8A15A;--accent-soft:rgba(200,161,90,.16);--paper:#FCFAF4;--ink:#E7E4DC;--muted:#8B94A0;--ui:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--ui);background:radial-gradient(120% 120% at 50% 0%,var(--chrome-1),var(--chrome-2));color:var(--ink);display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border);background:linear-gradient(var(--surface),rgba(30,36,44,.55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;flex-shrink:0}.brand{display:flex;flex-direction:column;line-height:1;min-width:0}.brand b{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:.3px}.brand span{font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}header .spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 13px;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:13px;cursor:pointer;transition:.15s;white-space:nowrap}.btn:hover{border-color:var(--accent);color:#fff}.btn.icon{width:38px;padding:0}.btn.primary{background:var(--accent);border-color:var(--accent);color:#20160a;font-weight:600}.btn.primary:hover{filter:brightness(1.08);color:#20160a}.btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.searchbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);transform:translateY(-102%);transition:.25s;z-index:26}.searchbar.open{transform:translateY(0)}.searchbar input{flex:1;height:36px;background:var(--chrome-2);border:1px solid var(--border);border-radius:8px;color:var(--ink);padding:0 12px;font:inherit;outline:none}.searchbar input:focus{border-color:var(--accent)}.search-count{font-size:12px;color:var(--muted);min-width:80px;text-align:center;font-variant-numeric:tabular-nums}.stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.book-wrap{position:relative;width:calc(100% - 128px);height:calc(100% - 96px);transition:transform .25s ease;transform-origin:center;will-change:transform}@media(max-width:640px){.book-wrap{width:calc(100% - 24px);height:calc(100% - 60px)}}#flipbook{width:100%;height:100%}.page{background:var(--paper);box-shadow:inset 0 0 24px #0000000f}.page-inner{position:relative;width:100%;height:100%;overflow:hidden}.page-inner img{width:100%;height:100%;object-fit:contain;display:block;background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.ovl{position:absolute;top:0;right:0;bottom:0;left:0}.linkspot{position:absolute;cursor:pointer;background:transparent;border-radius:2px;transition:.15s;display:block;text-decoration:none}.linkspot:hover{background:#c8a15a4d;box-shadow:0 0 0 1px var(--accent)}.hl{position:absolute;background:#ffd64080;border-radius:2px;mix-blend-mode:multiply;pointer-events:none}#pages{display:none}.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y}.sft__wrapper{position:relative;width:100%;box-sizing:border-box}.stf__parent canvas{position:absolute;width:100%;height:100%;left:0;top:0}.stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.stf__item{display:none;position:absolute;transform-style:preserve-3d}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;left:0;top:0}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#14181e99;border:1px solid var(--border);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.15s;z-index:16;opacity:.55}.nav-arrow:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.nav-arrow.prev{left:16px}.nav-arrow.next{right:16px}.nav-arrow:disabled{opacity:.12;pointer-events:none}.nav-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;z-index:30}.overlay h2{font-family:var(--display);font-weight:600;font-size:24px}.overlay p{color:var(--muted);font-size:14px;max-width:360px;line-height:1.5}.drop-hint{border:1.5px dashed var(--border);border-radius:14px;padding:34px 30px;transition:.2s;background:#ffffff04}.drop-hint.drag{border-color:var(--accent);background:var(--accent-soft)}.bar{width:220px;height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar>i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:11px;color:var(--muted);background:#0e1114b8;padding:6px 13px;border-radius:20px;border:1px solid var(--border);z-index:16;pointer-events:none;transition:.3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.hidden{display:none!important}footer{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:linear-gradient(rgba(30,36,44,.55),var(--surface));z-index:20;flex-shrink:0}.counter{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);min-width:92px;text-align:center}.counter b{color:var(--ink)}.zoom-val{font-size:12px;color:var(--muted);width:44px;text-align:center;font-variant-numeric:tabular-nums}#pageSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:var(--surface-2);outline:none;min-width:60px;cursor:pointer;margin:0 6px}#pageSlider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid #20160a;box-shadow:0 1px 4px #00000080}#pageSlider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}#pageSlider:disabled{opacity:.3;cursor:default}.drawer{position:absolute;top:0;bottom:0;left:0;width:290px;max-width:82vw;background:var(--surface);border-right:1px solid var(--border);z-index:25;transform:translate(-102%);transition:.28s;overflow-y:auto;padding:18px}.drawer.open{transform:translate(0)}.drawer h3{font-family:var(--display);font-size:16px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.drawer h3 button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:20px;line-height:1}.toc-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--muted);font:inherit;font-size:13px;padding:7px 8px;border-radius:6px;cursor:pointer;line-height:1.35}.toc-item:hover{background:var(--surface-2);color:var(--ink)}.toc-empty{color:var(--muted);font-size:13px;line-height:1.5}.thumbs{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:14px 16px;overflow-x:auto;background:linear-gradient(transparent,#0a0d10eb 30%);transform:translateY(102%);transition:.28s;z-index:18}.thumbs.open{transform:translateY(0)}.thumb{flex:0 0 auto;width:66px;cursor:pointer;border:2px solid transparent;border-radius:5px;overflow:hidden;background:var(--paper);transition:.15s;position:relative}.thumb img{width:100%;display:block}.thumb .ph{width:100%;background:linear-gradient(135deg,#efe9da,#e2dac6)}.thumb:hover{transform:translateY(-3px)}.thumb.active{border-color:var(--accent)}.thumb span{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-align:center;background:#0000008c;color:#fff;padding:1px}body.reader #openBtn,body.reader #demoBtn,body.reader #exportBtn{display:none}body.reader header{position:absolute;top:0;left:0;right:0;z-index:22;background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:18px 24px;pointer-events:none}body.reader header .btn{pointer-events:auto;background:#1e242c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.reader .brand{pointer-events:auto}body.reader .brand b{font-size:23px;text-shadow:0 2px 14px rgba(0,0,0,.6)}body.reader .brand span{font-size:12px;color:var(--accent);letter-spacing:.4px;max-width:60vw}body.reader footer{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(880px,94vw);border:1px solid var(--border);border-radius:16px;background:#14181ec7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 14px;z-index:22;box-shadow:0 16px 40px -14px #0009}body.reader .book-wrap{height:calc(100% - 150px);margin-top:44px}body.reader .thumbs{padding-bottom:84px}body.reader .hint{bottom:84px}#exportModal{background:#0a0d10a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 26px 22px;width:min(400px,92vw);text-align:left;box-shadow:0 30px 60px -20px #000000b3}.export-card h2{font-family:var(--display);font-size:21px;margin-bottom:6px}.export-card>p{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:18px}.export-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:14px}.export-card input,.export-card select{display:block;width:100%;margin-top:6px;height:38px;background:var(--chrome-2);border:1px solid var(--border);border-radius:8px;color:var(--ink);padding:0 12px;font:inherit;font-size:14px;outline:none}.export-card input:focus,.export-card select:focus{border-color:var(--accent)}.export-card .row{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.export-card .exp-estimate{font-size:12px;color:var(--muted);margin:-6px 0 14px}.export-card .exp-limit{font-size:12px;color:#e2836b;line-height:1.5;margin:-6px 0 14px}@media(max-width:640px){.brand span{max-width:26vw}footer{flex-wrap:wrap;justify-content:center}.hide-sm{display:none}}.made-with{position:absolute;bottom:8px;right:12px;z-index:30;font-size:11px;color:var(--muted);text-decoration:none;background:#0e1114b8;padding:4px 10px;border-radius:12px;border:1px solid var(--border)}.made-with:hover{color:var(--accent)}.page-badge{position:absolute;top:10px;right:10px;z-index:15;font-size:10px;color:#00000059;background:#ffffff8c;padding:2px 7px;border-radius:8px;pointer-events:none}