.stf__parent{position:relative;display:block;box-sizing:border-box;transform:translateZ(0);-ms-touch-action:pan-y;touch-action:pan-y;margin:0 auto}.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}:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}.reader-body{background:radial-gradient(120% 80% at 50% -10%,rgba(240,185,74,.08),transparent 60%),radial-gradient(90% 70% at 50% 120%,rgba(23,76,156,.22),transparent 60%),#0a121f;background-color:#0a121f;font-family:Public Sans Variable,system-ui,sans-serif;color:#e7edf5;overflow:hidden}.empty{min-height:100vh;display:grid;place-content:center;gap:1rem;text-align:center;color:#cdd7e4}.empty a{color:#f0b94a;text-decoration:none;font-weight:600}.reader{height:100vh;height:100dvh;display:flex;flex-direction:column}.bar{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;padding-top:max(.6rem,env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#080f1aeb,#080f1a8c);backdrop-filter:blur(8px)}.bar-title{flex:1;min-width:0;margin:0;text-align:center;font-size:clamp(.78rem,2.4vw,1rem);font-weight:600;letter-spacing:.01em;color:#f3f7fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-actions{display:flex;gap:.4rem}.bar-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e7edf5;border-radius:10px;padding:.45rem .7rem;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}.bar-btn:hover{background:#ffffff1f;border-color:#f0b94a80}.bar-btn svg{width:18px;height:18px}.bar-btn.back{color:#f0b94a}.stage{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;min-height:0}.book-wrap{flex:0 0 auto;width:min(94vw,1100px)}.flipbook{width:100%;margin:0 auto;user-select:none}.flipbook .page{background:#0f1d30;background-image:linear-gradient(135deg,#11243b,#0b1726)}.flipbook .page .page-inner{width:100%;height:100%;position:relative}.flipbook .page .pageimg{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:fill;background:#0f1d30}.nav{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0a121f99;color:#e7edf5;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}.nav:hover{background:#f0b94a2e;border-color:#f0b94a80}.nav svg{width:22px;height:22px}.nav[disabled]{opacity:.3;pointer-events:none}@media(max-width:720px){.nav{display:none}}.controls{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;padding-bottom:max(.7rem,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(0deg,#080f1aeb,#080f1a66);backdrop-filter:blur(8px)}.ctl{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e7edf5;cursor:pointer}.ctl:hover{background:#ffffff1f}.ctl svg{width:20px;height:20px}.slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:999px;background:#ffffff2e;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:999px;background:#f0b94a;cursor:pointer;border:2px solid #0a121f}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:#f0b94a;cursor:pointer;border:2px solid #0a121f}.counter{flex:none;font-variant-numeric:tabular-nums;font-size:.85rem;color:#b9c5d6;min-width:4.5ch;text-align:right}.hide-sm{display:none}@media(min-width:560px){.hide-sm{display:inline}}.rz{position:fixed;inset:0;z-index:90;background:#05080e}.rz[hidden]{display:none}.rz-bar{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;padding-top:max(.6rem,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(5,8,14,.92),transparent)}.rz-btn{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#e7edf5;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.rz-btn:hover{background:#ffffff29}.rz-btn svg{width:20px;height:20px}.rz-close{margin-left:.4rem;border-color:#f0b94a66}.rz-level{min-width:4ch;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums;color:#cdd7e4}.rz-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.rz-stage.grabbing{cursor:grabbing}.rz-content{position:absolute;top:0;left:0;transform-origin:0 0;display:flex;gap:0;will-change:transform}.rz-content img{display:block;height:auto;user-select:none;-webkit-user-drag:none;background:#0f1d30}.rz-hint{position:absolute;inset:auto 0 0;z-index:2;margin:0;padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));text-align:center;font-size:.72rem;color:#cdd7e4b8;background:linear-gradient(0deg,rgba(5,8,14,.85),transparent);pointer-events:none}@media(max-width:560px){.rz-hint{font-size:.64rem}}