.reader{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#020202;width:100%;height:100svh;position:relative;overflow:hidden}.roomLight{pointer-events:none;z-index:1;background:radial-gradient(at 50% 22%,#ffffff12 0%,#ffffff05 27%,#0000 57%),radial-gradient(at 50% 58%,#78000029,#0000 46%);position:absolute;inset:0}.tableSurface{z-index:1;pointer-events:none;transform-origin:50% 0;filter:blur(.3px);background:linear-gradient(#ffffff06,#0000000f 16%,#00000057);position:absolute;inset:52% -8% -20%;transform:perspective(1200px)rotateX(64deg)}.camera{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(38px,6vh,70px) clamp(16px,4vw,60px) clamp(42px,7vh,82px);animation:11s ease-in-out infinite alternate naturalHeadMovement;display:flex;position:relative}@keyframes naturalHeadMovement{0%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}to{transform:translateY(1.5px)}}.bookStage{width:min(96vw,1380px);height:min(86svh,960px);transform-style:preserve-3d;transform-origin:50% 56%;justify-content:center;align-items:center;display:flex;position:relative;transform:perspective(1450px)rotateX(6.5deg)scale(.94)}.floorShadow{filter:blur(30px);z-index:0;background:radial-gradient(#000000e6 0%,#0000009c 40%,#0000003b 65%,#0000 77%);border-radius:50%;width:min(88vw,1250px);height:68%;position:absolute;top:51%;left:50%;transform:translate(-50%,-43%)translateY(34px)}.pageStack{z-index:3;background:repeating-linear-gradient(90deg,#eeeae1 0 1px,#aaa69f 1px 2px,#f6f2e9 2px 3px,#c9c4ba 3px 4px);border-radius:2px;min-width:3px;max-width:30px;transition:width .35s,opacity .3s;position:absolute;top:7%;bottom:7%;box-shadow:0 10px 22px #000000c7,inset 0 0 5px #00000052,0 1px #ffffff1a}.pageStackLeft{left:5.6%;transform:translate(-82%)translateY(5px)rotateY(-4deg)}.pageStackRight{right:5.6%;transform:translate(82%)translateY(5px)rotateY(4deg)}.spine{z-index:35;pointer-events:none;filter:blur(.15px);background:linear-gradient(90deg,#0000 0%,#0000002e 14%,#000000b8 38%,#000000f7 50%,#000000a3 62%,#ffffff0a 79%,#0000 100%);width:38px;transition:opacity .25s;position:absolute;top:6.5%;bottom:6.5%;left:50%;transform:translate(-50%)}.spineCore{background:linear-gradient(#0000,#000000e6 9%,#000000f0 90%,#0000);width:2px;position:absolute;top:2%;bottom:2%;left:50%;transform:translate(-50%);box-shadow:-4px 0 7px #00000061,4px 0 7px #0000004d}.book{z-index:20;filter:drop-shadow(0 18px 18px #00000057)drop-shadow(0 38px 55px #00000070);position:relative}.page{backface-visibility:hidden;background:#eeeae1;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #372a1f24}.softPage{background:linear-gradient(90deg,#e7e2d8 0%,#f1eee7 2.6%,#f4f1eb 50%,#ebe7de 97.7%,#d7d2c8 100%)}.hardPage{background:#111;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 4px #0009}.pageImage{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;transform:translateZ(0)}.paperLight{pointer-events:none;mix-blend-mode:soft-light;opacity:.62;background:linear-gradient(105deg,#ffffff09,#0000 27%,#00000006 72%,#0001);position:absolute;inset:0}.grabEdge{z-index:42;cursor:grab;opacity:.18;background:0 0;border:0;width:clamp(18px,2.2vw,32px);padding:0;transition:opacity .2s,background .2s;position:absolute;top:11%;bottom:11%}.grabEdge:hover{opacity:.55;background:linear-gradient(90deg,#ffffff08,#0000)}.grabEdge:active{cursor:grabbing}.grabEdge:disabled{pointer-events:none;opacity:0}.grabEdgeLeft{left:calc(50% - min(44vw,650px))}.grabEdgeRight{right:calc(50% - min(44vw,650px))}.brand{z-index:80;letter-spacing:.3em;color:#ffffff42;pointer-events:none;font-size:10px;font-weight:900;position:absolute;top:22px;left:28px}.pageCounter{z-index:80;letter-spacing:.28em;color:#ffffff45;pointer-events:none;font-size:9px;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint{z-index:80;letter-spacing:.2em;color:#ffffff2b;pointer-events:none;font-size:8px;font-weight:700;position:absolute;bottom:24px;right:28px}@media (max-width:760px){.camera{padding:44px 8px 50px}.bookStage{width:100%;height:90svh}.pageStack,.spine{display:none}.grabEdgeLeft{left:3px}.grabEdgeRight{right:3px}.hint{display:none}.brand{top:14px;left:16px}.pageCounter{bottom:13px}}@media (prefers-reduced-motion:reduce){.camera{animation:none}}.bookOpen .page:nth-child(2n) .paperLight{background:linear-gradient(90deg,#ffffff06 0%,#0000 76%,#0000000e 88%,#0000003d 100%)}.bookOpen .page:nth-child(odd) .paperLight{background:linear-gradient(90deg,#0000003d 0%,#0000000e 12%,#0000 24%,#ffffff06 100%)}.softPage{box-shadow:inset 0 0 0 1px #4637262e,0 2px 2px #00000026}.bookStage:after{content:"";z-index:7;pointer-events:none;background:repeating-linear-gradient(#dedad1 0 1px,#b9b5ad 1px 2px,#ece8df 2px 3px);border-radius:4px;position:absolute;inset:10% 8% 8%;transform:translateY(9px)translateZ(-8px);box-shadow:0 14px 30px #0000007a}.book{z-index:20;position:relative}.grabEdge{display:none!important}