.sb-stage{--sb-paper:#fffaf0;--sb-paper-shadow:#efe3c8;--sb-ink:#3d2f28;--sb-muted:#a88f6e;--sb-orange:#fa5738;--sb-board:#c9441f;--sb-blue:#0e3b65;--sb-yellow:#f4d35f;--sb-ease:cubic-bezier(.645, .045, .355, 1);isolation:isolate;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#160f24;outline:none;overflow:hidden}.sb-stage--inline{aspect-ratio:4/5;border-radius:1.5rem;width:100%;margin-top:2rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (width>=640px){.sb-stage--inline{aspect-ratio:4/3}}@media (width>=768px){.sb-stage--inline{aspect-ratio:16/9}}.sb-stage--expanded{z-index:50;width:100vw;height:100dvh;position:fixed;inset:0}.sb-stage:fullscreen{border-radius:0;width:100vw;height:100vh}.sb-stage:focus-visible{box-shadow:0 0 0 4px #fa573899}.sb-backdrop{z-index:-1;position:absolute;inset:0}.sb-backdrop:after{content:"";background:radial-gradient(at 50% 45%,#160f2426,#160f24d9 75%),linear-gradient(#160f2400 60%,#160f24b3);position:absolute;inset:0}.sb-backdrop__image{filter:blur(36px)saturate(1.35)brightness(.7);opacity:0;background-position:50%;background-size:cover;transition:opacity 1.6s,transform 12s ease-out;position:absolute;inset:-10%;transform:scale(1.05)}.sb-backdrop__image.is-current{opacity:1;transform:scale(1.15)}.sb-book-area{position:absolute;inset:0}.sb-viewport{touch-action:pan-y;cursor:default;position:absolute;inset:0}.sb-loading{border:4px solid #fff3;border-top-color:var(--sb-yellow);border-radius:50%;width:44px;height:44px;margin:-22px;animation:.9s linear infinite sb-spin;position:absolute;top:50%;left:50%}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-book{perspective:2600px;transition:transform .9s var(--sb-ease);position:absolute;top:50%;left:50%}.sb-board{background:radial-gradient(circle at 30% 20%, #ffffff1f, transparent 60%), var(--sb-board);border-radius:12px;transition:opacity .4s .3s;position:absolute;top:-12px;bottom:-12px;box-shadow:0 40px 80px -30px #000000bf,0 12px 24px -8px #0006,inset 0 0 0 2px #00000014}.sb-mode-spread .sb-board--right{border-top-left-radius:4px;border-bottom-left-radius:4px;left:594px;right:-12px}.sb-mode-spread .sb-board--left{border-top-right-radius:4px;border-bottom-right-radius:4px;left:-12px;right:594px}.sb-mode-single .sb-board--right{left:-6px;right:-12px}.sb-book.is-closed .sb-board--left{opacity:0;transition-delay:0s}.sb-book.is-closed .sb-board--right{top:-4px;bottom:-4px;right:-6px}.sb-edge{background:repeating-linear-gradient(to right, var(--sb-paper) 0 1px, #d8c9a8 1px 2px);border-radius:2px;transition:width .6s;position:absolute;top:3px;bottom:3px}.sb-edge--right{left:100%}.sb-edge--left{right:100%}.sb-leaf{transform-origin:0;width:600px;height:680px;transform-style:preserve-3d;transition:transform var(--turn-ms,.9s) var(--sb-ease) var(--turn-delay,0s);position:absolute;top:0}.sb-mode-spread .sb-leaf{left:600px}.sb-mode-single .sb-leaf{left:0}.sb-leaf.is-flipped{transform:rotateY(-180deg)}.sb-leaf.is-dragging{transition:none}.sb-leaf.is-hidden{visibility:hidden}.sb-leaf.is-instant{transition:none}.sb-fold{z-index:400;width:0;height:0;position:absolute;top:0}.sb-fold .sb-face{transform-origin:0 0;backface-visibility:visible;width:600px;height:680px;inset:0 auto auto 0;transform:none}.sb-fold__lift{position:absolute;top:0;left:0}.sb-fold__shade{pointer-events:none;position:absolute}.sb-fold__strip{transform-origin:0 0;pointer-events:none;width:4000px;position:absolute;top:0;left:0}.sb-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.sb-face--front{border-radius:2px 8px 8px 2px}.sb-face--back{border-radius:8px 2px 2px 8px;transform:rotateY(180deg)}.sb-shade{pointer-events:none;opacity:0;position:absolute;inset:0}.sb-face--front .sb-shade{background:linear-gradient(90deg,#3c1e0a0d,#3c1e0a66)}.sb-face--back .sb-shade{background:linear-gradient(270deg,#3c1e0a0d,#3c1e0a66)}.sb-leaf.is-turning .sb-shade{animation:sb-shade var(--turn-ms,.9s) ease-in-out var(--turn-delay,0s) both}.sb-leaf.is-dragging .sb-shade{opacity:var(--shade,0)}@keyframes sb-shade{0%,to{opacity:0}50%{opacity:1}}.sb-page{background-color:var(--sb-paper);width:600px;height:680px;color:var(--sb-ink);background-image:radial-gradient(circle at 20% 15%,#ffffffb3,#0000 45%),radial-gradient(circle at 85% 90%,#e8d6b259,#0000 50%);font-family:"Baloo Paaji 2",ui-rounded,sans-serif;position:relative;overflow:hidden}.sb-page:after{content:"";pointer-events:none;width:70px;position:absolute;top:0;bottom:0}.sb-face--front .sb-page:after{background:linear-gradient(90deg,#5a3c1e47,#5a3c1e14 30%,#0000);left:0}.sb-face--back .sb-page:after{background:linear-gradient(270deg,#5a3c1e47,#5a3c1e14 30%,#0000);right:0}.sb-stars{color:var(--sb-yellow);text-shadow:0 1px #d4a92a;justify-content:center;gap:18px;font-size:22px;display:flex}.sb-stars span:nth-child(2){color:var(--sb-orange);text-shadow:none;transform:translateY(-4px)scale(1.25)}.sb-cover{background:var(--sb-board);color:#fff}.sb-cover__art{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sb-cover__spine{z-index:1;background:linear-gradient(90deg,#00000073,#ffffff2e 55%,#00000040 80%,#0000);width:34px;position:absolute;inset:0 auto 0 0}.sb-cover__plate{-webkit-backdrop-filter:blur(6px);text-align:center;background:#160f248c;border-radius:22px;padding:22px 28px 26px;position:absolute;bottom:36px;left:40px;right:28px;box-shadow:0 10px 30px #0000004d}.sb-cover__eyebrow,.sb-titlepage__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--sb-yellow);font-size:15px}.sb-cover__title{text-wrap:balance;text-shadow:0 3px #00000040;margin:6px 0 0;font-family:Cherry Bomb One,sans-serif;font-size:46px;line-height:1.08}.sb-cover:after,.sb-endpaper:after,.sb-backcover:after{display:none}.sb-endpaper{background-color:var(--sb-blue);background-image:radial-gradient(circle at 25% 25%,#f4d35fe6 0 2px,#0000 3px),radial-gradient(circle at 75% 70%,#fa5738cc 0 2.5px,#0000 3.5px),radial-gradient(circle at 60% 20%,#ffffff80 0 1.5px,#0000 2.5px);background-size:64px 64px,96px 96px,44px 44px}.sb-backcover{background:var(--sb-board);place-items:center;display:grid}.sb-backcover img{opacity:.9;width:220px}.sb-paper-back{background-color:#f8f0dd}.sb-blank{place-items:center;display:grid}.sb-titlepage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:60px 70px;display:flex}.sb-titlepage__eyebrow{color:var(--sb-muted)}.sb-titlepage__title{color:var(--sb-orange);text-wrap:balance;margin:0;font-family:Cherry Bomb One,sans-serif;font-size:52px;line-height:1.1}.sb-titlepage__starring{color:var(--sb-muted);font-size:24px}.sb-titlepage__starring strong{color:var(--sb-blue);font-weight:600}.sb-titlepage__logo{opacity:.8;width:120px;position:absolute;bottom:40px}.sb-platepage{flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:40px 48px 40px 40px;display:flex}.sb-platepage__label,.sb-lead__label{color:var(--sb-orange);font-family:Cherry Bomb One,sans-serif;font-size:40px;line-height:1.2}.sb-plate{background:#fff;border-radius:14px;margin:0;padding:10px;transform:rotate(-1.4deg);box-shadow:0 1px #e8dcc1,0 18px 30px -16px #5032148c}.sb-plate img{border-radius:8px;max-width:500px;max-height:440px;display:block}.sb-text{flex-direction:column;display:flex;position:absolute;inset:52px 56px 26px 68px}.sb-face--back .sb-text{left:56px;right:68px}.sb-text__body{text-wrap:pretty;flex:auto;min-height:0;font-size:25px;line-height:1.6;overflow:hidden}.sb-mode-single .sb-text__body{font-size:31px;line-height:1.5}.sb-mode-single .sb-text{inset:44px 44px 22px 52px}.sb-para{text-indent:1.4em;margin:0}:is(.sb-para:has(.sb-dropcap),.sb-para--continued){text-indent:0}.sb-dropcap{float:left;color:var(--sb-orange);margin:.06em .1em 0 0;font-family:Cherry Bomb One,sans-serif;font-size:3.1em;line-height:.92}.sb-folio{text-align:center;height:26px;color:var(--sb-muted);flex:none;padding-top:6px;font-size:15px}.sb-lead{flex-direction:column;flex:none;align-items:center;gap:10px;margin-bottom:18px;display:flex}.sb-lead__art{background-color:var(--sb-paper-shadow);background-position:50%;background-size:cover;border-radius:16px;width:100%;height:240px;box-shadow:0 14px 24px -16px #50321499}.sb-s{cursor:pointer;background-image:linear-gradient(#0000 14%,#f4d35fa6 14% 90%,#0000 90%);background-repeat:no-repeat;background-size:0% 100%;border-radius:.25em;transition:background-size .18s linear,color .3s}.sb-s.is-active{background-size:var(--fill,0%) 100%}@media (hover:hover){.sb-s:hover{color:#000;text-underline-offset:.2em;-webkit-text-decoration:underline dotted #fa573880;text-decoration:underline dotted #fa573880}}.sb-endpage{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.sb-endpage__title{color:var(--sb-orange);font-family:Cherry Bomb One,sans-serif;font-size:76px}.sb-endpage__again{background:var(--sb-blue);color:#fff;border-radius:999px;margin-top:20px;padding:12px 30px;font-size:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 6px #082642}.sb-endpage__again:active{transform:translateY(4px);box-shadow:0 2px #082642}.sb-measure{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-10000px}.sb-start{background:radial-gradient(circle at 50% 40%,#160f244d,#0000 55%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-bottom:max(14%,120px);animation:.5s both sb-fade-in;display:flex;position:absolute;inset:0}.sb-start__play{background:var(--sb-orange);color:#fff;border-radius:50%;place-items:center;width:104px;height:104px;padding-left:6px;transition:transform .2s;animation:2.6s ease-in-out infinite sb-breathe;display:grid;box-shadow:0 0 0 10px #fa573840,0 18px 40px #00000073}.sb-start__play:hover{transform:scale(1.06)}.sb-start__actions{flex-direction:column;align-items:center;gap:2px;display:flex}.sb-start__label{-webkit-backdrop-filter:blur(6px);letter-spacing:.01em;background:#160f24a6;border-radius:999px;padding:6px 18px;font-family:Cherry Bomb One,sans-serif;font-size:20px}.sb-start__myself{color:#ffffffd9;text-underline-offset:3px;text-shadow:0 1px 4px #0009;padding:4px 12px;font-size:15px;text-decoration:underline}@keyframes sb-breathe{0%,to{box-shadow:0 0 0 10px #fa573840,0 18px 40px #00000073}50%{box-shadow:0 0 0 22px #fa573814,0 18px 40px #00000073}}@keyframes sb-fade-in{0%{opacity:0}}.sb-toast{top:max(16px, env(safe-area-inset-top));white-space:nowrap;background:#160f24d9;border-radius:999px;padding:10px 18px;font-size:15px;animation:.3s both sb-fade-in;position:absolute;left:50%;transform:translate(-50%)}.sb-arrow{color:#fff;-webkit-backdrop-filter:blur(4px);background:#160f2473;border-radius:50%;place-items:center;width:48px;height:48px;margin-top:-24px;transition:opacity .3s,background-color .2s;display:grid;position:absolute;top:calc(50% - 32px)}.sb-arrow:hover{background:#160f24bf}.sb-arrow:disabled{pointer-events:none;opacity:0!important}.sb-arrow--prev{left:max(12px, env(safe-area-inset-left))}.sb-arrow--next{right:max(12px, env(safe-area-inset-right))}@media (hover:none){.sb-arrow{display:none}}.sb-controls{padding:18px max(16px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(#0e091800,#0e0918d9);transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0}.sb-controls--waiting,.sb-stage--idle .sb-controls,.sb-stage--idle .sb-arrow{opacity:0;pointer-events:none}.sb-stage--idle .sb-controls{transform:translateY(8px)}.sb-stage--idle{cursor:none}.sb-progress{cursor:pointer;touch-action:none;outline:none;height:18px;position:relative}.sb-progress__track{background:#ffffff40;border-radius:2px;height:4px;transition:height .15s,top .15s;position:absolute;top:7px;left:0;right:0;overflow:hidden}.sb-progress:hover .sb-progress__track,.sb-progress:focus-visible .sb-progress__track{height:6px;top:6px}.sb-progress__fill{background:var(--sb-orange);height:100%}.sb-progress__chapter{background:var(--sb-yellow);pointer-events:none;border-radius:2px;width:3px;height:8px;margin-left:-1.5px;position:absolute;top:5px}.sb-progress__thumb{pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:3px;box-shadow:0 1px 4px #0006}.sb-controls__row{align-items:center;gap:4px;margin-top:2px;display:flex}.sb-controls__time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px;font-size:15px}.sb-controls__time span{color:#fff9}.sb-controls__chapter{color:var(--sb-yellow);white-space:nowrap;border-left:1px solid #ffffff40;margin-left:12px;padding-left:12px;font-size:15px}@media (width<=420px){.sb-controls__chapter{display:none}}.sb-button{color:#ffffffe6;border-radius:999px;place-items:center;min-width:40px;height:40px;padding:0 8px;transition:background-color .15s,color .15s;display:grid}.sb-button:hover{color:#fff;background:#ffffff1f}.sb-button.is-on{color:var(--sb-yellow)}.sb-button--speed{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}@media (prefers-reduced-motion:reduce){.sb-book,.sb-leaf{transition-duration:1ms!important;transition-delay:0s!important}.sb-leaf.is-turning .sb-shade,.sb-start__play{animation:none}.sb-backdrop__image{transition:opacity .6s;transform:none!important}}
