:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f6f1;min-width:320px}body{min-width:320px;margin:0}#root{min-height:100svh}.flipbook-shell{color:#172026;box-sizing:border-box;background:radial-gradient(circle at 0 0,#2368871a,#0000 34rem),linear-gradient(135deg,#f7f6f1 0%,#fff 48%,#eef4f7 100%);justify-content:center;min-height:100svh;padding:clamp(18px,4vw,46px);display:flex}.flipbook-shell:fullscreen{overflow:auto}.viewer-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,2.4vw,28px);width:min(100%,1420px);min-height:calc(100svh - clamp(36px,8vw,92px));display:grid}.viewer-header,.bottom-controls,.top-controls{align-items:center;display:flex}.viewer-header{justify-content:space-between;gap:18px}.eyebrow{color:#607076;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.viewer-header h1{color:#172026;margin:0;font-size:clamp(2rem,5vw,4.9rem);line-height:.92}.top-controls,.bottom-controls{background:#ffffffdb;border:1px solid #1720261a;border-radius:8px;box-shadow:0 14px 34px #22282e1a}.top-controls{gap:7px;padding:8px}button{color:#fff;min-width:42px;min-height:42px;font:inherit;cursor:pointer;background:#174b5b;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}button:hover{background:#c95f26;transform:translateY(-1px);box-shadow:0 10px 22px #c95f2633}button:focus-visible{outline-offset:3px;outline:3px solid #c95f2652}.zoom-value{color:#24323a;text-align:center;min-width:54px;font-size:.9rem;font-weight:800}.book-stage{overscroll-behavior:contain;justify-content:center;align-items:center;min-height:0;padding:18px 6px;display:flex;overflow:auto}.book-zoom{transform-origin:50%;width:min(100%,620px);transition:transform .18s}.magazine-book{filter:drop-shadow(0 24px 34px #24282d38);width:100%}.magazine-page{background:#fff;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a,0 10px 24px #23282d29}.magazine-page img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#fff;width:100%;height:100%;display:block}.page-hotspot{z-index:20;cursor:pointer;touch-action:manipulation;background:#fff0;border-radius:5px;display:block;position:absolute}.page-hotspot:hover,.page-hotspot:focus-visible{background:#ffffff1f;outline:none;box-shadow:inset 0 0 0 1px #174b5b47,0 0 0 2px #ffffff29}.bottom-controls{justify-content:center;justify-self:center;gap:clamp(10px,2vw,22px);padding:10px}.bottom-controls p{color:#24323a;text-align:center;min-width:min(48vw,260px);font-weight:900}.bottom-controls p span{color:#69777e;font-weight:700}.bottom-controls button{padding:0 16px}@media (width<=760px){.flipbook-shell{padding:14px}.viewer-panel{min-height:calc(100svh - 28px)}.viewer-header{flex-direction:column;align-items:flex-start}.top-controls{box-sizing:border-box;justify-content:center;width:100%}.book-stage{align-items:flex-start;padding:8px 0}.book-zoom{width:min(100%,350px)}.bottom-controls{box-sizing:border-box;width:100%}.bottom-controls button{flex:1;padding:0 10px}.bottom-controls p{min-width:92px;font-size:.9rem;line-height:1.15}}