/* The selected Side Glance artwork is shared by the site and downloadable logos. */
.site-header{height:112px}
.brand-controls{display:flex;align-items:center;gap:20px;flex:none}
.brand-controls .brand-link{width:190px;flex:0 1 190px;max-width:none}
.brand-logo,.app-brand-logo{aspect-ratio:736/384}
.app-brand-logo{width:146px}
.app-top{min-height:80px;padding-bottom:10px}
.theme-art{mix-blend-mode:multiply}
.theme-dark{display:none!important}
:root[data-theme="dark"] .theme-light{display:none!important}
:root[data-theme="dark"] .theme-dark{display:block!important;mix-blend-mode:screen}
.character-art>img{width:min(288px,100%);aspect-ratio:3/4;max-height:384px}
.mascot-peek{border-radius:19px;aspect-ratio:1}
.site-footer .brand-link{width:164px;flex-basis:164px}
.site-footer{padding-block:15px 24px}
.theme-toggle{position:relative;display:block;flex:none;width:78px;height:44px;margin-top:34px;padding:0;border:1px solid var(--tone-dedede);border-radius:999px;background:var(--tone-fafafa);color:var(--tone-171717);transition:background .2s,border-color .2s}
.theme-toggle:hover{border-color:var(--tone-777)}
.theme-toggle-thumb{position:absolute;inset:4px auto auto 4px;width:34px;height:34px;border-radius:50%;background:var(--tone-171717);transition:transform .24s ease,background .2s}
.theme-toggle svg{position:absolute;top:11px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{left:11px;color:var(--tone-fff)}
.theme-moon{right:11px;color:var(--tone-616161)}
:root[data-theme="dark"] .theme-toggle-thumb{transform:translateX(34px)}
:root[data-theme="dark"] .theme-sun{color:var(--tone-616161)}
:root[data-theme="dark"] .theme-moon{color:var(--tone-fff)}
body,.site-header,.app-preview,.idea-art,.principles-strip,.lesson-card,.lessons-section,.quiz,.download-section,.floating-note,dialog{transition:background-color .24s ease,color .24s ease,border-color .24s ease}
@media(max-width:1100px){.brand-controls{gap:12px}.brand-controls .brand-link{width:168px;flex-basis:168px}.site-header nav{gap:20px;font-size:.8125rem}.header-inner{gap:18px}.theme-toggle{margin-top:30px}}
@media(max-width:780px){.site-header{height:100px}.brand-controls .brand-link{width:166px;flex-basis:166px}.header-inner{gap:12px}.site-footer .brand-link{width:150px;flex-basis:150px}.site-footer p{max-width:calc(100% - 164px)}}
@media(max-width:580px){.header-inner>.button{display:none}.header-inner{justify-content:center}.brand-controls{gap:20px}.brand-controls .brand-link{width:176px;flex-basis:176px}}
@media(max-width:370px){.brand-controls{gap:12px}.brand-controls .brand-link{width:164px;flex-basis:164px}}
@media(prefers-reduced-motion:reduce){body,.theme-toggle-thumb{transition:none}}