.app-shell,.branding-preview{--workspace-gradient-image:radial-gradient(ellipse at 20% 28%, color-mix(in srgb, var(--spatial-light) 48%, transparent), transparent 32%), radial-gradient(ellipse at 96% 56%, color-mix(in srgb, var(--spatial-glow) 24%, transparent), transparent 40%), radial-gradient(ellipse at 86% 18%, color-mix(in srgb, var(--spatial-bloom) 34%, transparent), transparent 55%), linear-gradient(180deg, var(--spatial-depth) 0%, var(--spatial-tide) 29%, var(--spatial-mist) 58%, var(--spatial-canvas) 88%)}.app-shell{--color-text:var(--spatial-ink);--color-text-secondary:var(--spatial-muted);--app-canvas-base:var(--spatial-canvas)}.app-shell:before{content:"";z-index:-1;pointer-events:none;background:var(--workspace-gradient-image);position:fixed;inset:-6%}@media (width>=901px){.app-shell:before{background:radial-gradient(ellipse 160px 220px at 8% 30%, color-mix(in srgb, var(--spatial-light) 88%, transparent), transparent 90%), radial-gradient(ellipse 200px 260px at 8% 72%, color-mix(in srgb, var(--spatial-glow) 72%, var(--spatial-rail-base)), transparent 85%), var(--workspace-gradient-image)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-main{-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);background:linear-gradient(115deg,#ffffff5c,#fff3)}}@media (prefers-reduced-motion:no-preference){.app-shell:before{animation:28s ease-in-out infinite alternate workspace-ambient-drift}}@keyframes workspace-ambient-drift{0%{transform:scale(1.04)translate(-1.5%,-2%)}to{transform:scale(1.08)translate(1.5%,2%)}}@media (width<=900px){.mobile-header .workspace-brand__logo{object-position:left center;width:136px;height:40px}.app-main{border-radius:20px;min-height:calc(100dvh - 80px);margin:0 12px 12px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.app-shell:before{background:var(--app-canvas-base);animation:none}.app-main{background:var(--spatial-surface);-webkit-backdrop-filter:none}}