.st-page{max-width:980px;padding-block:max(clamp(16px,3.5vw,40px),env(safe-area-inset-top,0px)) calc(56px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));gap:clamp(24px,5vw,44px);margin:0 auto;display:grid}.st-nav .pill{text-decoration:none}.st-hero{text-align:center;justify-items:center;gap:4px;display:grid}.st-hero .brand{margin:0}.st-hero h1{font-family:var(--font-display),sans-serif;text-wrap:balance;margin:0;font-size:clamp(2.6rem,1.4rem + 6vw,5rem);font-weight:800;line-height:.98}.st-hero h1 span{color:var(--accent-text,#c42e1a)}.st-total{aspect-ratio:1;place-items:center;width:clamp(180px,48vw,260px);margin-top:10px;display:grid;position:relative}.st-total .st-star{width:100%;height:100%;filter:drop-shadow(0 18px 18px rgb(var(--shadow) / .3));position:absolute;inset:0}.st-num{font-family:var(--font-display),sans-serif;color:#1f2a44;margin-top:6%;font-size:clamp(3.4rem,2rem + 7vw,5.4rem);font-weight:800;line-height:1;position:relative}.st-count{text-wrap:balance;min-height:1.5em;margin:6px 0 0;font-size:clamp(1.25rem,1.1rem + .8vw,1.6rem);font-weight:700}.st-top,.st-side{gap:clamp(24px,5vw,44px);display:grid}.st-bottom{justify-content:center;margin:0;display:flex}.st-bottom .pill{text-align:center;justify-content:center;max-width:100%;text-decoration:none}.st-star{flex:none;width:30px;height:30px;display:block}.st-star.on{fill:#ffc72c;stroke:#b8860b}.st-star.off{fill:var(--no-bg);stroke:var(--line)}@keyframes st-in{0%{opacity:0;transform:scale(.4)rotate(-18deg)}70%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:none}}.st-star.on{animation:st-in .46s var(--ease-out) both;animation-delay:var(--d,0s)}.st-star.big{animation-delay:0s}.st-why,.st-empty,.st-next{background:var(--paper);box-shadow:0 20px 40px -28px rgb(var(--shadow) / .55);border-radius:28px;padding:clamp(18px,3.5vw,30px)}.st-why{background:var(--chip)}.st-why h2,.st-empty h2,.st-next h2,.st-h2{font-family:var(--font-display),sans-serif;text-wrap:balance;margin:0 0 8px;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);font-weight:800;line-height:1.05}.st-why p{text-wrap:pretty;max-width:56ch;margin:0;font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.45}.st-empty{justify-items:start;gap:14px;display:grid}.st-ways{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.st-ways li{background:var(--no-bg);border-radius:20px;gap:2px;padding:12px 16px;display:grid}.st-ways b{font-size:1.1rem}.st-ways span{color:var(--ink-soft);font-size:1rem}.st-next{justify-items:start;gap:12px;display:grid}.st-next .pill{text-decoration:none}.st-nl{margin:0;font-size:1.2rem}.st-nl.soft{color:var(--ink-soft);font-size:1.05rem}.st-bar{background:var(--track);border-radius:999px;width:100%;height:20px;position:relative;overflow:hidden}.st-bar i{border-radius:inherit;transition:width .6s var(--ease-out);background:linear-gradient(90deg,#ffc72c,#ff9f1c);min-width:20px;position:absolute;inset:0 auto 0 0}.st-h2{margin-bottom:16px}.st-books{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:clamp(14px,3vw,24px);margin:0;padding:0;list-style:none;display:grid}.st-book{background:var(--paper);box-shadow:0 20px 38px -26px rgb(var(--shadow) / .55),0 2px 0 rgb(var(--shadow) / .06);border-radius:26px;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:0;display:grid;overflow:hidden}.st-book.full{box-shadow:0 0 0 4px #ffc72c,0 20px 38px -26px rgb(var(--shadow) / .55)}.st-cov{background:#bfe6f7;min-height:120px;position:relative}.st-cov svg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.st-bi{align-content:center;justify-items:start;gap:8px;padding:14px 16px 16px;display:grid}.st-bi h3{font-family:var(--font-display),sans-serif;text-wrap:balance;margin:0;font-size:1.35rem;font-weight:800;line-height:1.1}.st-frac{color:var(--ink-soft);margin:0;font-size:1.05rem}.st-frac b{color:var(--ink);font-size:1.3rem}.st-row{flex-wrap:wrap;gap:3px;display:flex}.st-row .st-star{width:26px;height:26px}.st-link{min-height:44px;color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;align-items:center;padding:0 4px;font-weight:700;text-decoration-thickness:3px;display:inline-flex}.st-link:focus-visible{outline:4px solid var(--ink);outline-offset:3px;border-radius:8px}@media (max-width:420px){.st-book{grid-template-columns:1fr}.st-cov{aspect-ratio:16/9}}@media (min-width:1024px){.st-page{max-width:1280px}.st-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:clamp(28px,3vw,48px)}.st-hero{border-radius:var(--r-panel);background:var(--paper);box-shadow:0 20px 40px -28px rgb(var(--shadow) / .55);align-content:center;padding:clamp(28px,3vw,48px)}.st-side{align-content:start;gap:clamp(20px,2.2vw,32px)}.st-why p{max-width:none}.st-books{grid-template-columns:repeat(3,minmax(0,1fr))}.st-book{grid-template-columns:1fr}.st-cov{aspect-ratio:16/10;min-height:0}.st-bi{align-content:start;padding:18px 20px 20px}}@media (min-width:1440px){.st-books{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.st-star.on{animation:none}.st-bar i{transition:none}}