.guide{z-index:300;pointer-events:none;align-items:flex-end;gap:4px;font-family:inherit;display:flex;position:fixed;bottom:18px;right:20px}.guide.is-left{flex-direction:row-reverse;left:20px;right:auto}body:has([data-slot=dialog-content][data-open]) .guide:not(.is-touring){display:none}body:has([data-slot=sheet-content][data-open]) .guide{display:none}.guide.is-dragging{opacity:.35}.guide.is-dragging,.guide.is-dragging *{pointer-events:none}.guide-bubble{color:#111827;pointer-events:auto;background:#fff;border:1px solid #2563eb38;border-radius:18px;width:340px;margin-bottom:64px;padding:14px 16px 16px;font-size:15px;line-height:1.45;animation:.28s ease-out both guide-bubble-in;position:relative;box-shadow:0 18px 44px #0f172a3d,0 2px 6px #0f172a1f}.guide-bubble:after{content:"";background:#fff;border-top:1px solid #2563eb38;border-right:1px solid #2563eb38;width:18px;height:18px;position:absolute;bottom:30px;right:-9px;transform:rotate(45deg)}.guide.is-left .guide-bubble:after{left:-9px;right:auto;transform:rotate(-135deg)}.guide-head{align-items:center;gap:6px;margin-bottom:4px;display:flex}.guide-name{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;flex:1;font-size:12px;font-weight:800}.guide-icon{color:#1118278c;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:26px;height:26px;display:inline-grid}.guide-icon:hover{color:#111827;background:#2563eb14}.guide-text{margin:0}.guide-note{background:#2563eb14;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:14px}.guide-code{color:#1d4ed8;letter-spacing:.06em;border:1px dashed #2563eb;border-radius:6px;margin-left:2px;padding:0 6px;font-weight:800;display:inline-block}.guide-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.guide-button{color:#1d4ed8;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.guide-button:hover{background:#2563eb14}.guide-button.is-primary{color:#fff;background:#2563eb}.guide-button.is-primary:hover{background:#1d4ed8}.guide-button.is-quiet{color:#11182799;background:0 0;border-color:#0000;font-weight:600}.guide-button.is-quiet:hover{color:#111827}.guide-button:disabled{cursor:progress;opacity:.6}.guide button:focus-visible,.guide a:focus-visible,.guide-revive:focus-visible{outline-offset:3px;outline:2px solid #2563eb}.guide-figure{pointer-events:auto;line-height:0;animation:.6s cubic-bezier(.34,1.56,.64,1) both guide-pip-in;display:block;position:relative}.guide-pip-button{cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0;line-height:0;display:block}.guide-pip-button:hover .pip{transform:translateY(-3px)}.guide-mini-close{z-index:1;color:#111827;cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #0f172a2e;border-radius:999px;place-items:center;width:22px;height:22px;display:inline-grid;position:absolute;top:2px;left:-4px;box-shadow:0 2px 6px #0f172a2e}.guide-mini-close:hover{color:#fff;background:#2563eb}.guide-ring{z-index:299;pointer-events:none;border-radius:12px;animation:1.15s ease-out infinite guide-pulse;position:fixed;box-shadow:0 0 0 3px #2563eb,0 0 #2563eb8c}.guide-revive{color:inherit;font:inherit;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid #2563eb59;border-radius:999px;align-items:center;gap:6px;margin-left:12px;padding:2px 10px 2px 4px;font-size:13px;line-height:1;display:inline-flex}.guide-revive:hover{border-color:#2563eb}.guide-revive .pip{width:26px;height:32px}.pip{transition:transform .2s;display:block;overflow:visible}.pip-shadow{fill:#0f172a;opacity:.16;transform-origin:70px 162px;animation:3.2s ease-in-out infinite pip-shadow}.pip-float{animation:3.2s ease-in-out infinite pip-float}.pip-body{transform-origin:70px 80px;transform:rotate(-5deg)}.pip-eyes{transform-origin:70px 72px;animation:5.2s infinite pip-blink}.pip-sheen{opacity:.6;animation:5s ease-in-out infinite pip-sheen}.pip-spark{transform-origin:112px 22px;animation:2.6s ease-in-out infinite pip-spark}.pip-arm{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.pip-arm-right{transform-origin:107px 80px}.pip-arm-left{transform-origin:33px 82px}.pip-dead-eyes,.pip-open-mouth,.pip-sad-mouth,.pip-puddle,.pip-halo{opacity:0}.pip.is-talking .pip-smile{animation:1.92s linear forwards pip-smile-back}.pip.is-talking .pip-open-mouth{transform-origin:70px 89px;animation:.32s ease-in-out 6 alternate pip-talk,1.92s linear forwards pip-mouth}.pip.is-wave .pip-arm-right{animation:.9s ease-in-out 2 pip-wave}.pip.is-point .pip-arm-right{transform:rotate(var(--pip-arm-right))}.pip.is-point.points-left .pip-arm-right{transform:none}.pip.is-point.points-left .pip-arm-left{transform:rotate(var(--pip-arm-left))}.pip.is-melt .pip-float,.pip.is-melt .pip-shadow,.pip.is-melt .pip-eyes,.pip.is-melt .pip-spark{animation:none}.pip.is-melt .pip-eyes,.pip.is-melt .pip-smile,.pip.is-melt .pip-open-mouth,.pip.is-melt .pip-spark{opacity:0}.pip.is-melt .pip-dead-eyes,.pip.is-melt .pip-sad-mouth{opacity:1}.pip.is-melt .pip-body{transform-origin:70px 132px;animation:1.5s ease-in .35s forwards pip-melt}.pip.is-melt .pip-arm{transition:none;animation:.5s ease-in .2s forwards pip-droop}.pip.is-melt .pip-puddle{transform-origin:70px 158px;animation:1.6s ease-out .55s forwards pip-puddle}.pip.is-melt .pip-shadow{opacity:0}.pip.is-melt .pip-halo{animation:1.4s ease-out 1.2s forwards pip-halo}.guide.is-dying .guide-figure{animation:.5s ease-in 2.3s forwards guide-fade-out}@keyframes pip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pip-shadow{0%,to{opacity:.16;transform:scale(1)}50%{opacity:.1;transform:scale(.84)}}@keyframes pip-blink{0%,91%,97%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}@keyframes pip-sheen{0%,55%{transform:translate(-70px)}85%,to{transform:translate(80px)}}@keyframes pip-spark{0%,to{opacity:.7;transform:scale(.75)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}@keyframes pip-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes pip-mouth{0%,99%{opacity:1}to{opacity:0}}@keyframes pip-smile-back{0%,99%{opacity:0}to{opacity:1}}@keyframes pip-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-22deg)}75%{transform:rotate(14deg)}}@keyframes pip-droop{to{transform:rotate(0)translateY(16px)scaleY(.6)}}@keyframes pip-melt{0%{transform:rotate(-5deg)}20%{transform:rotate(0)scale(1.05,.93)}55%{transform:rotate(0)scale(1.22,.5)}85%{opacity:1;transform:rotate(0)scale(1.4,.14)}to{opacity:0;transform:rotate(0)scale(1.5,.04)}}@keyframes pip-puddle{0%{opacity:0;transform:scale(0,.4)}35%{opacity:1}70%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scaleX(1.05)}}@keyframes pip-halo{0%{opacity:0;transform:translateY(110px)}25%{opacity:1}to{opacity:0;transform:translateY(40px)}}@keyframes guide-pulse{0%{box-shadow:0 0 0 3px #2563eb,0 0 #2563eb8c}to{box-shadow:0 0 0 3px #2563eb,0 0 0 18px #2563eb00}}@keyframes guide-bubble-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes guide-pip-in{0%{transform:translateY(150%)}to{transform:none}}@keyframes guide-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.guide-bubble,.guide-figure,.guide-ring,.pip-float,.pip-shadow,.pip-eyes,.pip-sheen,.pip-spark,.pip.is-talking .pip-open-mouth,.pip.is-talking .pip-smile,.pip.is-wave .pip-arm-right{animation:none}.pip-arm,.pip{transition:none}.pip.is-melt .pip-body,.pip.is-melt .pip-arm,.pip.is-melt .pip-puddle,.pip.is-melt .pip-halo{animation:none}.guide.is-dying .guide-figure{animation:.3s ease-in forwards guide-fade-out}}@media print{.guide,.guide-ring,.guide-revive{display:none!important}}
