@font-face{font-family:Cabin;src:url(./Cabin-Bp2IgU4Q.ttf) format("truetype");font-weight:400 700;font-stretch:75% 125%;font-style:normal;font-display:swap}:root{--ink-900: #070b12;--ink-850: #0a0f19;--ink-800: #0f1626;--ink-700: #131d31;--ink-600: #182441;--gold: #c7ac79;--gold-bright: #e0c894;--gold-deep: #a4843f;--paper: #eef1f7;--muted: #9aa6bd;--muted-2: #6f7c95;--line: rgba(255,255,255,.1);--line-2: rgba(255,255,255,.18);--line-gold: rgba(199,172,121,.4);--chrome-h: 60px;--ctrl-h: 74px;--ratio: 2.828}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body.flip-body{font-family:Cabin,system-ui,sans-serif;color:var(--paper);background:radial-gradient(1100px 700px at 50% -8%,#1a2438 0%,transparent 60%),radial-gradient(900px 600px at 50% 120%,#14203a 0%,transparent 55%),var(--ink-900);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient:before,.ambient:after{content:"";position:absolute;width:60vmax;height:60vmax;background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 60px);opacity:.6}.ambient:before{top:-20vmax;right:-10vmax;transform:rotate(8deg)}.ambient:after{bottom:-24vmax;left:-14vmax;background:repeating-linear-gradient(45deg,rgba(199,172,121,.05) 0 2px,transparent 2px 70px)}.app{position:relative;z-index:1;height:100%;display:grid;grid-template-rows:var(--chrome-h) 1fr var(--ctrl-h)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a0f19cc,#0a0f1933);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:16px}.brand .logo{height:26px;width:auto;display:block}.brand .divider{width:1px;height:22px;background:var(--line-2)}.brand .doc-title{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.top-actions .hint{font-size:12px;color:var(--muted-2);letter-spacing:.02em}.stage{position:relative;display:grid;place-items:center;padding:18px;min-height:0}.book-wrap{position:relative;width:auto;max-width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.55))}#flipbook,.stf__parent{margin:0 auto}.stf__block{overflow:visible}.nav-zone{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0c121e8c;border:1px solid var(--line-2);color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,opacity .2s,transform .2s;opacity:.55}.stage:hover .nav-zone{opacity:1}.nav-zone:hover{background:var(--gold);color:#1a1206;border-color:var(--gold)}.nav-zone:active{transform:translateY(-50%) scale(.94)}.nav-zone.prev{left:10px}.nav-zone.next{right:10px}.nav-zone svg{width:22px;height:22px}.nav-zone[disabled]{opacity:.15;pointer-events:none}.loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;gap:16px;background:radial-gradient(circle at center,#0a0f19b3,#070b12eb);transition:opacity .5s ease}.loader.hidden{opacity:0;pointer-events:none}.loader .ring{width:46px;height:46px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--gold);animation:spin .9s linear infinite}.loader span{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border-top:1px solid var(--line);background:linear-gradient(0deg,#0a0f19d9,#0a0f1940);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cbtn{height:42px;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0a;border:1px solid var(--line);border-radius:11px;color:var(--paper);cursor:pointer;font:inherit;font-size:13px;transition:background .18s,border-color .18s,color .18s,transform .12s}.cbtn svg{width:19px;height:19px;display:block}.cbtn:hover{background:#c7ac7924;border-color:var(--line-gold);color:#fff}.cbtn:active{transform:translateY(1px)}.cbtn.is-active{background:var(--gold);border-color:var(--gold);color:#1a1206}.cbtn[disabled]{opacity:.3;pointer-events:none}.cbtn.ghost{background:transparent}.cgroup{display:flex;align-items:center;gap:8px}.cdiv{width:1px;height:26px;background:var(--line-2);margin:0 6px}.counter{display:flex;align-items:center;gap:12px;padding:0 6px;min-width:230px}.counter .num{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:14px;color:var(--paper)}.counter .num .cur{color:var(--gold-bright);font-weight:700}.counter .num .sep{color:var(--muted-2);margin:0 4px}.progress{position:relative;flex:1;height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden;min-width:120px}.progress .bar{position:absolute;left:0;top:0;bottom:0;width:4%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;background:#05080eeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3vmin}.lightbox.open{display:grid}.lightbox img{max-width:96vw;max-height:94vh;border-radius:4px;box-shadow:0 30px 80px #000000b3;cursor:zoom-out}.lightbox .lb-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid var(--line-2);color:#fff;cursor:pointer;display:grid;place-items:center}.lightbox .lb-close:hover{background:var(--gold);color:#1a1206;border-color:var(--gold)}.lightbox .lb-close svg{width:20px;height:20px}@media (max-width: 760px){:root{--chrome-h: 52px;--ctrl-h: 66px}.brand .doc-title,.top-actions .hint{display:none}.counter{min-width:0}.progress,.cbtn .label{display:none}}