:root{--ink:#294347;--muted:#75827c;--cream:#f9f6ee;--pink:#edabc3;--green:#4c745b;--page-size:min(38vw,calc(100dvh - 318px),640px);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--cream);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #147c94;outline-offset:5px}button{border:0}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 37%,#e4f2ec 0,transparent 54%)}.cloud{position:absolute;background:#fff;border-radius:70px;width:160px;height:25px;opacity:.65}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;bottom:5px;width:65px;height:55px;left:30px}.cloud:after{height:40px;width:60px;left:85px}.cloud-one{top:30%;left:2%;transform:rotate(-6deg)}.cloud-two{right:4%;top:48%;transform:scale(.7)}.sun{position:absolute;top:19%;right:14%;height:54px;width:54px;border-radius:100%;background:#f7df9c;opacity:.5;box-shadow:0 0 0 14px #f7df9c20}.hill{position:absolute;width:100vw;height:28vh;bottom:-23vh;border-radius:50%;background:#dce5cf;opacity:.45}.hill-one{left:-20%;transform:rotate(8deg)}.hill-two{right:-30%;transform:rotate(-12deg);background:#e3dfbc}.app{max-width:1600px;margin:0 auto;padding:0 42px}.header{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29434712;gap:16px}.brand{display:flex;align-items:center;gap:13px;background:none;text-align:left;padding:0}.brand img{border-radius:8px;transform:rotate(-6deg);box-shadow:0 2px 5px #28434515}.brand strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:.3px}.tools{display:flex;align-items:center;gap:7px}.tool{height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:transparent;border-radius:22px;font-size:12px;font-weight:600;white-space:nowrap}.tool:hover{background:#e7ebdf}.tool[aria-pressed=true]{background:#dae6d7;color:#345f42}.icon-only{width:39px;padding:0}.chapter-caption{display:flex;justify-content:center;align-items:center;gap:13px;padding:21px 0 16px;font-size:10px;text-transform:uppercase;letter-spacing:2.2px;font-weight:700;color:#7d8a7b}.spark{font-size:15px;color:#c994a1}.reader{display:flex;flex-direction:column;align-items:center}.book-space{width:100%;display:flex;align-items:center;justify-content:center;padding:7px 0 18px;min-height:220px;touch-action:pan-y}.book{width:calc(var(--page-size)*2);height:var(--page-size);position:relative;perspective:2300px;isolation:isolate;transition:transform .7s cubic-bezier(.22,.61,.36,1);transform:translateX(0);border-radius:3px}.book.cover{transform:translateX(calc(var(--page-size)*-.5))}.book.back-cover{transform:translateX(calc(var(--page-size)*.5))}.page{position:absolute;width:50%;height:100%;top:0;background:#fff;overflow:hidden;box-shadow:0 17px 26px -12px #34433040,0 2px 2px #34433025;cursor:pointer}.page img,.leaf img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.page-left{left:0;border-radius:4px 0 0 4px}.page-right{right:0;border-radius:0 4px 4px 0}.page-left:after,.page-right:after{content:"";position:absolute;inset:0;pointer-events:none}.page-left:after{background:linear-gradient(to left,#40322014,transparent 8%)}.page-right:after{background:linear-gradient(to right,#40322016,transparent 8%)}.page.empty{visibility:hidden}.cover .page-right,.back-cover .page-left{border-radius:3px;box-shadow:3px 3px 0 #e8e9da,5px 5px 0 #e3e2d4,9px 17px 27px #37453628}.spine{position:absolute;left:calc(50% - 1px);width:2px;top:0;bottom:0;background:#4b34221a;z-index:3;pointer-events:none}.cover .spine,.back-cover .spine{visibility:hidden}.leaf{position:absolute;top:0;width:50%;height:100%;z-index:5;transform-style:preserve-3d;pointer-events:none}.leaf.forward{left:50%;transform-origin:left}.leaf.backward{left:0;transform-origin:right}.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden;box-shadow:0 2px 8px #322c1e20}.leaf-face.back{transform:rotateY(180deg)}.leaf-face:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#34250e0d,transparent 25%,#34250e0d);pointer-events:none}.book.single{width:var(--page-size);transform:none}.single .page{width:100%;left:0;border-radius:3px}.single .page-right,.single .spine{display:none}.single .leaf{width:100%;left:0}.single .page-left:after{background:none}.navigation{display:flex;align-items:center;gap:24px;margin-top:0}.turn{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:white;box-shadow:0 2px 2px #2d3d3012;transition:background .15s,transform .15s}.turn svg{width:22px;height:22px}.turn:hover:enabled{background:#e2eadc;transform:translateY(-2px)}.turn.next{background:var(--ink);color:#fff}.turn.next:hover:enabled{background:#446665}.turn:disabled{opacity:.25}.position{width:180px;text-align:center}.position button{background:none;padding:0;width:100%}#pageStatus{font-size:13px;font-weight:700;display:block}.position-sub{display:block;font-size:10px;color:var(--muted);margin-top:4px}.progress-track{margin:10px auto 0;max-width:140px;height:3px;background:#dfe6d9;border-radius:5px;overflow:hidden}#bookProgress{display:block;height:100%;width:0;background:#96b48b;transition:width .4s}.gesture-hint{font-size:10px;color:#879086;margin:12px 0 16px}.song-player{width:min(720px,100%);margin:0 auto;display:flex;align-items:center;gap:16px;background:#fffaf4db;border:1px solid #e4dfd2;border-radius:16px;padding:13px 18px;box-shadow:0 4px 12px #374e3210}.song-icon{width:37px;height:37px;background:#f7e2de;border-radius:50%;display:grid;place-items:center;color:#ae6e7d;flex-shrink:0}.song-title{flex:1;min-width:130px}.song-title strong{display:block;font-size:14px;letter-spacing:-.2px;margin-top:3px}.eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:#8b877a}.play-button{background:#ecd0d3;border-radius:30px;min-width:105px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700}.play-button:hover{background:#e5b9c3}.play-button svg{width:16px;height:16px}.song-timeline{width:165px;flex-shrink:1}.song-timeline input{display:block;width:100%;height:14px;accent-color:#ae6e7d;cursor:pointer}.time{display:flex;justify-content:space-between;color:#958d83;font-size:9px;font-variant-numeric:tabular-nums;margin:2px 2px 0}.repeat{width:33px;padding:0}.message{text-align:center;margin:5px 0 0;min-height:10px;font-size:11px;color:#97556c}footer{padding:16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8c958d;font-size:9px;letter-spacing:.15px}footer .dot{margin:0 7px;color:#c0c5b7}footer a{display:flex;align-items:center;gap:7px;color:#6a7b68;text-decoration:none;white-space:nowrap}footer a:hover{text-decoration:underline}footer svg{width:14px;height:14px}dialog{border:1px solid #dce1d5;border-radius:20px;padding:0;box-shadow:0 30px 100px #23382d38;background:var(--cream);color:var(--ink);max-height:85dvh}dialog::backdrop{background:#223b3a70;backdrop-filter:blur(5px)}.page-dialog{width:min(920px,92vw)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;position:sticky;top:0;z-index:2;background:var(--cream);border-bottom:1px solid #dde2d3}.dialog-heading h2{font-size:22px;margin:6px 0 0;letter-spacing:-.6px}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;padding:25px;overflow:auto;max-height:65dvh}.page-choice{display:flex;flex-direction:column;gap:8px;align-items:center;background:none;border-radius:5px;padding:5px;font-size:11px}.page-choice img{width:100%;aspect-ratio:1;border-radius:2px;box-shadow:0 2px 7px #34433020}.page-choice:hover{background:#e0e8d7}.page-choice[aria-current=true]{background:#dbe6d2;outline:2px solid #8daa81}.zoom-dialog{width:min(1100px,96vw);max-height:94dvh}.zoom-dialog .dialog-heading{padding:12px 24px}.zoom-dialog h2{font-size:15px;margin:0}#zoomContent{padding:16px;overflow:auto;max-height:82dvh;text-align:center}#zoomContent img{width:100%;max-width:1000px;display:block;margin:0 auto 14px}#zoomContent p{font-size:12px}.noscript{position:fixed;bottom:0;background:#fff;padding:20px;width:100%;text-align:center}.page-error{position:absolute;inset:0;background:#fff8ed;display:grid;place-content:center;text-align:center;padding:25px;font-size:13px}.page-error a{color:inherit}.app:fullscreen{background:var(--cream);max-width:none;overflow:auto}body:has(.app:fullscreen){background:var(--cream)}
@media(min-height:1000px){:root{--page-size:min(38vw,calc(100dvh - 350px),710px)}.chapter-caption{padding-top:28px;padding-bottom:22px}.book-space{padding-bottom:26px}}
@media(max-width:1000px){.app{padding:0 22px}.brand strong{font-size:18px}.tools{gap:2px}.song-player{gap:12px}footer{justify-content:center;flex-wrap:wrap;text-align:center;padding:12px 0}.song-title .eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:760px){:root{--page-size:min(86vw,calc(100dvh - 326px),610px)}.app{padding:0 16px}.header{height:76px}.brand{gap:8px}.brand img{width:36px;height:36px}.brand strong{font-size:15px;letter-spacing:-.4px}.brand small{font-size:9px;letter-spacing:0}.tool{padding:0 10px}.tools .tool span{display:none}.tools .tool{width:34px;padding:0}#viewButton{display:none}.chapter-caption{padding:19px 0 15px;font-size:8px;letter-spacing:1.7px}.book-space{padding-bottom:18px}.navigation{gap:16px}.turn{width:40px;height:40px}.gesture-hint{margin:10px 0 15px;font-size:9px}.song-player{padding:12px;gap:10px;flex-wrap:wrap;max-width:450px;border-radius:14px}.song-icon{width:30px;height:30px}.song-icon svg{width:17px;height:17px}.song-title{min-width:0;flex:1}.song-title .eyebrow{font-size:6px;letter-spacing:1px}.song-title strong{font-size:12px}.play-button{min-width:92px;font-size:10px;min-height:34px}.song-timeline{order:2;width:calc(100% - 42px);flex-shrink:0}.repeat{order:3;height:26px}.time{font-size:8px}.song-timeline input{height:12px}footer{font-size:8px;gap:9px;line-height:1.6}footer .dot{margin:0 3px}.page-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:12px;padding:16px}.dialog-heading{padding:18px}.dialog-heading h2{font-size:19px}.dialog-heading .eyebrow{font-size:6px}#fullscreenButton{display:none}}
@media(max-height:650px) and (min-width:761px){:root{--page-size:min(38vw,calc(100dvh - 238px))}.header{height:61px}.chapter-caption{padding:11px 0 10px}.book-space{min-height:150px;padding-bottom:9px}.gesture-hint{margin:8px 0}.song-player{padding:8px 14px}.song-icon{height:28px;width:28px}footer{padding:9px 0}.turn{height:36px;width:36px}}
@media(max-height:680px) and (max-width:760px){:root{--page-size:min(82vw,300px)}.header{height:65px}.chapter-caption{padding:12px 0}.book-space{min-height:180px}.scene .sun{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}
.animation-invite{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;margin:16px auto 0;padding:10px 18px;background:#efdae0;border:1px solid #dfbac6;border-radius:28px;color:#604452;text-decoration:none;font-size:12px}.animation-invite svg{width:16px;height:16px}.animation-invite strong{font-weight:700}.animation-invite span{font-size:11px;color:#856b78}.animation-invite:hover{background:#e8c9d3}@media(max-width:600px){.animation-invite{font-size:11px;padding:10px 14px}.animation-invite span{display:none}}