.app-shell{flex:1;display:flex;justify-content:center;padding-block:var(--page-padding-block);padding-inline:var(--page-padding-inline);background:var( --chakra-colors-canvas, var(--chakra-colors-bg, #f8fafc) )}.app-shell__container{width:100%;max-width:var(--page-max-width);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.25rem)}.app-shell__header{display:flex;align-items:center;gap:1rem;justify-content:space-between}.app-shell__brand{font-size:clamp(1.15rem,1.5vw + 1rem,1.75rem);font-weight:700;color:var(--chakra-colors-fg, #1a202c)}.app-shell__color-toggle{margin-inline-start:auto}.app-shell__main{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);width:100%}@media(max-width:640px){.app-shell{padding-block:clamp(1.25rem,6vw,2rem);padding-inline:clamp(1rem,6vw,1.5rem)}.app-shell__header{gap:.75rem}}