.guide-welcome{background:hsl(var(--secondary) / .55)}.guide-primary{background:hsl(var(--primary));min-height:48px;color:hsl(var(--primary-foreground));border-radius:.6rem;justify-content:center;align-items:center;gap:.7rem;padding:.8rem 1.3rem;font-size:.9rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.guide-primary:hover{background:hsl(var(--primary) / .9);transform:translateY(-2px)}.guide-text-link{min-height:36px;color:hsl(var(--primary));align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.guide-welcome .guide-text-link{min-height:44px}.guide-text-link:hover{text-underline-offset:3px;text-decoration:underline}.guide-welcome-card{text-align:left;border:1px solid hsl(var(--border));background:hsl(var(--card));isolation:isolate;border-radius:.8rem;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:relative}.guide-welcome-note{z-index:1;flex:1;transition:transform .3s;position:relative}.guide-welcome-card .guide-portrait--large{width:72px;height:86px}.guide-welcome-card:hover .guide-welcome-note{transform:translateY(-4px)}.guide-portrait{background:#f4f0e8;border-radius:50%;flex-shrink:0;display:block;overflow:hidden;transform:translateZ(0)}.guide-portrait--small{width:52px;height:52px}.guide-portrait--large{border-radius:48% 48% 42% 42%;width:clamp(150px,17vw,235px);height:clamp(175px,20vw,265px)}.guide-portrait img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;transform-origin:50% 85%;width:100%;height:100%;animation:6s ease-in-out infinite guide-breathe}.guide-portrait--small img{-o-object-fit:cover;object-fit:cover;width:160%;max-width:none;height:160%;margin-left:-30%}button:hover>.guide-portrait img,button:focus-visible>.guide-portrait img{animation:.7s ease-in-out guide-hello}.guide-greeting:active .guide-portrait img{transform:rotate(-7deg)scale(1.04)}.guide-launcher{right:max(1rem, env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));z-index:45;position:fixed}body.bg-consent-open .guide-launcher{display:none}.guide-launch-button{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 5px 24px hsl(var(--foreground) / .12);border-radius:999px;align-items:center;gap:.65rem;padding:.35rem .75rem .35rem .35rem;transition:transform .2s,box-shadow .2s;display:flex}.guide-launch-button:hover{box-shadow:0 8px 28px hsl(var(--foreground) / .16);transform:translateY(-3px)}.guide-invitation{background:hsl(var(--card));border:1px solid hsl(var(--border));width:min(270px,100vw - 2rem);box-shadow:0 5px 24px hsl(var(--foreground) / .1);border-radius:1rem 1rem .25rem;margin:0;padding:1rem;animation:.3s ease-out guide-arrive;position:absolute;bottom:calc(100% + .7rem);right:0}.guide-dismiss{width:32px;height:32px;color:hsl(var(--muted-foreground));border-radius:50%;place-items:center;display:grid;position:absolute;top:.35rem;right:.35rem}.guide-dismiss:hover{background:hsl(var(--secondary))}.guide-overlay{z-index:300;backdrop-filter:blur(3px);background:#1f181466;animation:.2s ease-out guide-fade;position:fixed;inset:0}.guide-panel{z-index:301;background:hsl(var(--background));width:min(560px,100vw - 32px);max-height:min(840px,100dvh - 40px);color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:1.25rem;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 90px #1f181433}.guide-panel-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--secondary) / .6);flex-shrink:0;align-items:center;gap:.8rem;padding:1rem 1.25rem;display:flex}.guide-greeting{border-radius:50%;flex-shrink:0}.guide-icon-button{width:36px;height:36px;color:hsl(var(--muted-foreground));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.guide-icon-button:hover{background:hsl(var(--border));color:hsl(var(--foreground))}.guide-panel-body{overscroll-behavior:contain;padding:1.5rem;overflow-y:auto}.guide-question{outline:none;font-family:DM Serif Display,serif;font-size:1.75rem;font-weight:400;line-height:1.18}.guide-step-dot{background:hsl(var(--primary));border-radius:50%;width:7px;height:7px}.guide-step-content{animation:.25s ease-out guide-arrive}.guide-option{text-align:left;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.8rem;align-items:center;gap:.8rem;width:100%;min-height:64px;padding:.95rem 1rem;font-size:.9rem;transition:border-color .18s,background .18s,transform .18s;display:flex}.guide-option:hover{border-color:hsl(var(--primary) / .45);background:hsl(var(--secondary) / .5);transform:translate(3px)}.guide-option-icon{background:hsl(var(--secondary));width:40px;height:40px;color:hsl(var(--primary));border-radius:.65rem;place-items:center;display:grid}.guide-result{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.85rem;align-items:flex-start;gap:.9rem;padding:1.2rem;transition:border-color .2s,transform .2s;display:flex}.guide-result:hover{border-color:hsl(var(--primary));transform:translateY(-2px)}.guide-result-number{width:25px;height:25px;color:hsl(var(--primary));background:hsl(var(--primary) / .07);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1.2rem;font-size:.75rem;font-weight:600;display:grid}.guide-jorn-tip{background:hsl(var(--forest) / .06);border:1px solid hsl(var(--forest) / .13);border-radius:.9rem;padding:1rem}.guide-jorn-tip .guide-portrait img{animation:.7s ease-out guide-nod,7s ease-in-out 1s infinite guide-breathe}.guide-welcome button:focus-visible,.guide-welcome a:focus-visible,.guide-launcher button:focus-visible,.guide-panel button:focus-visible,.guide-panel a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.guide-still *,.guide-still :before,.guide-still :after{transition:none!important;animation:none!important}@keyframes guide-breathe{0%,to{transform:translateY(1px)rotate(-.5deg)scale(1.015)}50%{transform:translateY(-2px)rotate(.6deg)scale(1.03)}}@keyframes guide-hello{0%,to{transform:rotate(0)scale(1.02)}30%{transform:rotate(-3deg)scale(1.05)}65%{transform:rotate(2deg)scale(1.03)}}@keyframes guide-nod{0%,to{transform:translateY(0)}40%{transform:translateY(4px)rotate(2deg)}}@keyframes guide-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes guide-fade{0%{opacity:0}to{opacity:1}}@media (width<=1023px){.guide-welcome-card{display:none}}@media (width<=767px){.guide-portrait--large{width:145px;height:168px}}@media (width<=480px){.guide-panel{border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:calc(100dvh - 12px);top:auto;bottom:0;left:0;transform:none}.guide-panel-body{padding:1.2rem 1rem max(1.2rem, env(safe-area-inset-bottom))}.guide-panel-header{gap:.6rem;padding:.8rem 1rem}.guide-launch-button{padding:.25rem .6rem .25rem .25rem}.guide-launch-button .guide-portrait{width:42px;height:42px}.guide-question{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){[class*=guide-] *,[class*=guide-]{transition:none!important;animation:none!important}}