.app-shell{--shell-surface:var(--surface-1);--shell-border:var(--nav-border,color-mix(in srgb,var(--section-border,var(--surface-border)) 100%,transparent));--shell-horizon:var(--nav-separator,var(--nav-border,color-mix(in srgb,var(--section-border,#e5e5e5) 85%,transparent)));--shell-foreground:var(--xt-text-body,var(--warm-charcoal,var(--text-main)));--nav-foreground:var(--nav-text-color,var(--xt-text-heading,#292524));--nav-foreground-contrast:var(--nav-text-color-dark,var(--xt-text-heading,#fafaf9));--nav-surface:var(--nav-surface,var(--surface-2));--nav-shadow:var(--nav-shadow,0 18px 50px -26px color-mix(in srgb,rgba(12,10,9,.6) 70%,var(--brand-orange) 30%));--footer-background:var(--brand-midnight,#0c0a09);--nav-height:calc(88px + env(safe-area-inset-top));--nav-padding:calc(env(safe-area-inset-top) + 16px);--page-gutter:clamp(1rem,3vw,2rem);--icon-primary:var(--brand-orange,#f97316);--icon-secondary:color-mix(in srgb,var(--brand-orange,#f97316) 90%,transparent);--icon-muted:color-mix(in srgb,var(--brand-orange,#f97316) 72%,transparent);--icon-success:var(--brand-orange,#f97316);--icon-warning:var(--brand-orange,#f97316);--icon-danger:var(--brand-orange,#f97316);--icon-info:var(--brand-orange,#f97316);min-height:100vh;width:100%;background:var(--surface-1);color:var(--shell-foreground)}.app-shell-nav-link{color:var(--nav-foreground)}.dark .app-shell-nav-link{color:var(--nav-foreground-contrast)}.app-shell-brand{color:var(--nav-foreground)}.dark .app-shell-brand{color:var(--nav-foreground-contrast)}.app-shell-nav-link:hover{color:var(--xt-text-heading);background:color-mix(in srgb,var(--brand-orange) 10%,transparent)}.app-shell-nav-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-orange)}.app-shell-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.5rem 1rem;min-height:2.75rem;min-width:9rem;background:color-mix(in srgb,var(--brand-orange) 16%,transparent);color:var(--brand-orange);font-weight:700;font-size:.9375rem;box-shadow:var(--xt-shadow-warm-orange,0 18px 50px -18px color-mix(in srgb,var(--brand-orange) 38%,transparent));transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.app-shell-cta:hover{background:color-mix(in srgb,var(--brand-orange) 24%,transparent);transform:translateY(-1px)}.app-shell-cta:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-orange),0 0 0 4px var(--surface-1)}.app-shell-menu-toggle{border:1px solid var(--shell-border);background:var(--nav-surface);color:var(--nav-foreground);box-shadow:var(--nav-shadow);transition:transform .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease}.app-shell-menu-toggle:hover{border-color:var(--brand-orange);color:var(--brand-orange)}.app-shell-menu-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-orange),0 0 0 4px var(--nav-surface)}.app-shell-main{padding-bottom:max(3rem,env(safe-area-inset-bottom));background:var(--brand-stone,#f5f5f4)}.dark .app-shell-main{background:var(--brand-midnight,#0c0a09)}.app-shell-actions{display:inline-flex;align-items:center;gap:.75rem}.theme-toggle-shell{background:var(--xt-surface-glass,hsla(0,0%,100%,.06));border:1px solid var(--xt-border-subtle,hsla(0,0%,100%,.16));color:var(--xt-text-heading,currentColor)}.app-shell-header{border-bottom:1px solid var(--shell-border);box-shadow:var(--nav-shadow);transition:background-color .3s ease,border-color .3s ease}.app-shell-header,.app-shell-mobile-menu{background:var(--nav-surface,var(--surface-2))}.app-shell-mobile-menu{border-top:1px solid var(--shell-border);color:var(--nav-foreground);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dark .app-shell-mobile-menu{color:var(--nav-foreground-contrast)}