.onboarding-guide-module__RpTwEW__overlay{z-index:50;background:color-mix(in oklab, var(--foreground) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;inset:0}.onboarding-guide-module__RpTwEW__panel{z-index:50;border:1px solid color-mix(in oklab, var(--brand-400) 42%, var(--border));border-radius:calc(var(--radius) + .75rem);background:var(--card);width:min(68rem,100vw - 2rem);max-height:min(48rem,100dvh - 2rem);box-shadow:var(--shadow-2xl), 0 0 0 1px color-mix(in oklab, var(--brand-500) 14%, transparent);outline:none;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.onboarding-guide-module__RpTwEW__panel[data-state=open]{animation:onboarding-guide-module__RpTwEW__guide-panel-in .42s var(--ease-out-expo) both}.onboarding-guide-module__RpTwEW__panel[data-state=closed]{animation:.18s ease-in both onboarding-guide-module__RpTwEW__guide-panel-out}.onboarding-guide-module__RpTwEW__layout{grid-template-columns:minmax(16rem,.82fr) minmax(0,1.18fr);min-height:36rem;display:grid}.onboarding-guide-module__RpTwEW__stage{background:radial-gradient(circle at 20% 18%, color-mix(in oklab, var(--brand-300) 42%, transparent), transparent 30%), linear-gradient(145deg, var(--brand-800), var(--brand-700));min-width:0;color:var(--primary-foreground);flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3vw,2rem);display:flex;position:relative;overflow:hidden}.onboarding-guide-module__RpTwEW__stage:before,.onboarding-guide-module__RpTwEW__stage:after{pointer-events:none;content:"";position:absolute}.onboarding-guide-module__RpTwEW__stage:before{border:1px solid color-mix(in oklab, var(--brand-100) 22%, transparent);width:22rem;height:22rem;box-shadow:0 0 0 2rem color-mix(in oklab, var(--brand-100) 6%, transparent), 0 0 0 5rem color-mix(in oklab, var(--brand-100) 4%, transparent);border-radius:50%;top:-10rem;right:-7rem}.onboarding-guide-module__RpTwEW__stage:after{border:1px solid color-mix(in oklab, var(--brand-100) 24%, transparent);width:5rem;height:5rem;bottom:11%;right:12%;transform:rotate(18deg)}.onboarding-guide-module__RpTwEW__stageGrid{opacity:.28;background-image:linear-gradient(color-mix(in oklab, var(--brand-100) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--brand-100) 14%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(to bottom, var(--foreground), transparent 78%);mask-image:linear-gradient(to bottom, var(--foreground), transparent 78%);background-size:2.25rem 2.25rem;position:absolute;inset:0}.onboarding-guide-module__RpTwEW__stageHeader,.onboarding-guide-module__RpTwEW__stageFooter,.onboarding-guide-module__RpTwEW__mascotStage{z-index:1;position:relative}.onboarding-guide-module__RpTwEW__stageHeader,.onboarding-guide-module__RpTwEW__stageFooter{justify-content:space-between;align-items:center;gap:1rem;display:flex}.onboarding-guide-module__RpTwEW__stageBrand,.onboarding-guide-module__RpTwEW__stageStatus,.onboarding-guide-module__RpTwEW__stageFooterLabel{letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:700}.onboarding-guide-module__RpTwEW__stageBrand{opacity:.74}.onboarding-guide-module__RpTwEW__stageStatus{color:var(--brand-100);align-items:center;gap:.4rem;display:inline-flex}.onboarding-guide-module__RpTwEW__statusDot,.onboarding-guide-module__RpTwEW__narrationPulse{background:var(--brand-400);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.onboarding-guide-module__RpTwEW__statusDot{background:var(--brand-200);width:.42rem;height:.42rem;box-shadow:0 0 0 .25rem color-mix(in oklab, var(--brand-100) 15%, transparent)}.onboarding-guide-module__RpTwEW__mascotStage{place-items:center;min-height:23rem;display:grid}.onboarding-guide-module__RpTwEW__mascotGlow{background:color-mix(in oklab, var(--brand-200) 35%, transparent);filter:blur(2px);border-radius:50%;width:14rem;height:5rem;position:absolute;bottom:2.5rem}.onboarding-guide-module__RpTwEW__mascot{width:13rem;height:15rem;animation:4.8s ease-in-out infinite onboarding-guide-module__RpTwEW__mascot-float;position:relative}.onboarding-guide-module__RpTwEW__mascotBody{z-index:1;border:.48rem solid var(--foreground);background:var(--card);width:9.75rem;height:7.7rem;box-shadow:.55rem .65rem 0 color-mix(in oklab, var(--foreground) 26%, transparent), inset 0 -.4rem 0 var(--brand-200);border-radius:2.75rem 2.75rem 2.15rem 2.15rem;position:absolute;top:3.25rem;left:50%;transform:translate(-50%)rotate(-3deg)}.onboarding-guide-module__RpTwEW__mascotFace{border:.18rem solid color-mix(in oklab, var(--brand-600) 30%, var(--border));background:color-mix(in oklab, var(--brand-100) 72%, var(--card));color:var(--brand-700);border-radius:1.7rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:1.35rem 1.15rem 1.15rem}.onboarding-guide-module__RpTwEW__mascotEyes{gap:1.35rem;display:flex;position:absolute;top:2.05rem}.onboarding-guide-module__RpTwEW__mascotEyes span{background:var(--foreground);border-radius:50%;width:.65rem;height:.82rem;animation:4.8s ease-in-out infinite onboarding-guide-module__RpTwEW__mascot-blink}.onboarding-guide-module__RpTwEW__mascotSmile{border-bottom:.22rem solid var(--foreground);border-radius:0 0 1rem 1rem;width:1.55rem;height:.65rem;position:absolute;bottom:1.15rem}.onboarding-guide-module__RpTwEW__mascotAntenna{z-index:2;background:var(--foreground);transform-origin:bottom;border-radius:999px;width:.3rem;height:2.3rem;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)rotate(7deg)}.onboarding-guide-module__RpTwEW__mascotAntenna:after{border:.25rem solid var(--foreground);background:var(--brand-400);content:"";border-radius:50%;width:1rem;height:1rem;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)}.onboarding-guide-module__RpTwEW__mascotBody:before,.onboarding-guide-module__RpTwEW__mascotBody:after{z-index:2;border:.36rem solid var(--foreground);background:var(--brand-500);content:"";border-radius:999px;width:2.8rem;height:1.15rem;position:absolute;top:3.5rem}.onboarding-guide-module__RpTwEW__mascotBody:before{left:-2.55rem;transform:rotate(20deg)}.onboarding-guide-module__RpTwEW__mascotBody:after{right:-2.55rem;transform:rotate(-20deg)}.onboarding-guide-module__RpTwEW__mascotTool{z-index:3;border:.36rem solid var(--foreground);background:var(--mascot-tool-color,var(--brand-500));width:3.25rem;height:3.25rem;color:var(--primary-foreground);box-shadow:.3rem .35rem 0 color-mix(in oklab, var(--foreground) 22%, transparent);animation:onboarding-guide-module__RpTwEW__tool-pop 3.2s var(--ease-spring) infinite;border-radius:1.1rem;place-items:center;display:grid;position:absolute;bottom:1.75rem;right:.35rem;transform:rotate(10deg)}.onboarding-guide-module__RpTwEW__mascotToolIcon{width:1.45rem;height:1.45rem}.onboarding-guide-module__RpTwEW__mascot:before,.onboarding-guide-module__RpTwEW__mascot:after{z-index:0;background:var(--foreground);content:"";border-radius:1rem 1rem .65rem .65rem;width:2.55rem;height:1.35rem;position:absolute;bottom:.8rem}.onboarding-guide-module__RpTwEW__mascot:before{left:2.65rem;transform:rotate(5deg)}.onboarding-guide-module__RpTwEW__mascot:after{right:2.65rem;transform:rotate(-5deg)}.onboarding-guide-module__RpTwEW__mascotScan{--mascot-tool-color:var(--brand-400)}.onboarding-guide-module__RpTwEW__mascotMaterials{--mascot-tool-color:var(--brand-600)}.onboarding-guide-module__RpTwEW__mascotDeals{--mascot-tool-color:var(--brand-300);animation-name:onboarding-guide-module__RpTwEW__mascot-drift}.onboarding-guide-module__RpTwEW__mascotHowTo{--mascot-tool-color:var(--brand-500)}.onboarding-guide-module__RpTwEW__stageFooter{align-items:flex-end}.onboarding-guide-module__RpTwEW__stageFooterLabel{color:var(--brand-200);opacity:.78;margin-bottom:.35rem;display:block}.onboarding-guide-module__RpTwEW__stageFooter strong{max-width:12rem;font-family:var(--font-display);text-align:right;font-size:1rem;line-height:1.2;display:block}.onboarding-guide-module__RpTwEW__captionIcon{border:1px solid color-mix(in oklab, var(--brand-300) 72%, var(--border));border-radius:calc(var(--radius) + .35rem);background:color-mix(in oklab, var(--brand-100) 72%, var(--card));color:var(--brand-700);box-shadow:var(--shadow-sm)}.onboarding-guide-module__RpTwEW__narrationPulse{box-shadow:0 0 0 .25rem color-mix(in oklab, var(--brand-500) 14%, transparent)}.onboarding-guide-module__RpTwEW__nextAction{border-color:color-mix(in oklab, var(--brand-400) 45%, var(--border));color:var(--foreground)}.onboarding-guide-module__RpTwEW__nextAction:hover{border-color:var(--brand-500);background:color-mix(in oklab, var(--brand-100) 55%, var(--card))}.onboarding-guide-module__RpTwEW__closeButton{z-index:2;border:1px solid var(--border);background:color-mix(in oklab, var(--card) 80%, transparent);width:2.25rem;height:2.25rem;color:var(--muted-foreground);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .18s,color .18s,transform .18s;display:grid;position:absolute;top:1rem;right:1rem}.onboarding-guide-module__RpTwEW__closeButton:hover{background:var(--accent);color:var(--foreground);transform:rotate(6deg)}.onboarding-guide-module__RpTwEW__closeButton:focus-visible,.onboarding-guide-module__RpTwEW__nextAction:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.onboarding-guide-module__RpTwEW__closeButton svg{width:1rem;height:1rem}@keyframes onboarding-guide-module__RpTwEW__guide-panel-in{0%{opacity:0;transform:translate(-50%,calc(1.2rem - 50%))scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes onboarding-guide-module__RpTwEW__guide-panel-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,calc(.5rem - 50%))scale(.985)}}@keyframes onboarding-guide-module__RpTwEW__mascot-float{0%,to{opacity:.95;transform:translateY(0)rotate(-1deg)}50%{opacity:1;transform:translateY(-.65rem)rotate(1deg)}}@keyframes onboarding-guide-module__RpTwEW__mascot-drift{0%,to{transform:translate(0)rotate(-1deg)}50%{transform:translate(.75rem,-.45rem)rotate(3deg)}}@keyframes onboarding-guide-module__RpTwEW__tool-pop{0%,to{transform:rotate(10deg)translateY(0)}50%{transform:rotate(2deg)translateY(-.45rem)}}@keyframes onboarding-guide-module__RpTwEW__mascot-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}@media (max-width:48rem){.onboarding-guide-module__RpTwEW__panel{border-radius:calc(var(--radius) + .5rem);width:min(42rem,100vw - 1rem);max-height:calc(100dvh - 1rem)}.onboarding-guide-module__RpTwEW__layout{grid-template-columns:1fr;min-height:0}.onboarding-guide-module__RpTwEW__stage{min-height:18rem;padding:1.1rem 1.25rem}.onboarding-guide-module__RpTwEW__mascotStage{min-height:11rem}.onboarding-guide-module__RpTwEW__stageFooter strong{max-width:15rem}}@media (prefers-reduced-motion:reduce){.onboarding-guide-module__RpTwEW__overlay,.onboarding-guide-module__RpTwEW__panel[data-state=open],.onboarding-guide-module__RpTwEW__panel[data-state=closed],.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__mascot,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__mascotGlow,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__mascotEyes span,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__mascotTool,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__statusDot,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__progressSegment,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__closeButton,.onboarding-guide-module__RpTwEW__panel .onboarding-guide-module__RpTwEW__nextAction{transition:none;animation:none}}