.howto{position:relative;height:34px;padding:0 14px 0 11px;flex:none;border:1.5px solid var(--accent);border-radius:999px;background:#ea580c1f;color:#fdba74;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.howto:hover{background:#ea580c38}:root[data-theme=light] .howto{background:#c2410c14;color:var(--accent)}:root[data-theme=light] .howto:hover{background:#c2410c29}.howto svg{flex:none}.howto-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:999px;background:var(--accent);animation:howto-pulse 1.6s infinite}@keyframes howto-pulse{0%{box-shadow:0 0 #ea580cb3}70%{box-shadow:0 0 0 8px #ea580c00}to{box-shadow:0 0 #ea580c00}}@media(max-width:560px){.howto{width:34px;padding:0;justify-content:center}.howto-text{display:none}}.gwelcome{position:absolute;z-index:40;width:min(330px,calc(100vw - 24px));padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface);color:var(--text);border:1.5px solid var(--accent);border-radius:14px;box-shadow:0 18px 44px #00000080}.gw-arrow{position:absolute;top:-8px;width:14px;height:14px;background:var(--surface);border-left:1.5px solid var(--accent);border-top:1.5px solid var(--accent);transform:rotate(45deg)}.gw-title{font-size:20px}.gw-text{margin:0;font-size:13px;line-height:1.5}.gw-acts{display:flex;gap:8px}.gw-acts .btn{height:38px;padding:0 14px;border-radius:9px;font-size:14px}.gw-note{margin:0;font-size:12px;color:var(--muted)}.g-block{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.g-ring{position:fixed;z-index:61;pointer-events:none;border:2px solid var(--accent);border-radius:12px;box-shadow:0 0 0 200vmax #0c0a09b8}.g-ring.none{border:none}.g-bubble{position:fixed;z-index:62;width:min(320px,calc(100vw - 24px));padding:16px;display:flex;flex-direction:column;gap:8px;background:#fffdf8;color:#1c1917;border-radius:14px;box-shadow:0 18px 44px #0000008c}.guide.moving .g-ring{transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}.guide.moving .g-bubble{transition:left .25s ease,top .25s ease}.g-live{display:flex;flex-direction:column;gap:8px}.g-count{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#c2410c}.g-title{font-size:20px;line-height:1.2;color:#1c1917}.g-text{margin:0;font-size:14px;line-height:1.5;color:#44403c}.g-acts{display:flex;align-items:center;gap:8px;margin-top:4px}.g-space{flex:1}.g-skip{padding:4px 0;border:none;background:transparent;color:#78716c;font:inherit;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.g-skip:hover{color:#1c1917}.g-back,.g-next{height:36px;border-radius:9px;font:inherit;font-size:14px;cursor:pointer}.g-back{padding:0 12px;border:1px solid #d6d0c4;background:#fff;color:#1c1917;font-weight:500}.g-back:hover{background:#f3efe6}.g-next{min-width:72px;padding:0 16px;border:none;background:#c2410c;color:#fff;font-weight:600}.g-next:hover{background:#9a3412}.g-bubble button:focus-visible{outline:2px solid #c2410c;outline-offset:2px}.g-bubble.nudge{animation:g-nudge .35s ease}@keyframes g-nudge{0%,to{transform:scale(1)}40%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.howto-dot,.g-bubble.nudge{animation:none}.guide.moving .g-ring,.guide.moving .g-bubble{transition:none}}