:root{--c-blue:#195da5;--c-blue-deep:#0e2d5c;--c-pink:#b6668c;--c-cream:#efeee7;--c-text:#887e7a;--c-text-strong:#000;--c-white:#fff;--g-brand:linear-gradient(319deg,#b6668c 0%,#195da5 40%);--r-card:16px;--r-pill:99px;--f:"DM Sans",system-ui,sans-serif;--s-float:0 30px 60px -30px #0e2d5c8c, 0 8px 24px -12px #0e2d5c40}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{font-family:var(--f);background:var(--c-blue-deep);color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}.scene{z-index:0;pointer-events:none;background:radial-gradient(ellipse 900px 600px at 12% -10%, #195da58c, transparent 60%), radial-gradient(ellipse 700px 500px at 95% 110%, #b6668c59, transparent 60%), var(--g-brand);position:fixed;inset:0}.scene:after{content:"";opacity:.25;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.22 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");position:absolute;inset:0}.app{z-index:1;color:#fff;grid-template-rows:auto 1fr;gap:32px;width:100vw;height:100vh;padding:32px 48px 40px;display:grid;position:relative}.stage{flex-direction:column;gap:40px;min-height:0;display:flex}::view-transition-group(*){animation-duration:.52s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}