@media(max-width:1100px){.site-header{gap:20px}.site-header nav{gap:20px}.hero{min-height:550px;gap:25px}.hero-art{height:420px}.hero h1{font-size:65px}.hero-book{width:43%}.daily-seal{width:90px;height:90px;bottom:30px}.daily-seal b{font-size:30px}.hero-actions{gap:16px}.hero .btn{padding:13px 17px}.hero p{font-size:13px}.habit-cell{padding:0 15px;gap:10px}.habit-cell strong{font-size:11px}.habit-cell small{font-size:8px}.next-drop strong{font-size:25px}.habit-cell .eyebrow{font-size:7px}.cover-link{padding:24px 38px}.story-grid{gap:20px}.card-meta{flex-wrap:wrap}.theme-grid{gap:12px}.theme-mini{padding:12px;height:145px}.mini-heading{font-size:25px}.theme-info{padding:11px 10px}.genre-feature{gap:45px;padding:35px;grid-template-columns:230px 1fr}.series-hero{gap:45px;grid-template-columns:290px 1fr}.series-info h1{font-size:52px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:110px;flex-wrap:wrap;padding:20px 0 13px;gap:16px}.site-header nav{order:3;flex-basis:100%;justify-content:flex-start;gap:25px;font-size:11px}.site-header .brand{margin-right:auto}.site-header .streak-pill{margin-left:auto}.hero{gap:20px;padding:40px 0;min-height:auto}.hero h1{font-size:50px}.hero p{font-size:12px}.desktop-br{display:none}.hero-art{height:360px}.hero-book{width:45%}.book-one{top:75px}.book-two{top:55px}.book-three{top:35px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-footnote{font-size:8px}.hero .btn{font-size:10px;padding:12px}.hero .text-link{font-size:10px}.hero-actions{gap:15px}.hero .hero-actions{flex-direction:column;align-items:start}.art-caption{left:17px;right:17px;bottom:17px;font-size:6px}.art-spark-one{left:15px;top:22px}.art-spark-one svg{width:27px;height:27px}.daily-seal{width:78px;height:78px;right:-5px;bottom:34px}.daily-seal b{font-size:26px}.daily-seal span{font-size:7px}.free-note{display:none}.habit-strip{grid-template-columns:1.15fr 1fr}.section{padding-top:50px}.section-heading h2{font-size:30px}.section-note{font-size:8px}.story-grid{gap:18px}.cover-link{padding:24px 22px}.card-body h3{font-size:22px}.card-meta{font-size:8px}.card-body p{font-size:10px}.chapter-link b{font-size:10px}.genre-grid{gap:12px}.genre-card{padding:23px 18px}.genre-card h3{font-size:23px}.genre-card p{font-size:10px}.genre-card .text-link{font-size:10px}.continue-empty{padding:24px}.continue-empty>.text-link{display:none}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.theme-mini{height:155px}.theme-info{min-height:102px}.sponsor{margin-top:50px}.series-hero{grid-template-columns:230px 1fr;gap:30px}.series-cover{padding:20px}.series-info h1{font-size:42px}.series-info .series-hook{font-size:20px}.series-info>p{font-size:12px}.series-facts{font-size:9px}.genre-feature{grid-template-columns:210px 1fr;gap:30px;padding:25px}.genre-feature h2{font-size:37px}.genre-feature p{font-size:12px}.continue-grid{grid-template-columns:1fr}.page-heading{padding-top:45px}.page-heading p{font-size:14px}.reader-shell{width:calc(100% - 40px)}.reader-article{max-width:600px}.reader-top>.text-link{font-size:10px}.reader-controls{gap:4px}.reader-controls button{font-size:10px;padding:5px 8px}.chapter-heading h1{font-size:46px}.library-habit h2{font-size:28px}.narrow-page{max-width:680px}.steps{gap:23px}.steps h3{font-size:22px}.page-library .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.preview-inner{height:39px;gap:8px}.preview-inner b{font-size:7px;letter-spacing:.1em}.preview-sub{display:none}.theme-trigger{font-size:10px;gap:6px;white-space:nowrap}.theme-trigger svg{width:12px;height:12px}.site-header{padding:20px 0 11px;gap:13px;min-height:108px}.brand{font-size:27px;gap:5px}.brand-icon{width:25px;height:30px}.brand-icon svg{width:24px;height:24px}.site-header nav{justify-content:space-between;gap:16px;font-size:10px}.streak-pill{padding:6px 9px;font-size:10px}.streak-word{display:none}.streak-pill .icon{width:15px;height:15px}.hero{display:flex;flex-direction:column;gap:35px;align-items:stretch;padding:35px 0 30px;min-height:auto}.hero h1{font-size:59px;line-height:1.05;letter-spacing:-.05em;margin-bottom:20px}.hero .eyebrow{margin-bottom:20px;font-size:8px}.hero p{font-size:12px;max-width:340px}.hero .hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:23px}.hero .btn{font-size:10px;padding:12px 15px;gap:9px;min-height:45px}.hero .text-link{font-size:9px;gap:6px}.hero-footnote{margin-top:20px;font-size:9px}.hero-art{height:353px;width:100%;max-width:410px;margin:auto;border-radius:180px 180px 8px 8px}.hero-art:before{inset:15px}.hero-book{width:42%;max-width:none}.book-one{left:5%;top:72px}.book-two{right:4%;top:53px}.book-three{left:30%;top:27px}.daily-seal{width:85px;height:85px;bottom:35px;right:6px}.daily-seal b{font-size:29px}.daily-seal span{font-size:7px}.art-spark-one{top:35px;left:21px}.art-spark-one svg{width:27px;height:27px}.art-spark-two{bottom:48px;left:40%}.art-caption{font-size:6px;bottom:16px;left:20px;right:20px}.orbit{inset:20%}.habit-strip{grid-template-columns:1.15fr 1fr;padding:20px 0;margin-top:8px}.habit-cell{padding:0 12px;gap:8px;align-items:start}.habit-cell>.icon{display:none}.habit-cell strong{font-size:10px;line-height:1.5;max-width:150px}.habit-cell .eyebrow{font-size:6px;letter-spacing:.08em}.habit-cell small{font-size:7px;display:block;margin-top:4px;line-height:1.6}.next-drop strong{font-size:24px;line-height:1}.section{padding-top:44px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:31px;line-height:1.2}.section-heading .eyebrow{font-size:7px;margin-bottom:8px}.section-heading>.text-link{margin-top:12px;font-size:10px}.section-note{display:block;margin:10px 0 0;font-size:9px}.story-grid{grid-template-columns:1fr;gap:32px}.cover-link{padding:28px 75px;border-radius:var(--radius)}.cover-badge{font-size:7px;top:12px;left:12px}.cover-arrow{width:32px;height:32px}.card-body{padding-top:18px}.card-body .eyebrow{font-size:8px}.card-body h3{font-size:28px;margin-top:7px}.card-body p{font-size:11px}.card-meta{font-size:9px;margin-top:12px}.chapter-link b{font-size:11px}.chapter-link{padding:12px 0}.continue-empty{padding:22px 18px;gap:14px}.empty-icon{width:42px;height:42px}.continue-empty h3{font-size:21px}.continue-empty p{font-size:10px;line-height:1.8}.genre-grid{grid-template-columns:1fr;gap:15px}.genre-card{padding:24px;display:grid;grid-template-columns:1fr 50px}.genre-number{grid-column:1;grid-row:1;font-size:9px}.genre-glyph{grid-column:2;grid-row:1/4;margin:0;font-size:47px;align-self:center;text-align:center}.genre-card h3{font-size:26px;grid-column:1;margin:14px 0 8px}.genre-card p{grid-column:1;font-size:10px}.genre-card .text-link{grid-column:1;margin-top:16px;font-size:10px}.sponsor{padding:28px 18px;margin-top:44px}.sponsor .eyebrow{font-size:7px}.sponsor .brand{font-size:25px}.sponsor p{font-size:10px}.sponsor .text-link{font-size:9px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-mini{height:145px;padding:13px}.mini-heading{font-size:25px}.mini-covers{right:7px;bottom:10px;gap:3px}.mini-covers i{width:18px;height:31px}.theme-info{padding:12px 10px;min-height:105px}.theme-info b{font-size:10px}.theme-info small{font-size:8px}.theme-info b>span{font-size:7px;margin-right:3px}.design-section{padding-bottom:45px}.site-footer{padding-top:30px;grid-template-columns:1fr;gap:25px}.site-footer .brand{font-size:27px}.site-footer p{font-size:10px;margin-top:10px}.footer-links{font-size:10px;gap:12px}.footer-links button{font-size:10px}.footer-note{display:block;padding-top:20px}.footer-note>span{display:block;font-size:9px;margin-bottom:12px}.footer-note small{display:block;text-align:left;font-size:8px}.footer-note button{font-size:8px}dialog{width:calc(100% - 22px);padding:22px 16px;border-radius:10px;max-height:90dvh}.dialog-top{gap:10px;margin-bottom:20px}.dialog-top h2{font-size:27px}.dialog-top p{font-size:10px}.dialog-top .eyebrow{font-size:8px}.dialog-top .icon-btn{padding:5px}.dialog-top .icon{width:18px;height:18px}
.breadcrumb{font-size:9px;padding-top:22px;gap:7px}.page-heading{padding:36px 0 26px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:47px;line-height:1.12;margin-top:14px;margin-bottom:18px}.page-heading p{font-size:12px;line-height:1.9}.genre-tabs{gap:7px;margin-bottom:25px}.pill{padding:7px 10px;font-size:9px}.genre-feature{display:block;padding:26px 23px}.genre-feature>img{width:65%;max-width:220px;margin:auto auto 30px}.genre-feature h2{font-size:36px;margin:12px 0 15px}.genre-feature .eyebrow{font-size:7px}.genre-feature p{font-size:12px}.tags{gap:6px;margin-top:20px}.tags span{font-size:8px;padding:4px 8px}.genre-feature .btn{margin-top:24px;font-size:11px}.editorial-note{gap:18px;margin-top:30px}.editorial-note h3{font-size:21px}.editorial-note p{font-size:10px}.editorial-note>span svg{width:25px;height:25px}.page-genre main,.page-series main{padding-bottom:45px}.series-hero{display:block;padding-top:25px}.series-cover{width:70%;max-width:280px;padding:22px;margin:auto auto 30px}.series-info .eyebrow{font-size:8px}.series-info h1{font-size:47px;margin:13px 0 18px}.series-info .series-hook{font-size:23px}.series-info>p{font-size:12px}.series-facts{gap:5px 16px;font-size:9px;margin-top:20px}.series-info .hero-actions{margin-top:23px;gap:12px}.series-info .btn{font-size:10px;padding:12px 15px;gap:8px}.series-info .local-note{font-size:9px}.chapter-list>a,.locked-chapter{gap:15px;padding:19px 5px}.chapter-num{font-size:29px;min-width:30px}.chapter-list strong{font-size:12px;line-height:1.5}.chapter-list small{font-size:8px}.chapter-list .icon{width:17px;height:17px}.ad-slot{min-height:105px;margin:30px 0;padding:25px 15px}.ad-slot small{font-size:8px}.reader-shell{width:calc(100% - 36px)}.reader-top{flex-direction:column;align-items:start;gap:14px;padding:22px 0 18px}.reader-top>.text-link{font-size:10px}.reader-controls{gap:6px}.reader-controls button{padding:5px 12px;min-height:37px;font-size:11px}.reader-article{padding-top:37px}.chapter-heading{margin-bottom:35px}.chapter-heading .eyebrow{font-size:8px}.chapter-no{font-size:8px;margin:19px 0 12px}.chapter-heading h1{font-size:41px;line-height:1.14}.chapter-heading p{font-size:8px;margin-top:18px}.chapter-heading p span{margin:0 3px}.chapter-ornament{width:18px;margin-top:22px}.chapter-text{font-size:var(--reader-size,20px);line-height:1.9}.chapter-text>p:first-of-type:first-letter{font-size:3.7em;padding:8px 8px 0 0}.chapter-end{margin:40px 0 30px;padding:32px 22px}.chapter-end h2{font-size:33px;margin:15px 0 18px}.chapter-end .eyebrow{font-size:8px}.chapter-end>p{font-size:12px}.unlock-time{font-size:34px}.finish-btn{font-size:10px;padding:12px 14px;gap:7px;min-height:47px}.finish-btn .icon{width:16px}.end-actions{gap:16px}.end-actions .text-link{font-size:9px}.chapter-end .demo-explainer{font-size:8px}.reader-bottom{font-size:10px;padding:20px 0 35px}.library-habit{gap:20px;padding:24px 18px;align-items:start}.habit-score{min-width:65px}.habit-score strong{font-size:55px}.habit-score>.icon{width:26px;height:26px}.habit-score span{font-size:9px}.library-habit h2{font-size:25px;line-height:1.2}.library-habit .eyebrow{font-size:7px}.library-habit p{font-size:10px}.week-dots{gap:5px;margin-top:16px}.week-dots span{width:22px;height:22px;font-size:8px}.page-library .story-grid{grid-template-columns:1fr}.empty-state{padding:35px 20px}.empty-state h3{font-size:25px}.empty-state p{font-size:11px}.empty-state .btn{font-size:11px}.privacy-note{font-size:9px;line-height:1.8}.narrow-page{padding-bottom:45px}.coming-banner{padding:17px 14px;gap:10px;flex-wrap:wrap;font-size:11px}.coming-banner>svg{width:20px;height:20px}.coming-banner .pill{font-size:8px;margin-left:30px}.large-copy{font-size:15px}.narrow-page .section>h2{font-size:32px}.steps{grid-template-columns:1fr;gap:25px;margin:27px 0}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding-top:20px}.steps article>span{grid-row:1/3;font-size:29px}.steps h3{font-size:25px;margin:4px 0 12px}.steps p{font-size:12px}.info-box{padding:24px 20px;margin:27px 0}.info-box h3{font-size:25px}.info-box p{font-size:11px}.info-box .btn{font-size:10px}.narrow-page .section>p{font-size:12px}.sponsor-showcase .sponsor{margin:0}.about-mark{gap:16px;min-height:150px;padding:25px;font-size:24px}.about-mark>svg{width:45px;height:45px}.prose h2{font-size:29px;margin-bottom:16px}.prose p{font-size:13px;line-height:1.9;margin-bottom:22px}.prose p+h2{margin-top:33px}.page-about .narrow-page>.btn{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:53px}.hero .hero-actions{gap:13px}.hero .btn{font-size:9px;padding:12px}.hero-art{height:320px}.hero .text-link{font-size:8px}.card-body h3{font-size:25px}.theme-mini{padding:11px}.mini-heading{font-size:23px}.hero-footnote{font-size:8px}.site-header nav{gap:10px;font-size:9px}.preview-inner b{font-size:6px}.week-dots{gap:3px}.week-dots span{width:20px;height:20px}.reader-controls button{padding:5px 10px}.finish-btn{font-size:9px}.cover-link{padding:26px 68px}.theme-card[data-preview=panel] .mini-heading{width:95px;font-size:22px}}
