.reader{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 16px 48px}.site-header{position:sticky;top:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px clamp(8px,3vw,32px);margin-bottom:24px;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header__brand .eyebrow{color:#3a5f86;font-size:11px}.site-header__brand h1{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(15px,2vw,20px);color:#16324c;margin-top:2px;line-height:1.1}.site-header__nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.book-shell{position:relative;width:100%;max-width:1000px;margin:0 auto}#book{--scale: 1;width:100%;margin:0 auto;filter:drop-shadow(0 28px 56px rgba(9,35,63,.3))}#book .stf__parent{margin:0 auto}#book .page{background:var(--paper)}.flip-nav{display:flex;align-items:center;gap:12px;font-family:var(--font-head)}.flip-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid var(--blue);background:#fff;color:var(--blue);width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s,transform .15s}.flip-nav button:hover:not(:disabled){background:var(--blue);color:#fff}.flip-nav button:active:not(:disabled){transform:scale(.94)}.flip-nav button:disabled{opacity:.35;cursor:default}.flip-nav__pos{min-width:66px;text-align:center;font-weight:600;letter-spacing:.06em;color:var(--navy);font-size:13px}.reader__hint{margin-top:14px;font-size:12px;color:#6a7f92;font-family:var(--font-body);text-align:center}.btn-blue{font-family:var(--font-head);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:12px;text-decoration:none;padding:10px 18px;border-radius:6px;background:var(--blue);color:#fff;border:1.5px solid var(--blue);transition:background .15s,transform .15s;white-space:nowrap}.btn-blue:hover{background:var(--blue-deep);transform:translateY(-1px)}.btn-blue--ghost{background:#fff;color:var(--blue)}.btn-blue--ghost:hover{background:var(--tint)}@media (max-width: 820px){.site-header{justify-content:center;text-align:center}.site-header__brand{width:100%}}@media (max-width: 520px){.btn-blue{padding:9px 12px;font-size:11px}.flip-nav__pos{min-width:54px}}.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}