.guide-root{--guide-green-900:#0b3d2e;--guide-green-600:#1f7a4d;--guide-green-500:#2f8f5f;--guide-surface:#fff;--guide-surface-tint:#f6f9f7;--guide-border:#dbe6df;--guide-text:#16241d;--guide-text-muted:#4b5f55;--guide-shadow:0 12px 32px #0b3d2e29;--guide-radius-lg:18px;--guide-radius-sm:10px;--guide-panel-w:clamp(340px, 30vw, 420px);--guide-side:24px;--guide-bottom:24px;--guide-x0:-18%;--guide-x1:52%;--guide-floor:var(--guide-floor-px,clamp(10px, 2vw, 26px));pointer-events:none}.guide-root--hero{z-index:3;position:absolute;inset:0}.guide-root--fixed{z-index:60;height:0;position:fixed;inset:auto 0 0}.guide-hero-stage{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.home-hero-walk{padding-bottom:clamp(120px,13vw,190px)}.guide-position-layer{left:var(--guide-x1);bottom:var(--guide-floor);pointer-events:none;will-change:left;position:absolute}.guide-root--fixed .guide-position-layer{left:auto;right:var(--guide-side);bottom:var(--guide-bottom);position:fixed;animation:none!important}.guide-travelling{animation-name:guide-walk-path,guide-walk-bob;animation-timing-function:linear;animation-fill-mode:both}@keyframes guide-walk-path{0%{left:var(--guide-x0)}5.97%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .035)}11.94%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .075)}17.9%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .12)}23.87%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .175)}29.44%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .233)}35.01%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .291)}40.58%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .349)}46.15%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .407)}51.72%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .466)}57.29%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .524)}62.86%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .582)}68.44%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .64)}74.01%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .698)}79.58%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .756)}85.15%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .82)}88.86%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .89)}92.57%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .94)}96.29%{left:calc(var(--guide-x0) + (var(--guide-x1) - var(--guide-x0)) * .98)}to{left:var(--guide-x1)}}@keyframes guide-walk-bob{0%,16.11%{transform:translateY(0)}21.48%{transform:translateY(-2px)}26.85%{transform:translateY(0)}32.21%{transform:translateY(-2px)}37.58%{transform:translateY(0)}42.95%{transform:translateY(-2px)}48.32%{transform:translateY(0)}53.69%{transform:translateY(-2px)}59.06%{transform:translateY(0)}64.43%{transform:translateY(-2px)}69.8%{transform:translateY(0)}75.17%{transform:translateY(-2px)}80.54%{transform:translateY(0)}85.91%{transform:translateY(-1px)}to{transform:translateY(0)}}.guide-frame-layer{pointer-events:none;position:relative}.guide-state-hidden .guide-frame-layer{opacity:0}.guide-character{cursor:pointer;pointer-events:auto;background:0 0;border:none;margin:0;padding:0;display:block;position:relative}.guide-state-entering .guide-frame-layer{animation:.5s ease-out both guide-fade-in}.guide-image{object-fit:contain;filter:drop-shadow(0 12px 10px #0b3d2e2e);border-radius:0;width:auto;height:clamp(225px,22vw,280px);display:block}.guide-tilt{transition:transform .22s ease-out;transform:rotate(-.4deg)}.guide-state-standing .guide-character-frame,.guide-state-speaking .guide-character-frame{animation:.35s ease-out both guide-fade-in}@keyframes guide-fade-in{0%{opacity:0}to{opacity:1}}.guide-character:after{content:"";background:radial-gradient(#0b3d2e38,#0b3d2e00 70%);border-radius:50%;height:12px;position:absolute;bottom:-6px;left:12%;right:12%}.guide-speech-bubble{pointer-events:auto;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:var(--guide-radius-sm);width:max-content;max-width:260px;box-shadow:var(--guide-shadow);color:var(--guide-text);padding:12px 26px 12px 14px;font-size:14px;line-height:1.45;animation:.45s ease-out both guide-bubble-in;position:absolute;bottom:calc(100% + 12px);left:62%;right:auto}@keyframes guide-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guide-bubble-cta{background:var(--guide-green-600);color:#fff;border-radius:var(--guide-radius-sm);cursor:pointer;border:none;margin-top:8px;padding:6px 12px;font-size:13px;display:block}.guide-bubble-close{color:var(--guide-text-muted);cursor:pointer;background:0 0;border:none;font-size:15px;line-height:1;position:absolute;top:4px;right:6px}.guide-panel{--guide-surface:#fff;--guide-surface-tint:#f6f9f7;--guide-border:#dbe6df;--guide-text:#16241d;--guide-text-muted:#4b5f55;--guide-green-600:#1f7a4d;--guide-green-500:#2f8f5f;--guide-green-900:#0b3d2e;--guide-shadow:0 12px 32px #0b3d2e29;--guide-radius-lg:18px;--guide-radius-sm:10px;--guide-side:24px;--guide-bottom:24px;right:var(--guide-side);bottom:var(--guide-bottom);z-index:60;pointer-events:auto;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:var(--guide-radius-lg);width:clamp(340px,30vw,420px);height:clamp(440px,64vh,600px);box-shadow:var(--guide-shadow);flex-direction:column;animation:.35s ease-out both guide-panel-in;display:flex;position:fixed;overflow:hidden}@keyframes guide-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.guide-panel-header{background:var(--guide-green-900);color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.guide-panel-header-title{align-items:center;gap:8px;display:flex}.guide-avatar-chip{object-fit:cover;object-position:top center;background:#fff;border-radius:50%;width:28px;height:28px;display:block}.guide-panel-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.guide-panel-body{overscroll-behavior:contain;background:var(--guide-surface-tint);flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.guide-msg p{color:var(--guide-text);text-align:left;margin:0;font-size:14px;line-height:1.55}.guide-msg-user{justify-content:flex-end;display:flex}.guide-msg-user p{background:var(--guide-green-600);color:#fff;border-radius:var(--guide-radius-sm);max-width:90%;padding:8px 12px;display:inline-block}.guide-msg-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.guide-msg-actions button{border:1px solid var(--guide-green-600);color:var(--guide-green-600);border-radius:var(--guide-radius-sm);cursor:pointer;background:#fff;padding:6px 10px;font-size:13px}.guide-msg-actions button:hover{background:var(--guide-surface-tint)}.guide-choices{flex-direction:column;gap:8px;display:flex}.guide-choice-card{border:1px solid var(--guide-border);border-radius:var(--guide-radius-sm);color:var(--guide-text);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.guide-choice-card:hover,.guide-choice-card:focus-visible{border-color:var(--guide-green-500);background:var(--guide-surface-tint)}.guide-freeform-hint{color:var(--guide-text-muted);text-align:left;margin:4px 0 0;font-size:12.5px}.guide-panel-input{border-top:1px solid var(--guide-border);background:var(--guide-surface);padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px;display:flex}.guide-panel-input input{border:1px solid var(--guide-border);border-radius:var(--guide-radius-sm);flex:1;min-width:0;padding:10px 12px;font-size:14px}.guide-panel-input button{background:var(--guide-green-600);color:#fff;border-radius:var(--guide-radius-sm);cursor:pointer;border:none;padding:0 16px;font-size:14px}.guide-launcher{cursor:pointer;z-index:60;background:#fff;border:2px solid #1f7a4d;border-radius:50%;width:56px;height:56px;padding:0;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 20px #0b3d2e2e}.guide-launcher img{object-fit:cover;object-position:top center;width:100%;height:100%}@media(max-width:1024px){.guide-image{height:clamp(225px,26vw,260px)}.guide-root{--guide-x1:47%}}@media(max-width:900px){.guide-panel{right:var(--guide-side);width:min(380px,calc(100vw - 2 * var(--guide-side)))}}@media(max-width:640px){.guide-root{--guide-side:12px;--guide-bottom:12px;--guide-x0:-34%;--guide-x1:52%}.guide-image{height:clamp(155px,38vw,185px)}.guide-speech-bubble{max-width:calc(100vw - 170px);padding:9px 22px 9px 11px;font-size:13px;line-height:1.4;bottom:calc(100% - 10px);left:-95%}.guide-bubble-cta{margin-top:6px;padding:5px 10px;font-size:12.5px}.home-hero-walk{padding-bottom:120px}.guide-state-open .guide-position-layer,.guide-state-panelOpening .guide-position-layer{display:none}.guide-panel{width:auto;height:min(78dvh,640px);left:12px;right:12px}}@media(prefers-reduced-motion:reduce){.guide-position-layer,.guide-character,.guide-panel,.guide-speech-bubble{animation:none!important}}