html{--ui-body:clamp(.9375rem, .88rem + .25vw, 1.0625rem);--ui-label:clamp(.875rem, .82rem + .22vw, 1rem);--ui-meta:clamp(.75rem, .71rem + .18vw, .875rem);--ui-title:clamp(1.5rem, 1.25rem + 1vw, 2rem);--ui-section:clamp(1.125rem, 1rem + .5vw, 1.5rem);--ui-icon:clamp(1.375rem, 1.25rem + .4vw, 1.625rem);--ui-gutter:clamp(12px, 2.5vw, 28px);font-size:100%}html body .app-content.cover-app:not(.app-content-immersive){font-size:var(--ui-body);line-height:1.65}html body .cover-app :is(.cover-page-title,.cover-heading h1,.cover-settings-title,.family-top h1,.cover-centered-title){font-size:var(--ui-title);line-height:1.4}html body .cover-app :is(.cover-section-title h2,.family-panel h2,.cover-children-title,.cover-family-overview>h2,.cover-children-overview h2,.creation-title){font-size:var(--ui-section);line-height:1.5}html body .cover-app :is(.cover-heading p,.family-top p,.family-panel p,.cover-guide-list p,.cover-profile-note p,.cover-settings-description,.cover-family-overview p,.cover-guide-intro>p,.cover-child-after>p,.cover-child-launch p){font-size:var(--ui-body);line-height:1.85}html body .cover-app :is(.cover-setting-row>strong,.cover-setting-row summary>strong,.cover-home-meta h2,.cover-children strong,.cover-ready,.cover-resume strong,.cover-library-toggle,.cover-wallet-history,.cover-section-title a){font-size:var(--ui-label);line-height:1.6}html body .cover-app :is(.cover-setting-row>span,.cover-setting-row summary>span,.cover-pack-details,.cover-leaders small,.cover-resume p,.cover-steps>div,.cover-child-awards small){font-size:var(--ui-meta);line-height:1.65}html body .cover-app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:max(1rem, var(--ui-body));min-height:48px;line-height:1.6}html body .cover-app button:not(:where(.cover-dock-item,[role=switch],[role=checkbox],[role=radio],.reader-v3-surface *,.book-jacket *)){min-width:44px;min-height:44px;font-size:var(--ui-label);line-height:1.5}html body .cover-app :is(.cover-icon,.cover-home-shortcut,.cover-balance,.cover-section-title>a,.cover-wallet-history,.cover-primary-link,.cover-secondary-link){justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}html body .cover-app :is(.cover-icon,.cover-home-shortcut,.cover-create-options,.family-primary,.cover-primary-link,.cover-secondary-link) svg{width:var(--ui-icon);height:var(--ui-icon);flex-shrink:0}html body .cover-app .cover-create-options{gap:12px;margin-block:16px}html body .cover-app .cover-create-options a{min-height:76px;font-size:var(--ui-body);gap:7px;padding:12px 8px}html body .cover-app .cover-logo{width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px)}html body .cover-app .cover-header{min-height:clamp(88px,11vw,112px)}html body .cover-app .cover-children{justify-content:safe center;gap:clamp(10px,2vw,20px)}html body .cover-app .cover-children>button>span{width:clamp(60px,9vw,80px);height:clamp(60px,9vw,80px)}html body .cover-app .cover-children>button{flex-shrink:0;min-width:76px}html body .cover-app .cover-feature-copy h1{font-size:clamp(19px,1rem + 1vw,28px);line-height:1.45}html body .cover-app .cover-feature-story-label{font-size:var(--ui-meta);line-height:1.5}html body .cover-app .cover-feature-story-title{font-size:var(--ui-label);line-height:1.5}html body .cover-app .cover-home .cover-feature{height:clamp(360px,78vw,440px)}html body .cover-app .cover-dock{width:min(100% - 24px,560px)}html[data-sky] body .app-content.cover-app .cover-dock-item{gap:5px;min-height:64px;padding:6px 2px;font-size:clamp(.6875rem,.63rem + .2vw,.8125rem);line-height:1.35}html body .cover-app .cover-dock-item svg{flex-shrink:0;width:24px;height:24px}html body .cover-app .cover-dock-item span{overflow-wrap:normal;max-width:100%}html body .cover-app:has(.cover-dock) main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}html body .cover-app .cover-page,html body .cover-app .cover-creation{padding-inline:var(--ui-gutter)}@media (width>=700px){html body .cover-app :is(.cover-page,.cover-creation,.family-trial,.cover-route-header){width:min(92vw,800px);max-width:800px;margin-inline:auto}html body .cover-app .cover-home .cover-feature{height:clamp(380px,52vw,470px)}}@media (width>=700px) and (orientation:landscape){html body .cover-app:has(.cover-dock) :is(.cover-page,main,.cover-route-header){width:min(100% - 128px,800px);max-width:800px;margin-right:calc(112px + env(safe-area-inset-right));margin-left:auto;padding-bottom:32px}html body .cover-app .cover-dock{width:96px;height:min(400px,100dvh - 24px)}html[data-sky] body .app-content.cover-app .cover-dock-item{height:100%;min-height:44px;font-size:.75rem}html body .cover-app .cover-dock-create-menu{min-width:210px}}@media (width<=359px){html body .cover-app .cover-dock{width:calc(100% - 12px);inset-inline:6px}html[data-sky] body .app-content.cover-app .cover-dock-item{font-size:.6875rem}html body .cover-app .cover-library-shelf{padding-inline:8px}html body .cover-app .cover-library-shelf .cover-book-rail{gap:18px 10px;padding-inline:5px}}@media (width<=599px){html body .cover-app .cover-home .cover-feature{height:auto;padding-bottom:clamp(230px,65vw,320px)}html body .cover-app .cover-home .cover-feature-copy{width:100%;padding-inline:8px;position:relative;inset:auto}html body .cover-app .cover-home .cover-feature-copy h1{width:fit-content;max-width:100%;margin-inline-start:auto}html body .cover-app .cover-home .cover-feature-stage{max-height:clamp(230px,65vw,320px)}html body .cover-app .cover-home .cover-feature-hero{width:50%;height:clamp(160px,43vw,210px);bottom:42px}html body .cover-app .cover-home .cover-feature-book{width:clamp(92px,25%,126px);bottom:30px}}@media (orientation:landscape) and (height<=480px){html body .cover-app .cover-header{min-height:76px}html body .cover-app .cover-logo{width:60px;height:60px}}
