.snuggii-guide{--guide-ink:var(--ink,#342b6a);--guide-pink:var(--brand-pink,#ff468f);--guide-surface:#fff7fa;position:fixed;inset-inline-end:16px;inset-block-end:calc(var(--guide-bottom,16px) + env(safe-area-inset-bottom,0px));z-index:45;color:var(--guide-ink);font-family:inherit;max-inline-size:calc(100vw - 32px)}
.snuggii-guide [hidden]{display:none!important}
.guide-launch{position:relative;display:flex;align-items:center;justify-content:center;inline-size:56px;block-size:70px;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;touch-action:manipulation;border-radius:18px}
.guide-mascot{position:relative;display:block;inline-size:100%;block-size:100%;transform-origin:50% 85%;filter:drop-shadow(0 4px 3px #342b6a18)}
.guide-pose{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;opacity:0;transition:opacity 250ms ease;pointer-events:none}
.guide-pose.is-current{opacity:1}
.guide-catch-heart{position:fixed;inline-size:28px;block-size:28px;z-index:46;fill:var(--brand-pink,#ff468f);stroke:#fff7fa;stroke-width:1.2;pointer-events:none;filter:drop-shadow(0 3px 5px #ff468f35);transform-origin:center;will-change:transform,opacity}
.guide-restore{display:none;font-size:12px;font-weight:600;white-space:nowrap}
.snuggii-guide.is-resting .guide-launch{inline-size:auto;block-size:44px;padding-inline:15px;background:var(--guide-surface);border:1px solid #342b6a40;border-radius:99px;box-shadow:0 4px 20px #342b6a0c}
.snuggii-guide.is-resting .guide-mascot{display:none}
.snuggii-guide.is-resting .guide-restore{display:inline}
.guide-panel{position:absolute;inset-inline-end:0;inset-block-end:calc(100% + 12px);inline-size:320px;max-inline-size:calc(100vw - 32px);max-block-size:max(60px,calc(100dvh - var(--guide-bottom,16px) - env(safe-area-inset-bottom,0px) - var(--guide-height,70px) - 28px));box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:var(--guide-surface);border:1px solid #342b6a30;border-radius:22px;padding:15px 18px 10px;box-shadow:0 12px 50px #342b6a1a;text-align:start;animation:guide-reveal 250ms ease both}
.guide-panel-top{display:flex;align-items:center;justify-content:space-between;gap:6px}
.guide-eyebrow{font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.guide-close{display:grid;place-items:center;flex-shrink:0;inline-size:44px;block-size:44px;margin-inline-end:-10px;padding:11px;border:0;border-radius:50%;background:transparent;color:var(--guide-ink);cursor:pointer}
.guide-close svg{inline-size:20px;block-size:20px}
.guide-panel h2{font-family:inherit!important;font-size:23px!important;font-weight:600;line-height:1.2!important;letter-spacing:-.035em!important;margin:8px 0 10px!important;color:var(--guide-ink)}
.guide-copy{font-size:13px;line-height:1.65;margin:0 0 18px;color:var(--guide-ink)}
.guide-actions{display:grid;gap:8px}
.guide-actions :is(a,button){display:flex;align-items:center;justify-content:space-between;gap:12px;inline-size:100%;min-block-size:46px;padding:11px 13px;border:1px solid #342b6a30;border-radius:12px;background:#fff;color:var(--guide-ink);font:inherit;font-size:13px;font-weight:550;text-align:start;text-decoration:none;cursor:pointer;box-sizing:border-box}
.guide-actions :is(a,button):first-child{background:var(--guide-ink);color:#fff;border-color:var(--guide-ink)}
.guide-actions svg{inline-size:17px;block-size:17px;flex-shrink:0}
.guide-actions :is(a,button):hover{border-color:var(--guide-pink)}
.guide-rest{display:block;margin:3px auto 0;min-block-size:44px;padding:8px 16px;border:0;background:transparent;color:var(--guide-ink);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.guide-action-note{font-size:12px;line-height:1.5;margin:10px 0 0}
.guide-action-note:empty{display:none}
.guide-bubble{position:absolute;inset-inline-end:0;inset-block-end:calc(100% + 10px);inline-size:205px;max-inline-size:calc(100vw - 32px);background:var(--guide-surface);border:1px solid #342b6a30;border-radius:16px 16px 4px 16px;padding:12px 15px;font-size:12px;line-height:1.5;box-shadow:0 6px 25px #342b6a10;pointer-events:none;animation:guide-reveal 250ms ease both}
.is-thanking .guide-bubble{inline-size:240px;padding:18px 20px;background:color-mix(in srgb,var(--guide-pink) 7%,var(--guide-surface));border-color:#ff468f65;animation:guide-thanks-pop 400ms cubic-bezier(.22,1,.36,1) both}
.guide-thanks-copy{position:relative;z-index:1;font-weight:600}
.guide-thanks-copy strong{display:block;margin-block-end:4px;font-size:22px;line-height:1.15;font-weight:600}.guide-thanks-copy>span{font-size:14px;font-weight:400}
.guide-thanks-bubbles{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.guide-thanks-bubbles i{position:absolute;inline-size:12px;block-size:12px;border:1px solid #ff468f60;border-radius:50%;inset-block-end:3px;inset-inline-start:12%;opacity:0;animation:guide-thanks-float 1500ms ease-out both}
.guide-thanks-bubbles i:nth-child(2){inline-size:7px;block-size:7px;inset-inline-start:70%;animation-delay:180ms}
.guide-thanks-bubbles i:nth-child(3){inline-size:17px;block-size:17px;inset-inline-start:88%;animation-delay:350ms}
@keyframes guide-thanks-pop{from{opacity:0;transform:translateY(5px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes guide-thanks-float{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:.8}100%{opacity:0;transform:translateY(-45px) scale(1.2)}}
.snuggii-guide :is(a,button):focus-visible{outline:3px solid var(--guide-pink);outline-offset:4px}
.guide-highlight{outline:3px solid var(--brand-pink,#ff468f)!important;outline-offset:7px;scroll-margin-block:24px}
.snuggii-guide.is-typing{visibility:hidden}
.snuggii-guide.is-reviewing-order{visibility:hidden}
@keyframes guide-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:701px){.snuggii-guide{--guide-height:86px}.guide-launch{inline-size:68px;block-size:86px}.guide-panel{padding:17px 22px 11px;inline-size:340px}.guide-panel h2{font-size:25px!important}.guide-copy{font-size:14px}}
@media(prefers-reduced-motion:reduce){.snuggii-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.snuggii-guide.is-obscured{visibility:hidden}

.snuggii-guide[data-motion=false] *{animation:none!important;transition:none!important}