body:has(.app-ui) .privacy-choice-footer{display:none}:is(html:has(.app-ui),body:has(.app-ui)){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}.app-ui{--app-page-padding:1.5rem;--app-card-radius:.5rem;--app-card-padding:1rem;--app-grid-gap:.75rem;--app-page-heading:1.375rem;--app-body-size:.8125rem;--app-meta-size:.75rem;font-size:var(--app-body-size);font-variant-numeric:tabular-nums;color:hsl(var(--foreground));background:hsl(var(--background));line-height:1.5}body:has(.app-ui){--app-page-padding:1.5rem;--app-card-radius:.5rem;--app-card-padding:1rem;--app-grid-gap:.75rem;--app-page-heading:1.375rem;--app-body-size:.8125rem;--app-meta-size:.75rem;font-size:var(--app-body-size);font-variant-numeric:tabular-nums;color:hsl(var(--foreground));background:hsl(var(--background));line-height:1.5}.app-ui .shell-topbar{background:hsl(var(--topbar-bg));border-bottom:1px solid hsl(var(--border))}.app-ui .app-panel{box-shadow:none}.app-ui .shell-canvas{overscroll-behavior:none;container-type:inline-size}.dashboard-overview-grid,.dashboard-analysis-grid{grid-template-columns:minmax(0,1fr)}@container (min-width:34rem){.dashboard-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:64rem){.dashboard-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-analysis-grid>.dashboard-span-2{grid-column:span 2}}.app-page{width:100%;padding:var(--app-page-padding,1.25rem)}.app-page-heading{font-size:var(--app-page-heading,1.375rem);letter-spacing:-.02em;font-weight:600;line-height:1.25}.compact-card{--card-padding:var(--app-card-padding,1rem);--card-title-size:.8125rem;--card-title-leading:1.35}@media (max-width:639px){.app-ui{--app-page-padding:.875rem;--app-grid-gap:.75rem;--app-page-heading:1.375rem}body:has(.app-ui) :is(input,textarea,select){font-size:1rem}body:has(.app-ui) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select){min-height:44px}}@media (prefers-reduced-motion:reduce){body:has(.app-ui) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(.app-ui) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:has(.app-ui) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.story-library-grid{grid-template-columns:repeat(auto-fit,minmax(max(min(100%,20.5rem),33.3333% - .5rem),1fr))}.schedule-event-grid{grid-template-columns:minmax(0,1fr)}@container (min-width:42rem){.schedule-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:76rem){.schedule-event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.story-suggestions>summary::-webkit-details-marker{display:none}.practice-split,.question-gallery,.design-step-nav,.coding-example-grid{grid-template-columns:minmax(0,1fr)}.practice-brief,.practice-pane{container-type:inline-size}.practice-workspace :is(textarea,input,button){scroll-margin-block:1rem 14rem}@media (prefers-reduced-motion:no-preference){.practice-workspace-enter{animation:.26s ease-out practice-workspace-enter}}@keyframes practice-workspace-enter{0%{opacity:0}to{opacity:1}}@container (min-width:26rem){.design-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:36rem){.question-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:48rem){.coding-example-grid{grid-template-columns:minmax(0,.7fr) repeat(2,minmax(0,1fr)) auto}}@container (min-width:60rem){.question-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-split{grid-template-columns:minmax(19rem,22rem) minmax(0,1fr)}.practice-brief{overscroll-behavior:contain;max-height:calc(100dvh - 11rem);position:sticky;top:1rem;overflow-y:auto}}@container (min-width:96rem){.practice-split{grid-template-columns:26rem minmax(0,1fr)}}.app-panel.app-elevated{box-shadow:0 1px 2px hsl(var(--shadow-soft)), 0 12px 32px -12px hsl(var(--shadow-soft))}.app-icon-frame{border:1px solid hsl(var(--border));background:hsl(var(--surface-2));color:hsl(var(--muted-foreground))}.app-icon-frame:not(.rounded-full){border-radius:calc(var(--radius) - 2px)}.app-icon-frame>svg{color:inherit}