.reader-hero{width:100%;margin:0;container-type:inline-size}.reader-hero-scene{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.reader-hero-art{-webkit-mask-composite:source-in;background:url(/assets/mascot-reader-light-Ce095Gdy.webp) 50%/contain no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 96%,#0000),linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 96%,#0000),linear-gradient(#0000,#000 14% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.dark .reader-hero-art{background-image:url(/assets/mascot-reader-dark-DMtG4MSj.webp)}.reader-hero-screen{width:37.8%;height:51%;color:var(--ink);position:absolute;top:20%;left:16.5%;overflow:hidden}.reader-screen-top{border-bottom:1px solid var(--line-strong);color:var(--ink-muted);justify-content:space-between;align-items:center;padding-bottom:2cqw;font-size:1.7cqw;display:flex}.reader-screen-top span:first-child{color:var(--ink);font-size:2.3cqw;font-weight:650}.reader-screen-heading{margin-top:3cqw}.reader-screen-heading small{letter-spacing:.09em;color:var(--ink-muted);font-size:1.3cqw;display:block}.reader-screen-heading strong{letter-spacing:-.025em;margin-top:.5cqw;font-size:3.4cqw;font-weight:600;display:block}.reader-screen-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8cqw;margin-top:3cqw;display:grid}.reader-screen-book{text-align:center;min-width:0}.reader-screen-book img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;box-shadow:0 .5cqw 1cqw color-mix(in oklab, var(--ink) 15%, transparent);border-radius:.35cqw;display:block}.reader-screen-book span{color:var(--ink-muted);margin-top:1cqw;font-size:1.45cqw;display:block}.reader-screen-book-3 img{outline:1px solid var(--accent);outline-offset:.5cqw}.reader-screen-progress{background:var(--line-strong);height:1px;margin-top:2.5cqw;overflow:hidden}.reader-screen-progress span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block}.reader-screen-result{margin-top:2.5cqw;position:relative}.reader-screen-working{color:var(--ink-muted);opacity:0;font-size:1.7cqw;position:absolute;inset:0}.reader-screen-finished small{letter-spacing:.06em;color:var(--accent);font-size:1.3cqw;font-weight:600;display:block}.reader-screen-finished strong{margin-top:1cqw;font-size:2cqw;font-weight:600;display:block}.reader-screen-finished>span{color:var(--ink-muted);margin-top:1cqw;font-size:1.45cqw;display:block}.reader-hero figcaption{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:1rem;margin:-5% 10% 0;font-size:11px;display:flex;position:relative}.reader-hero button{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;padding:10px 0}.reader-hero button:hover{color:var(--accent)}.reader-hero button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reader-hero-wash{background:radial-gradient(ellipse, color-mix(in oklab, var(--accent) 14%, transparent), transparent 68%);filter:blur(18px);position:absolute;inset:12% 5% 15%}.reader-demo-stage{opacity:0;position:absolute;inset:13% 0 0}.reader-demo-stage>small{letter-spacing:.08em;color:var(--accent);font-size:1.3cqw;display:block}.reader-demo-stage>strong{margin-top:1cqw;font-size:2.7cqw;display:block}.reader-cover-preview{aspect-ratio:2/3;width:16cqw;margin:2cqw auto 0;position:relative}.reader-cover-preview img{object-fit:cover;border-radius:.4cqw;width:100%;height:100%;position:absolute;inset:0}.reader-cover-placeholder{border:1px solid var(--line-strong);border-radius:.4cqw;flex-direction:column;justify-content:space-between;padding:2cqw;font-size:1.8cqw;display:flex;position:absolute;inset:0}.reader-cover-placeholder small{color:var(--ink-muted);font-size:1.3cqw}.reader-cover-stage p{text-align:center;margin-top:1cqw;font-size:1.7cqw}.reader-title-before{border-bottom:1px solid var(--line-strong);color:var(--ink-muted);margin-top:3cqw;padding-bottom:2cqw;font-size:1.8cqw}.reader-title-before small,.reader-title-after small{letter-spacing:.06em;color:var(--ink-muted);margin:1.5cqw 0 .6cqw;font-size:1.2cqw;display:block}.reader-title-after strong{font-size:2.6cqw;display:block}.reader-title-after span{font-size:1.8cqw}.reader-cover-preview{box-shadow:0 .8cqw 2cqw color-mix(in oklab, var(--ink) 15%, transparent);border-radius:.4cqw;overflow:hidden}.reader-cover-preview .reader-cover-bad{filter:grayscale(.85)blur(.7px)contrast(.65);object-position:35% center;transform:scale(1.15)}.reader-title-before{overflow-wrap:anywhere}.reader-hero figcaption{justify-content:center;padding:10px 0}.reader-hero{--reader-cycle:21s;--reader-ease:cubic-bezier(.22, 1, .36, 1)}.reader-library-stage{animation:reader-library var(--reader-cycle) linear infinite}.reader-cover-stage{animation:reader-cover var(--reader-cycle) linear infinite}.reader-organise-stage{animation:reader-organise var(--reader-cycle) linear infinite}.reader-demo-stage{inset:13% 0 0}.reader-demo-stage>strong{letter-spacing:-.025em;font-weight:600;line-height:1.2}.reader-screen-book-3{animation:reader-sequel var(--reader-cycle) var(--reader-ease) infinite}.reader-screen-finished{animation:reader-result var(--reader-cycle) var(--reader-ease) infinite}.reader-screen-working{animation:reader-working var(--reader-cycle) linear infinite}.reader-screen-progress span{animation:reader-progress var(--reader-cycle) var(--reader-ease) infinite}.reader-cover-preview img:not(.reader-cover-bad){animation:reader-cover-finish var(--reader-cycle) var(--reader-ease) infinite}.reader-title-before{border:1px solid var(--line-strong);animation:reader-raw-title var(--reader-cycle) linear infinite;border-radius:.7cqw;padding:1.2cqw 1.5cqw;font-size:1.65cqw}.reader-title-before small{margin-top:0}.reader-title-after{border-left:2px solid var(--accent);animation:reader-title-finish var(--reader-cycle) var(--reader-ease) infinite;margin-top:1.5cqw;padding:.5cqw 1.5cqw 1.2cqw}.reader-hero-wash{animation:14s ease-in-out infinite alternate reader-breathe}@keyframes reader-library{0%,1%{opacity:0}3%,30%{opacity:1}32%,to{opacity:0}}@keyframes reader-cover{0%,33%{opacity:0}35%,63%{opacity:1}65%,to{opacity:0}}@keyframes reader-organise{0%,66%{opacity:0}68%,96%{opacity:1}98%,to{opacity:0}}@keyframes reader-sequel{0%,11%{opacity:.12;transform:translateY(.6cqw)}15%,to{opacity:1;transform:translateY(0)}}@keyframes reader-result{0%,15%{opacity:0;transform:translateY(.5cqw)}18%,to{opacity:1;transform:translateY(0)}}@keyframes reader-working{0%,12%{opacity:1}14%,to{opacity:0}}@keyframes reader-progress{0%,4%{transform:scaleX(0)}15%,to{transform:scaleX(1)}}@keyframes reader-cover-finish{0%,43%{opacity:0}47%,to{opacity:1}}@keyframes reader-raw-title{0%,77%{opacity:1}80%,to{opacity:.5}}@keyframes reader-title-finish{0%,77%{opacity:0;transform:translateY(.6cqw)}81%,to{opacity:1;transform:translateY(0)}}@keyframes reader-breathe{0%{opacity:.3;transform:scale(.98)}to{opacity:.5;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.reader-hero *{animation:none!important}.reader-library-stage,.reader-cover-stage{display:none}.reader-organise-stage,.reader-title-after{opacity:1;transform:none}.reader-hero-wash{opacity:.35}}