@layer reader-base,reader-tone,reader-overrides;html:not(.native-app-shell)[data-reader-surface='home'] body{background:var(--rb-page-bg-strong,var(--rb-page-bg))} html:not(.native-app-shell)[data-reader-surface='home'] .reader-undo-toast__action{min-width:44px} html:not(.native-app-shell) #readerHome{--sky:color-mix(in srgb,var(--rb-page-bg) 88%,var(--rb-page-accent));--sun:color-mix(in srgb,var(--rb-page-bg) 48%,var(--rb-page-accent));--far:color-mix(in srgb,var(--rb-page-bg) 62%,var(--rb-page-accent));--near:color-mix(in srgb,var(--rb-page-bg) 70%,var(--rb-page-muted));--detail:color-mix(in srgb,var(--rb-page-bg) 36%,var(--rb-page-accent));--water:var(--rb-page-bg);--rb-home-card-shadow:0 1px 2px rgba(var(--rb-page-accent-rgb),.04),0 16px 40px -24px rgba(var(--rb-page-accent-rgb),.3);width:min(100%,1120px);min-height:100dvh;margin-inline:auto;padding:calc(var(--rb-home-header-height,max(60px,3.75rem)) + 1.5rem) 2rem calc(3rem + var(--rb-safe-bottom,0px));color:var(--rb-page-text);font:400 .9375rem/1.5 var(--rb-font-ui);overflow-wrap:normal;word-break:normal;hyphens:none} html:not(.native-app-shell) #readerHome[hidden],html:not(.native-app-shell) #readerHome [hidden]{display:none !important} html:not(.native-app-shell) #readerHome :is(h1,h2,h3,p,blockquote,ol,ul){margin:0} html:not(.native-app-shell) #readerHome :is(a,button){color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent} html:not(.native-app-shell) #readerHome :is(a,button):focus-visible{outline:2px solid var(--rb-page-accent);outline-offset:4px} html:not(.native-app-shell) #readerHome .reader-home-greeting{padding:2.25rem 0 1.75rem} html:not(.native-app-shell) #readerHome :is(.reader-home-eyebrow,.reader-home-section-title){color:var(--rb-page-muted);font:600 .71875rem/1.5 var(--rb-font-ui);letter-spacing:.12em;text-transform:uppercase} html:not(.native-app-shell) #readerHome .reader-home-greeting .reader-home-eyebrow,html:not(.native-app-shell) #readerHome #homeContinuePosition{color:var(--rb-page-accent)} html:not(.native-app-shell) #readerHome #homeTitle{max-width:22ch;margin-top:.625rem;font:600 3rem/1.12 var(--rb-font-display)} html:not(.native-app-shell) #readerHome .reader-home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:1.25rem} html:not(.native-app-shell) #readerHome .reader-home-grid>*{min-width:0} html:not(.native-app-shell) #readerHome :is(.reader-home-card,.reader-home-loading,.reader-home-continue,.reader-home-tile){border-radius:1.25rem;background:var(--rb-page-bg);box-shadow:var(--rb-home-card-shadow)} html:not(.native-app-shell) #readerHome .reader-home-card{padding:1.375rem 1.5rem} html:not(.native-app-shell) #readerHome .reader-home-section-title{margin-bottom:.875rem} html:not(.native-app-shell) #readerHome .reader-home-loading{grid-column:1/-1;min-height:26rem;padding:2rem;color:var(--rb-page-muted)} html:not(.native-app-shell) #readerHome .reader-home-loading-lines{display:grid;gap:1rem;margin-top:4rem;max-width:34rem} html:not(.native-app-shell) #readerHome .reader-home-loading-lines span{height:.75rem;border-radius:.375rem;background:var(--rb-page-soft-surface)} html:not(.native-app-shell) #readerHome .reader-home-loading-lines span:last-child{width:65%} html:not(.native-app-shell) #readerHome .reader-home-continue{position:relative;isolation:isolate;grid-column:1;grid-row:1/span 2;align-self:stretch;display:flex;flex-direction:column;min-height:25rem;padding:1.875rem 2rem 1.625rem;border-radius:1.5rem;transition:transform var(--rb-motion-base,200ms) var(--rb-motion-ease-standard,ease),box-shadow var(--rb-motion-base,200ms) ease} html:not(.native-app-shell) #readerHome .reader-home-continue>span:not(.reader-home-continue__scene){position:relative} html:not(.native-app-shell) #readerHome :is(.reader-home-continue__scene,.reader-home-tile__scene){position:absolute;z-index:-1;inset:0 0 auto;aspect-ratio:412/140;overflow:hidden;border-radius:inherit;opacity:.38;pointer-events:none;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)} html:not(.native-app-shell) #readerHome :is(.reader-home-continue__scene,.reader-home-tile__scene) svg{display:block;width:100%;height:100%} html:not(.native-app-shell) #readerHome #homeContinuePosition{margin-top:4rem} html:not(.native-app-shell) #readerHome .reader-home-continue__title{margin-top:.625rem;font:700 clamp(2.75rem,2.25rem + 2vw,4rem)/1.06 var(--rb-font-display);overflow-wrap:anywhere} html:not(.native-app-shell) #readerHome .reader-home-continue__story{min-height:1.35em;margin-top:.375rem;font:italic 400 1.375rem/1.35 var(--rb-font-reader)} html:not(.native-app-shell) #readerHome .reader-home-continue__quote{min-height:6.2em;margin:1.375rem 0 1.5rem;font:400 calc(1.3125rem * var(--rb-home-text-scale,1))/1.55 var(--rb-applied-reader-font,var(--rb-font-reader));text-wrap:pretty} html:not(.native-app-shell) #readerHome .reader-home-continue__progress{display:block;flex:0 0 3px;min-height:3px;margin-top:auto;overflow:hidden;border-radius:2px;background:var(--rb-page-border)} html:not(.native-app-shell) #readerHome #homeContinueProgressBar{display:block;height:100%;width:0;background:var(--rb-page-accent)} html:not(.native-app-shell) #readerHome .reader-home-continue__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.875rem} html:not(.native-app-shell) #readerHome .reader-home-meta{color:var(--rb-page-muted);font:400 .875rem/1.5 var(--rb-font-ui)} html:not(.native-app-shell) #readerHome :is(.reader-home-continue__action,.reader-home-button,.reader-home-library){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:44px;min-height:44px;max-width:100%;padding:.625rem 1rem;border-radius:1.5rem;font:600 .875rem/1.4 var(--rb-font-ui);text-align:center;transition:color var(--rb-motion-fast,160ms) ease,background-color var(--rb-motion-fast,160ms) ease} html:not(.native-app-shell) #readerHome .reader-home-continue__action{padding-inline:1.25rem;background:var(--rb-page-text);color:var(--rb-page-bg)} html:not(.native-app-shell) #readerHome .reader-home-button{background:var(--rb-page-soft-surface)} html:not(.native-app-shell) #readerHome .reader-home-button--quiet{background:transparent;box-shadow:inset 0 0 0 1px var(--rb-page-border)} html:not(.native-app-shell) #readerHome .reader-home-button:is(:hover,:focus-visible){background:var(--rb-page-highlight)} html:not(.native-app-shell) #readerHome :is(button:disabled,a[aria-disabled='true']){opacity:.55;cursor:default} html:not(.native-app-shell) #readerHome :is(.reader-home-continue__action,.reader-home-button,.reader-home-library) svg{flex:0 0 18px;width:18px;height:18px} html:not(.native-app-shell) #readerHome .reader-home-daily{grid-column:2;grid-row:1} html:not(.native-app-shell) #readerHome .reader-home-daily__quote{min-height:4.5em;margin:.875rem 0 .625rem;font:400 calc(1.4375rem * var(--rb-home-text-scale,1))/1.5 var(--rb-applied-reader-font,var(--rb-font-reader));text-wrap:pretty} html:not(.native-app-shell) #readerHome .reader-home-daily__story-slot{min-height:1.65rem} html:not(.native-app-shell) #readerHome .reader-home-reference{font:500 .8125rem/1.5 var(--rb-font-ui)} html:not(.native-app-shell) #readerHome #homeDailyTranslation:not(:empty)::before{content:' · '} html:not(.native-app-shell) #readerHome .reader-home-story{margin-top:.25rem;color:var(--rb-page-muted);font:italic 400 1rem/1.4 var(--rb-font-reader)} html:not(.native-app-shell) #readerHome .reader-home-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem} html:not(.native-app-shell) #readerHome .reader-home-status{margin-top:.875rem;color:var(--rb-page-muted);font-size:.875rem} html:not(.native-app-shell) #readerHome #homeDailyRetryBtn{margin-top:.75rem} html:not(.native-app-shell) #readerHome .reader-home-plan{grid-column:2;grid-row:2} html:not(.native-app-shell) #readerHome .reader-home-card-title{margin:.625rem 0 .25rem;font:600 1.375rem/1.25 var(--rb-font-display)} html:not(.native-app-shell) #readerHome .reader-home-plan-days{list-style:none;display:flex;flex-wrap:wrap;gap:.375rem;padding:0;margin-top:.875rem} html:not(.native-app-shell) #readerHome .reader-home-plan-days li{min-width:0;padding:.625rem .75rem;border-radius:.75rem;background:var(--rb-page-soft-surface);color:var(--rb-page-muted);font-size:.875rem} html:not(.native-app-shell) #readerHome #homePlanOpenBtn{margin-top:.875rem} html:not(.native-app-shell) #readerHome .reader-home-starts{grid-column:1;grid-row:1/span 2} html:not(.native-app-shell) #readerHome .reader-home-recent{grid-column:1;grid-row:3;margin-top:.75rem} html:not(.native-app-shell) #readerHome .reader-home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.875rem} html:not(.native-app-shell) #readerHome .reader-home-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:44px;padding:5.25rem 1.125rem 1.125rem;transition:transform var(--rb-motion-base,200ms) var(--rb-motion-ease-standard,ease)} html:not(.native-app-shell) #readerHome .reader-home-tile__title{font:700 1.5rem/1.15 var(--rb-font-display)} html:not(.native-app-shell) #readerHome .reader-home-tile__story{min-height:1.3em;margin-top:.125rem;font:italic 400 1.0625rem/1.3 var(--rb-font-reader)} html:not(.native-app-shell) #readerHome .reader-home-tile__meta{min-height:1.5em;margin-top:.625rem;color:var(--rb-page-muted);font:400 .78125rem/1.5 var(--rb-font-ui)} html:not(.native-app-shell) #readerHome .reader-home-start-list{grid-template-columns:1fr} html:not(.native-app-shell) #readerHome .reader-home-start-list .reader-home-tile{justify-content:center;min-height:7.5rem;padding:1.375rem 1.375rem 1.25rem 46%} html:not(.native-app-shell) #readerHome .reader-home-start-list .reader-home-tile__scene{inset:0 auto 0 0;width:42%;height:100%;aspect-ratio:auto;-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)} html:not(.native-app-shell) #readerHome .reader-home-library{justify-content:flex-start;margin-top:.5rem;padding-inline:0;color:var(--rb-page-muted)} html:not(.native-app-shell) #readerHome .reader-home-saved{grid-column:2;grid-row:3;align-self:end;margin-top:.75rem} html:not(.native-app-shell) #readerHome .reader-home-saved-list{list-style:none;padding:0} html:not(.native-app-shell) #readerHome .reader-home-saved-list button{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;width:100%;min-height:48px;padding-block:.75rem;border-bottom:1px solid var(--rb-page-border);font:500 .9375rem/1.4 var(--rb-font-ui);text-align:start} html:not(.native-app-shell) #readerHome .reader-home-saved-list li:last-child button{border-bottom:0} html:not(.native-app-shell) #readerHome .reader-home-saved-list svg{flex:0 0 18px;width:18px;height:18px;color:var(--rb-page-accent)} html:not(.native-app-shell) #readerHome .reader-home-saved-count{margin-inline-start:auto;color:var(--rb-page-muted);font-size:.875rem} html:not(.native-app-shell) #readerHome .reader-home-highlight-mark{flex:0 0 18px;width:18px;height:12px;border-radius:3px;background:color-mix(in srgb,var(--rb-page-accent) 26%,var(--rb-page-bg))} html:not(.native-app-shell) #readerHome .reader-home-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--rb-page-border);color:var(--rb-page-muted);font-size:.8125rem} html:not(.native-app-shell) #readerHome[data-state='loading'] .reader-home-footer{visibility:hidden} html:not(.native-app-shell) #readerHome .reader-home-footer>span{flex:1 1 8rem} html:not(.native-app-shell) #readerHome .reader-home-footer :is(a,button){display:inline-flex;align-items:center;min-width:44px;min-height:44px;padding-block:.5rem} @media (hover:hover) and (pointer:fine){html:not(.native-app-shell) #readerHome :is(.reader-home-continue,.reader-home-tile):hover{transform:translateY(-2px)}} @media (max-width:1023px){html:not(.native-app-shell) #readerHome #homeTitle{font-size:2.25rem} html:not(.native-app-shell) #readerHome .reader-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))} html:not(.native-app-shell) #readerHome :is(.reader-home-continue,.reader-home-starts){grid-column:1/-1;grid-row:1} html:not(.native-app-shell) #readerHome .reader-home-continue{min-height:22.5rem} html:not(.native-app-shell) #readerHome :is(.reader-home-daily,.reader-home-plan){grid-row:2;grid-column:auto} html:not(.native-app-shell) #readerHome .reader-home-recent{grid-column:1/-1;grid-row:3} html:not(.native-app-shell) #readerHome .reader-home-saved{grid-column:1/-1;grid-row:4;margin-top:0}} @media (max-width:720px){html:not(.native-app-shell) #readerHome{padding:calc(var(--rb-home-header-height,max(56px,3.5rem)) + .25rem) max(16px,var(--rb-safe-right,0px)) calc(1.5rem + var(--rb-safe-bottom,0px)) max(16px,var(--rb-safe-left,0px))} html:not(.native-app-shell) #readerHome #homeTitle{font-size:2rem} html:not(.native-app-shell) #readerHome .reader-home-greeting{padding:1.25rem .25rem 1.125rem} html:not(.native-app-shell) #readerHome .reader-home-grid{grid-template-columns:minmax(0,1fr);gap:.875rem} html:not(.native-app-shell) #readerHome .reader-home-grid>*{grid-column:1;grid-row:auto} html:not(.native-app-shell) #readerHome .reader-home-continue{min-height:0;padding:24px 22px 20px;border-radius:1.25rem} html:not(.native-app-shell) #readerHome #homeContinuePosition{margin-top:2.25rem} html:not(.native-app-shell) #readerHome .reader-home-continue__quote{min-height:0;margin-top:.875rem;margin-bottom:0;font-size:calc(1.125rem * var(--rb-home-text-scale,1))} html:not(.native-app-shell) #readerHome .reader-home-continue__progress{margin-top:1.25rem} html:not(.native-app-shell) #readerHome .reader-home-continue__action{width:100%} html:not(.native-app-shell) #readerHome .reader-home-card{padding:18px 20px} html:not(.native-app-shell) #readerHome .reader-home-daily__quote{font-size:calc(1.25rem * var(--rb-home-text-scale,1))} html:not(.native-app-shell) #readerHome .reader-home-recent .reader-home-tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(min(100%,16rem),72%);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:.25rem;margin:-.25rem;padding:.25rem .25rem .75rem} html:not(.native-app-shell) #readerHome .reader-home-recent .reader-home-tile{scroll-snap-align:start} html:not(.native-app-shell) #readerHome .reader-home-start-list .reader-home-tile{min-height:6.5rem;padding:1.125rem 1.125rem 1.125rem 40%}} @container (max-width:32rem){html:not(.native-app-shell) #readerHome .reader-home-grid{grid-template-columns:minmax(0,1fr)} html:not(.native-app-shell) #readerHome .reader-home-grid>*{grid-column:1;grid-row:auto}} @container (max-width:20rem){html:not(.native-app-shell) #readerHome .reader-home-card-actions>*,html:not(.native-app-shell) #readerHome .reader-home-continue__action{max-width:100%} html:not(.native-app-shell) #readerHome .reader-home-start-list .reader-home-tile{padding-inline-start:1.125rem;padding-top:5.25rem} html:not(.native-app-shell) #readerHome .reader-home-start-list .reader-home-tile__scene{inset:0 0 auto;width:100%;height:auto;aspect-ratio:412/140;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}} @media (prefers-reduced-motion:reduce){html:not(.native-app-shell) #readerHome :is(.reader-home-continue,.reader-home-tile,.reader-home-button,.reader-home-library){transition:none;transform:none}} @media (min-width:721px) and (max-width:1023px){html:not(.native-app-shell) #readerHome[data-state='first'] .reader-home-daily{grid-column:1/-1;grid-row:1} html:not(.native-app-shell) #readerHome[data-state='first'] .reader-home-starts{grid-row:2}}