:root{font-family:DM Sans,sans-serif;color:#173b30;background:#f5f6ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f2b74b;outline-offset:4px}a{text-decoration:none;color:inherit}#app{min-height:100vh;overflow:hidden}.topbar{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #e5e9df}.brand{display:flex;align-items:center;gap:16px;font-weight:900}.brand-inpac{font-size:29px;letter-spacing:-2px;color:#d11f28}.dot{color:#d11f28}.brand-cross{font-size:18px;color:#aaa}.brand-we{font-size:29px;letter-spacing:-3px;color:#d11f28}.red-dots{color:#d11f28}.topbar-right{display:flex;gap:12px;align-items:center}.top-pill,.school-pill{font-weight:800;font-size:11px;letter-spacing:1.3px;padding:10px 14px;border-radius:30px;background:#eef6e9;color:#34774f}.school-pill{background:#fdf0d5;color:#a87418}.intro{text-align:center;padding:65px 20px 44px;background:radial-gradient(ellipse at 50% 95%,#ddefcf 0,transparent 60%)}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.3px;color:#42905d;display:inline-flex;gap:10px;align-items:center}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:#d7362f}.intro h1{font-family:Nunito,sans-serif;font-weight:900;letter-spacing:-2.8px;line-height:1.06;font-size:clamp(36px,5.3vw,69px);margin:18px 0 12px;color:#123e2c}.intro h1 em{font-style:normal;color:#df3c32}.intro p{font-size:clamp(14px,1.7vw,18px);color:#597464;margin:0}.intro p strong{color:#154831}.reader{max-width:1440px;margin:0 auto 44px;scroll-margin-top:20px;background:#fff;border:1px solid #e4e9dc;border-radius:26px;box-shadow:0 24px 55px #1d473013;overflow:hidden}.reader-head{height:86px;display:flex;justify-content:space-between;align-items:center;padding:20px 33px}.reader-head-left{display:flex;flex-direction:column;gap:5px}.reader-label{font-weight:900;font-size:12px;letter-spacing:1.8px;color:#1c6e42}.reader-subtitle{font-size:12px;color:#8b998c}.head-actions{display:flex;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;background:#f5f7f1;border:none;border-radius:9px;color:#446052;font-size:12px;font-weight:750}.icon-btn:hover,.nav-btn:hover:not(:disabled){background:#e9efe4}.icon-btn.muted .sound-wave{display:none}.svg-icon{height:18px;width:18px}.book-platform{position:relative;background:radial-gradient(ellipse at center 75%,#36674e,#0f4837 42%,#0a3528);min-height:440px;padding:50px 68px 57px;display:flex;align-items:center;justify-content:center;overflow:hidden}.book-platform:after{content:"";position:absolute;width:65%;height:16px;bottom:33px;left:17.5%;background:#092c1b;border-radius:50%;filter:blur(18px);opacity:.5}.platform-glow{position:absolute;top:-190px;left:20%;width:60%;height:290px;border-radius:50%;background:#ffffff0e;filter:blur(24px)}.book{width:min(100%,1100px);position:relative;perspective:1800px;z-index:2;filter:drop-shadow(0px 18px 22px #001a14a0)}.sheet-spread{display:flex;align-items:stretch;justify-content:center;transition:opacity .45s,transform .45s;transform-style:preserve-3d}.sheet-spread.transitioning{opacity:.3}.sheet-spread.transitioned{opacity:1}.paper{width:50%;aspect-ratio:16 / 9;background:#f8f5e9;position:relative;overflow:hidden;flex:none;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #00000012}.paper img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.paper-left{border-radius:4px 0 0 4px;box-shadow:inset -7px 0 14px -8px #0003}.paper-right{border-radius:0 4px 4px 0;box-shadow:inset 7px 0 14px -8px #0003}.paper-left:after,.paper-right:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none}.paper-left:after{right:0;background:linear-gradient(90deg,transparent,#00000023)}.paper-right:after{left:0;background:linear-gradient(90deg,#00000021,transparent)}.paper-blank{background:#e7e9dd;background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,#b1bdab18 25px);display:flex;align-items:center;justify-content:center}.blank-decoration{font-size:100px;color:#b6c4b3;opacity:.3}.flipping-overlay{position:absolute!important;z-index:5;transform-style:preserve-3d;pointer-events:none;transition:transform .52s cubic-bezier(.18,.75,.28,1),opacity .52s ease;transform:rotateY(0);box-shadow:12px 7px 18px #0004}.flipping-next{transform-origin:left center}.flipping-prev{transform-origin:right center}.flipping-next.flipping-active{transform:rotateY(-86deg);opacity:0}.flipping-prev.flipping-active{transform:rotateY(86deg);opacity:0}.edge-button{position:absolute;z-index:3;background:#ffffff16;border:1px solid #ffffff30;color:#fff;width:44px;height:55px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.edge-button svg{height:25px;width:25px}.edge-button:hover:not(:disabled){background:#ffffff36}.edge-button:disabled{opacity:.18}.edge-button.left{left:13px}.edge-button.right{right:13px}.reader-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:23px 30px;gap:24px}.nav-controls{display:flex;gap:13px;align-items:center;justify-content:flex-start}.nav-btn{border:0;background:#f2f6ed;color:#236044;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:800;white-space:nowrap}.nav-btn.next{background:#15583b;color:#fff}.nav-btn.next:hover:not(:disabled){background:#0f432e}.nav-btn:disabled{opacity:.4}.page-count{font-family:Nunito,sans-serif;font-weight:900;white-space:nowrap;font-size:13px;color:#20533c}.progress-area{min-width:0}.progress-area input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border-radius:12px;background:linear-gradient(to right,#2d8b5b var(--percent),#e2e9df var(--percent));cursor:pointer}.progress-area input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:#237c50;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #237c50}.progress-area input::-moz-range-thumb{width:13px;height:13px;background:#237c50;border:3px solid white;border-radius:50%}.progress-labels{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.9px;font-weight:800;color:#acb7a9;margin-top:4px}.reader-links{display:flex;justify-content:flex-end;gap:15px}.tool-link{border:0;background:none;font-weight:700;font-size:12px;color:#286044;white-space:nowrap;padding:7px 1px}.tool-link:hover{text-decoration:underline}.discover{max-width:1200px;margin:0 auto;padding:25px 20px 85px;display:grid;grid-template-columns:1fr 1.45fr;gap:22px 60px}.eyebrow.mini{font-size:10px;color:#41905b}.discover h2{font-family:Nunito,sans-serif;font-size:34px;line-height:1.17;margin:15px 0;color:#18452f;letter-spacing:-.7px}.discover p{color:#728779;font-size:14px;line-height:1.7;max-width:340px}.discover-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-jump{background:#fff;border:1px solid #e2e9db;padding:19px 14px;border-radius:17px;display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:8px;transition:transform .2s,box-shadow .2s}.quick-jump:hover{transform:translateY(-4px);box-shadow:0 10px 20px #1c513319}.quick-jump span{font-size:27px}.quick-jump strong{font-size:13px;color:#26523b;line-height:1.4}.quick-jump small{margin-top:auto;font-size:11px;color:#8da18e}.activity-note{grid-column:2;margin-top:0!important;font-size:11px!important;max-width:100%!important}footer{background:#0e392c;color:#c9e2cc;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px max(5vw,25px);font-size:12px}.footer-brand{font-size:17px;font-weight:900;color:#fff}.footer-brand span{color:#f17d71}.zoom-modal:not([hidden]){position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#081d19f7;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:55px 15px 73px}.zoom-modal img{max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain;box-shadow:0 12px 35px #0008}.zoom-close{position:absolute;right:20px;top:15px;background:#fff;border:0;border-radius:9px;padding:11px 17px;color:#174430;font-weight:800}.zoom-pager{position:absolute;bottom:16px;display:flex;align-items:center;gap:25px;color:#fff;font-size:13px}.zoom-pager button{border:1px solid #ffffff55;background:#ffffff20;color:#fff;border-radius:9px;width:45px;height:38px;font-size:19px}.modal-open{overflow:hidden}.reader:fullscreen{display:flex;flex-direction:column;border-radius:0;width:100vw;height:100dvh;max-width:none;background:#fff}.reader:fullscreen .book-platform{flex:1;min-height:0}.reader:fullscreen .book{width:min(94vw,calc((100dvh - 190px)*3.55))}.reader:fullscreen .reader-head{height:65px}.reader:fullscreen .reader-bottom{height:90px}@media(max-width:1000px){.reader{margin-left:18px;margin-right:18px}.reader-bottom{grid-template-columns:1fr 1fr;gap:14px}.progress-area{grid-column:1/-1;grid-row:2}.reader-links{justify-content:flex-end}.discover{grid-template-columns:1fr;gap:18px}.discover p{max-width:unset}.activity-note{grid-column:1}.book-platform{min-height:310px;padding:40px 65px}}@media(max-width:760px){.topbar{height:64px;padding:0 19px}.brand-inpac,.brand-we{font-size:23px}.brand{gap:9px}.top-pill{display:none}.school-pill{font-size:9px;padding:8px 10px}.intro{padding:48px 19px 30px}.intro h1{font-size:clamp(34px,9vw,52px);letter-spacing:-1.7px}.intro p{max-width:370px;margin:auto;line-height:1.5}.reader{margin:0 11px 34px;border-radius:17px}.reader-head{height:auto;padding:19px 15px;gap:10px}.reader-subtitle{font-size:10px;max-width:170px;line-height:1.35}.reader-label{font-size:11px}.head-actions{gap:4px}.icon-btn{padding:9px}.icon-btn span{display:none}.svg-icon{width:18px;height:18px}.book-platform{min-height:245px;padding:35px 24px 38px}.book{max-width:660px;width:100%}.sheet-spread.single-page .paper{width:100%;aspect-ratio:16/9}.sheet-spread.single-page .paper:after{display:none}.edge-button{width:31px;height:44px;border-radius:10px;background:#ffffff24}.edge-button.left{left:2px}.edge-button.right{right:2px}.edge-button svg{width:18px}.reader-bottom{padding:18px 15px 22px;grid-template-columns:1fr;gap:20px}.nav-controls{grid-column:1;justify-content:space-between;gap:6px}.nav-btn{font-size:12px;padding:11px 12px}.page-count{font-size:12px}.reader-links{grid-column:1;grid-row:2;justify-content:center;gap:30px}.progress-area{grid-column:1;grid-row:3}.discover{padding:22px 17px 60px}.discover h2{font-size:27px}.discover-list{gap:9px}.quick-jump{border-radius:14px;padding:15px 10px}.quick-jump span{font-size:25px}.quick-jump strong{font-size:11px}.quick-jump small{font-size:10px}footer{flex-wrap:wrap;justify-content:center;text-align:center;gap:7px 22px;padding:22px 18px}footer span:last-child{width:100%;font-size:10px}.reader:fullscreen .book{width:95vw}.reader:fullscreen .book-platform{padding:6px 22px;min-height:0}.reader:fullscreen .reader-head{padding:10px 15px;height:55px}.reader:fullscreen .reader-bottom{height:auto;gap:7px;padding:8px 12px}.reader:fullscreen .reader-links,.reader:fullscreen .progress-area{display:none}}@media(max-width:390px){.intro h1{font-size:32px}.book-platform{min-height:215px;padding:29px 19px}.nav-btn{padding:10px 8px;font-size:11px}.reader-links{gap:16px}.tool-link{font-size:11px}.quick-jump strong{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}