*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:#1b1420;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Poppins,system-ui,sans-serif}.library{max-width:1100px;margin:0 auto;padding:48px 32px}.library header{margin-bottom:28px}.wordmark{text-transform:uppercase;letter-spacing:.04em;color:#e0103f;font-family:Rubik,system-ui,sans-serif;font-size:14px;font-weight:900}.library h1{margin:6px 0;font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:700}.library p{color:#6e6470;margin:0}.shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.tile{text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:0;display:grid}.tile img{aspect-ratio:3/4;object-fit:cover;background:#f6f1ee;border:1px solid #e3dbd8;border-radius:10px;width:100%;display:block}.tile:hover img{box-shadow:0 10px 30px #1b142029}.tile .ttl{font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.tile .meta{color:#6e6470;font-size:13px}.library footer{color:#6e6470;margin-top:40px;font-size:13px}.library code{background:#f6f1ee;border-radius:4px;padding:1px 6px}:root{--ink:#1b1420;--muted:#6e6470;--line:#e3dbd8;--frame:#cfd6d0;--crimson:#ff114c;--crimson-soft:#f7c9d4;--green:#8fd19e;--green-deep:#2f9e5e;--hi:#ffe66b;--card:#eef0f3}@supports (color:color(display-p3 0 0 0)){:root{--crimson:color(display-p3 1 .02 .28)}}.reader{color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;font-family:Poppins,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.menubar{background:var(--crimson);color:#fff;z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;transition:transform .25s;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.menu-open .menubar{transform:none}.menubar .left{gap:4px;padding-left:12px;display:flex}.menubar .left button,.menubar .x{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;width:40px;height:40px;font:500 18px Poppins,system-ui,sans-serif}.menubar .left button.txt{border:1.5px solid #fffc;border-radius:6px;align-self:center;width:34px;height:26px;margin-left:6px;font-size:12px}.menubar .left button:hover,.menubar .x:hover{background:#ffffff29}.menubar .title{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.menubar .x{justify-self:end;margin-right:12px;font-size:22px}.tab{background:var(--crimson-soft);cursor:pointer;z-index:31;border:0;border-radius:0 0 12px 12px;width:72px;height:26px;transition:top .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.menu-open .tab{background:var(--crimson);top:56px}.tab .chev{border-bottom:3px solid #fff;border-right:3px solid #fff;width:12px;height:12px;margin:-3px auto 0;transition:transform .25s;display:block;transform:rotate(45deg)}.menu-open .tab .chev{margin-top:3px;transform:rotate(225deg)}.closeidle{background:var(--crimson-soft);color:#fff;cursor:pointer;z-index:25;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:12px;right:14px}.closeidle:hover{background:var(--crimson)}.playidle{background:var(--green);cursor:pointer;z-index:25;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;bottom:22px;left:22px;box-shadow:0 6px 18px #2f9e5e40}.playidle span{border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:22px solid #fff;width:0;height:0;margin-left:6px}.playidle.on span{background:linear-gradient(90deg,#fff 0 38%,#0000 38% 62%,#fff 62%);border:0;width:20px;height:22px;margin:0}.playidle:hover{background:var(--green-deep)}.zone{z-index:10;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.zone.prev{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 26 26'><path transform='translate(26 0) scale(-1 1)' d='M16.0875 4.15849C17.7288 6.4297 19.5325 9.47962 21.8725 11.3615C22.5388 11.8968 22.75 12.3998 22.75 13C22.75 13.6002 22.555 14.1032 21.8725 14.6385C19.5325 16.5042 17.745 19.5703 16.1038 21.8415C15.535 22.5067 14.9663 22.75 14.2675 22.75C13 22.75 12.025 21.7442 12.025 20.5437C12.025 19.6676 12.4313 19.0349 13.0325 18.4671C14.7388 16.6664 18.135 14.6061 20.15 13.5678L20.1175 13.4705C15.535 13.9409 7.7025 15.6768 5.4275 15.6768C3.94875 15.6768 3.25 14.6061 3.25 13C3.25 11.3939 3.94875 10.3232 5.4275 10.3232C7.7025 10.3232 15.535 12.0591 20.1175 12.5295L20.15 12.4322C18.135 11.3939 14.7225 9.34983 13.0325 7.53286C12.4313 6.96506 12.025 6.33236 12.025 5.45632C12.025 4.25582 13 3.25 14.2675 3.25C14.9663 3.25 15.535 3.47712 16.1038 4.15849L16.0875 4.15849Z' fill='%23ff0e4d' stroke='white' stroke-width='0.6'/></svg>") 32 32,w-resize;left:0}.zone.next{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 26 26'><path  d='M16.0875 4.15849C17.7288 6.4297 19.5325 9.47962 21.8725 11.3615C22.5388 11.8968 22.75 12.3998 22.75 13C22.75 13.6002 22.555 14.1032 21.8725 14.6385C19.5325 16.5042 17.745 19.5703 16.1038 21.8415C15.535 22.5067 14.9663 22.75 14.2675 22.75C13 22.75 12.025 21.7442 12.025 20.5437C12.025 19.6676 12.4313 19.0349 13.0325 18.4671C14.7388 16.6664 18.135 14.6061 20.15 13.5678L20.1175 13.4705C15.535 13.9409 7.7025 15.6768 5.4275 15.6768C3.94875 15.6768 3.25 14.6061 3.25 13C3.25 11.3939 3.94875 10.3232 5.4275 10.3232C7.7025 10.3232 15.535 12.0591 20.1175 12.5295L20.15 12.4322C18.135 11.3939 14.7225 9.34983 13.0325 7.53286C12.4313 6.96506 12.025 6.33236 12.025 5.45632C12.025 4.25582 13 3.25 14.2675 3.25C14.9663 3.25 15.535 3.47712 16.1038 4.15849L16.0875 4.15849Z' fill='%23ff0e4d' stroke='white' stroke-width='0.6'/></svg>") 32 32,e-resize;right:0}.zone:focus-visible{outline:2px dashed var(--crimson);outline-offset:-6px}.stage{pointer-events:none;place-items:center;padding:18px 72px;transition:padding .25s;display:grid;position:absolute;inset:0}.menu-open .stage{padding-top:62px;padding-bottom:76px}.book{pointer-events:auto;background:var(--paper,#fff);width:min(100%,1480px);max-width:calc(155vh - 55.8px);height:100%;color:var(--ink,#1b1420);border:2px solid var(--frame);outline:1px solid var(--frame);outline-offset:3px;z-index:5;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.menu-open .book{max-width:calc(155vh - 217px)}.page{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.page.picture{background:var(--paper,#f9f7f3);padding:0}.page.picture .art{position:absolute;inset:0}.page.picture img,.page.picture video{object-fit:cover;width:100%;height:100%;display:block}.page.picture.frame-torn .art{clip-path:url(#edge-torn);inset:3% 4%}.page.picture.frame-blob .art{clip-path:url(#edge-blob);inset:3%}.page.picture.frame-arch .art{clip-path:url(#edge-arch);inset:0}.page.picture.frame-wave .art{clip-path:url(#edge-wave);inset:0}.page.picture.frame-flat .art{inset:0}.page.picture.spot{background:var(--paper,#fff)}.page.picture.spot .art{inset:10% 8%}.page.picture.spot img,.page.picture.spot video{object-fit:contain}.page.text{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:6% 7% 0;overflow:auto}.page.text .textblock{flex:auto;align-self:center;min-height:0;margin-top:auto;margin-bottom:auto;overflow:auto}.page.text .ornament{object-fit:contain;opacity:.95;pointer-events:none;flex:none;width:auto;max-width:70%;height:27%;min-height:60px;max-height:315px;margin-top:2%}.page.text.on-right .ornament{object-position:right bottom;align-self:flex-end;margin-right:-3%}.page.text.on-left .ornament{object-position:left bottom;align-self:flex-start;margin-left:-3%}.textblock{color:var(--ink,#1b1420);font-family:Andika,Verdana,sans-serif;font-size:calc(clamp(17px, 1.9vw, 27px) * var(--fs,1));max-width:26em;line-height:1.55}.textblock p{margin:0 0 .75em}.textblock p:last-child{margin-bottom:0}.w{cursor:pointer;border-radius:5px;padding:0 .05em;transition:background 80ms}.w.on{background:var(--hi);box-shadow:0 0 0 2px var(--hi)}.page.double.bleed{grid-column:1/-1;display:block}.page.double.bleed>img,.page.double.bleed>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.page.double.bleed .panel{background:var(--panel,#ffffffed);border-radius:14px 18px 12px 20px/18px 12px 20px 14px;max-width:52%;padding:2.4% 2.8%;position:absolute;bottom:5%;left:5%}.page.double.bleed .panel .textblock{font-size:calc(clamp(15px, 1.5vw, 22px) * var(--fs,1))}.book{perspective:2600px}.leaf{z-index:8;width:50%;transform-style:preserve-3d;pointer-events:none;animation:.6s cubic-bezier(.4,.05,.3,1) forwards turn-next;position:absolute;top:0;bottom:0}.leaf.next{transform-origin:0;left:50%}.leaf.prev{transform-origin:100%;animation-name:turn-prev;left:0}.leaf-face,.leaf-back{backface-visibility:hidden;background:#fff;position:absolute;inset:0;overflow:hidden}.leaf-back{background:linear-gradient(90deg,#f4f1ec,#fff 40%);transform:rotateY(180deg)}.leaf.prev .leaf-back{background:linear-gradient(270deg,#f4f1ec,#fff 40%)}.leaf-spread{grid-template-columns:1fr 1fr;width:200%;display:grid;position:absolute;top:0;bottom:0}.leaf.next .leaf-spread{left:-100%}.leaf.prev .leaf-spread{left:0}.leaf-face:after{content:"";background:linear-gradient(90deg,#0000002e,#0000 30%);animation:.6s linear forwards leaf-shade;position:absolute;inset:0}.leaf.prev .leaf-face:after{background:linear-gradient(270deg,#0000002e,#0000 30%)}.layer{background:var(--paper,#fff);isolation:isolate;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.layer.under{z-index:1}.layer.over{z-index:2}.layer.over.right-half{clip-path:inset(0 0 0 50%)}.layer.over.left-half{clip-path:inset(0 50% 0 0)}.leaf.next .leaf-back .leaf-spread{left:0}.leaf.prev .leaf-back .leaf-spread{left:-100%}.leaf-back:after{content:"";background:linear-gradient(270deg,#00000029,#0000 35%);animation:.6s linear forwards leaf-shade;position:absolute;inset:0}.leaf.prev .leaf-back:after{background:linear-gradient(90deg,#00000029,#0000 35%)}.leaf-back .leaf-spread .page{pointer-events:none}@keyframes turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes turn-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes leaf-shade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.leaf{display:none}}.page.info{color:#2b3340;background:#e3e8ee;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;padding:20px 22px;font-family:Poppins,system-ui,sans-serif;overflow:auto}.card{background:#fff;border-radius:16px;padding:22px 24px;font-size:14px}.card.head{grid-template-columns:130px 1fr;align-items:start;gap:14px 24px;display:grid}.card.head img{aspect-ratio:3/4;object-fit:cover;border-radius:8px;grid-row:1;width:130px}.card.head .headtext{grid-row:1}.card.head h3{margin:4px 0 12px;font-size:18px;font-weight:700}.card.head p{color:#3a4352;margin:0;font-size:15px;line-height:1.5}.card.head .tags,.card.head .actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.card.head .tags span{letter-spacing:.04em;color:#4b5566;background:#e6eaef;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:700}.card.head .actions button{color:#3b8be6;cursor:pointer;background:#fff;border:2px solid #3b8be6;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font:700 15px Poppins,system-ui,sans-serif;display:inline-flex}.card.head .actions button svg{width:18px;height:18px}.card h4{margin:0 0 18px;font-size:17px;font-weight:700}.badges{align-items:flex-start;gap:20px;display:flex}.badge{color:#b9c3cf;background:#e6eaef;border-radius:50%;place-items:center;width:88px;height:88px;display:grid}.badge svg{fill:currentColor;width:56px;height:56px}.badge.on{color:#6fa3e6;background:#cfe0f7;border-radius:10px}.withbar{justify-items:center;gap:8px;display:grid}.withbar .bar{background:#dfe5ec;border-radius:4px;width:64px;height:8px;display:block;overflow:hidden}.withbar .bar b{background:#3b8be6;width:45%;height:100%;display:block}.spot{flex-wrap:wrap;gap:14px;display:flex}.spot span{color:#9aa5b3;border:2px dashed #c3ccd6;border-radius:4px;padding:6px 14px;font:700 18px Poppins,system-ui,sans-serif;transform:rotate(-2deg)}.spot span:nth-child(2n){transform:rotate(2deg)}.card .by{margin:0 0 18px;font-size:15px;line-height:1.7}.card .by a{color:#3b8be6;font-weight:700}.facts{gap:32px;display:flex}.facts div{gap:2px;display:grid}.facts b{font-size:17px}.facts span{color:#8a95a3;font-size:14px}.page.coverpage{background:#ffb000;padding:0}.page.coverpage img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.page.titlepage{text-align:center;flex-direction:column;gap:22px;padding:8%}.page.titlepage .series{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:-10px;font-family:Rubik,system-ui,sans-serif;font-size:15px;font-weight:900}.page.titlepage h1{color:var(--crimson);margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(28px,3.4vw,50px);font-weight:700;line-height:1.02}.page.titlepage img{border-radius:8px;width:52%}.page.titlepage .imprint{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);font-family:Rubik,system-ui,sans-serif;font-size:14px;font-weight:900}.page.titlepage .imprint b{color:var(--crimson)}.page.almost{text-align:center;flex-direction:column;gap:8px}.page.almost h2{color:var(--crimson);margin:0;font-size:30px}.page.almost p{color:var(--muted);margin:0 0 12px}.page.almost .finish{background:var(--crimson);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 40px;font:700 16px Poppins,system-ui,sans-serif}.reward{z-index:40;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:absolute;inset:0}.reward .stars{color:#3d4657;gap:40px;font-size:88px;line-height:1;display:flex}.reward .stars .lit{color:#e2519c}.reward .mascot{align-items:center;gap:18px;display:flex}.reward .bubble{text-align:center;border:2px solid #c9d0d8;border-radius:12px;max-width:24ch;padding:18px 22px;font-size:20px;font-weight:600;position:relative}.reward .bubble:after{content:"";background:#fff;border-top:2px solid #c9d0d8;border-right:2px solid #c9d0d8;width:18px;height:18px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)rotate(45deg)}.chest{width:260px;height:260px;position:relative}.chest .face{background:#f4a63a;border-radius:50% 50% 40% 40%;width:150px;height:130px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 -20px #e58e22}.chest .face:before,.chest .face:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:52px;box-shadow:inset -6px 0 #1b1420}.chest .face:before{left:36px}.chest .face:after{right:36px}.chest .lid{background:#b57a3c;border:6px solid #f2c94c;border-radius:14px 14px 4px 4px;height:46px;position:absolute;top:100px;left:20px;right:20px}.chest .box{background:#a76a2f;border:6px solid #f2c94c;border-radius:4px 4px 10px 10px;position:absolute;inset:150px 20px 0}.reward .row{gap:12px;display:flex}.reward button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:14px 32px;font:700 15px Poppins,system-ui,sans-serif}.reward button.primary{background:var(--crimson);border-color:var(--crimson);color:#fff}.today{pointer-events:none;z-index:6;background:#fff;border:18px solid #e2519c;border-bottom:0;border-radius:210px 210px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;width:210px;height:105px;padding-bottom:4px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.today b{font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.today small{font-size:12px;font-weight:600}.menu-open .today{bottom:58px}.controls{border-top:1px solid var(--line);z-index:30;background:#fff;align-items:center;gap:14px;height:60px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls .play{background:var(--green);cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.controls .play span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid #fff;width:0;height:0;margin-left:4px}.controls .play.on span{background:linear-gradient(90deg,#fff 0 38%,#0000 38% 62%,#fff 62%);border:0;width:12px;height:14px;margin:0}.controls .vol{color:var(--muted)}.controls .scrub{cursor:pointer;background:#e8ebef;border-radius:999px;flex:1;height:8px;position:relative}.controls .scrub i{background:var(--crimson);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.controls .scrub b{border:3px solid var(--crimson);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%)}.controls .noaudio{color:var(--muted);flex:1;font-size:13px}.controls .pagecount{letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:600;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.controls .size{gap:6px;display:flex}.controls .size button,.controls .gear{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--ink);background:#fff;border-radius:999px;font:600 12px Poppins,system-ui,sans-serif}.controls .gear{color:var(--muted);font-size:16px}@media (width<=800px){.stage{padding:14px 14px 90px}.book{grid-template-rows:1fr 1fr;grid-template-columns:1fr;max-width:none}}@media (prefers-reduced-motion:reduce){.menubar,.tab,.w,.stage{transition:none}}.book:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#140c0800 0%,#140c0808 28%,#140c081a 48.5%,#140c082b 50%,#140c081a 51.5%,#140c0808 72%,#140c0800 100%);position:absolute;inset:0 43%}.tpl-cover .book:after,.reward-view .book:after{display:none}.mode-cinema,.mode-letterbox{background:#0b0a0c}.mode-cinema .book,.mode-letterbox .book{aspect-ratio:16/9;background:#0b0a0c;border:none;border-radius:22px;outline:none;grid-template-columns:1fr;width:100%;max-width:calc(177.778vh - 64px);height:auto;max-height:100%;box-shadow:0 30px 80px #00000059}.mode-letterbox .book{aspect-ratio:16/12;max-width:calc(133.333vh - 48px)}.mode-cinema .book:after,.mode-letterbox .book:after{display:none}.mode-cinema .stage,.mode-letterbox .stage,.mode-cinema .menu-open .stage,.mode-letterbox .menu-open .stage{background:#0b0a0c}.page.cine{background:#0b0a0c;display:block;position:relative;overflow:hidden}.page.cine>img,.page.cine>video{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block;position:absolute;inset:0}.page.cine.carried>img{filter:brightness(.55)saturate(.85)}.page.cine .grad{background:linear-gradient(#08060a00 24%,#08060a33 38%,#08060a99 54%,#08060ae0 74%,#08060af5 100%),linear-gradient(90deg,#08060a73 0%,#08060a00 55%);position:absolute;inset:0}.page.cine .cap{justify-content:flex-start;padding:3% 6% 4.5%;display:flex;position:absolute;bottom:0;left:0;right:0}.page.cine .cap .textblock{color:#fff;max-width:34em;font-size:calc(clamp(16px, 1.75vw, 26px) * var(--fs,1));text-shadow:0 1px 2px #0009,0 0 18px #00000080;line-height:1.5}.page.cine .cap .w.on{color:#1b1420;text-shadow:none;background:#ffe066}.mode-letterbox .page.cine{grid-template-rows:minmax(0,1fr) auto;display:grid}.mode-letterbox .page.cine>img,.mode-letterbox .page.cine>video{grid-row:1;height:100%;position:relative;inset:auto}.mode-letterbox .page.cine .grad{display:none}.mode-letterbox .page.cine .cap{text-align:center;background:#0b0a0c;grid-row:2;justify-content:center;align-items:center;min-height:18%;padding:1.6% 8% 2.2%;position:relative}.mode-letterbox .page.cine .cap .textblock{max-width:44em;font-size:calc(clamp(15px, 1.5vw, 22px) * var(--fs,1));text-shadow:none}.page.cine.side-right .cap{justify-content:flex-end}.page.cine.side-right .grad{background:linear-gradient(#08060a00 24%,#08060a33 38%,#08060a99 54%,#08060ae0 74%,#08060af5 100%),linear-gradient(270deg,#08060a73 0%,#08060a00 55%)}.page.cine .cap .textblock{max-width:30em}.tile .tests{color:#8a7f86;margin-top:6px;font-size:12px;display:block}.tile .tests a{color:#c8102e;text-decoration:underline}