.guide-root{z-index:9990;pointer-events:none;position:fixed;inset:0}.guide-frame{pointer-events:none;border:2px solid #d9a520;border-radius:12px;transition:top .18s,left .18s,width .18s,height .18s,opacity .18s;animation:.7s ease-out guide-frame-in;position:fixed;box-shadow:0 0 0 4px #d9a52038,0 0 22px 6px #d9a52073,0 0 0 200vmax #0a0c1047}.guide-frame.is-leaving{opacity:0}@keyframes guide-frame-in{0%{opacity:0;transform:scale(1.06)}55%{opacity:1;transform:scale(.99);box-shadow:0 0 0 7px #d9a52059,0 0 30px 10px #d9a52099,0 0 0 200vmax #0a0c1047}to{transform:scale(1)}}.guide-card{pointer-events:auto;box-sizing:border-box;color:#1d1a12;background:#fffaf0;border:2px solid #d9a520;border-radius:14px;width:340px;max-width:calc(100vw - 24px);padding:14px 16px 12px;font-size:14px;line-height:1.45;transition:opacity .18s,top .18s,left .18s;animation:.2s ease-out guide-card-in;position:fixed;box-shadow:0 18px 40px #14100447,0 0 0 4px #ffd66659}.guide-card.is-measuring{visibility:hidden;top:0;left:0}.guide-card.is-leaving{opacity:0}.guide-card.is-sheet{width:auto;max-width:none;padding:16px 18px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;animation:.22s ease-out guide-sheet-in;inset:auto 0 0}@keyframes guide-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes guide-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.guide-arrow{background:#fffaf0;border:2px solid #d9a520;width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.guide-arrow.is-below{border-bottom:0;border-right:0;top:-9px}.guide-arrow.is-above{border-top:0;border-left:0;bottom:-9px}.guide-card-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.guide-icon{color:#5c4300;background:#ffd666;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.guide-icon svg{width:15px;height:15px}.guide-counter{letter-spacing:.02em;color:#8a6510;text-transform:uppercase;font-size:12px;font-weight:700}.guide-close{color:#6b5a2e;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;display:inline-flex}.guide-close:hover{background:#f6e7c1}.guide-close svg{width:16px;height:16px}.guide-title{color:#1d1a12;margin:0 0 4px;font-size:16px;font-weight:800}.guide-text{color:#3a3324;margin:0}.guide-actions{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;display:flex}.guide-skip{color:#1d1a12;background:#d9a520;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.guide-skip:hover{background:#c8951a}.guide-off{color:#6b5a2e;background:0 0;padding:4px 0;font-size:12px;text-decoration:underline}.guide-card button:focus-visible{outline-offset:2px;outline:2px solid #1d1a12}.guide-toast{pointer-events:auto;color:#fff;background:#1f2a24;border-radius:12px;padding:10px 16px;font-size:14px;animation:.2s ease-out guide-card-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.guide-toast strong{color:#ffd666;margin-right:4px}.guide-frame.is-success{border-color:#1f9d55;animation:none;box-shadow:0 0 0 4px #1f9d5538,0 0 22px 6px #1f9d5573,0 0 0 200vmax #0a0c1047}.guide-card.is-success{background:#f0fbf4;border-color:#1f9d55;box-shadow:0 18px 40px #04140a3d,0 0 0 4px #78d6a059}.guide-card.is-success .guide-icon{color:#0f5c31;background:#bdebd0}.guide-card.is-success .guide-close{color:#2f5a40}.guide-card.is-success .guide-close:hover{background:#d3f1df}@media (prefers-reduced-motion:reduce){.guide-frame,.guide-card,.guide-toast{transition:none;animation:none}}.guide-switch{color:#fff;text-align:left;background:#0b161bbb;border:1px solid #ffffff25;border-radius:10px;align-items:center;gap:8px;width:100%;margin-top:9px;padding:6px 8px;font-size:11px;line-height:1.25;display:flex}.guide-switch-track{background:#ffffff40;border-radius:999px;flex:none;width:28px;height:16px;transition:background .15s;position:relative}.guide-switch-track:after{content:"";background:#fff;border-radius:999px;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.guide-switch[aria-checked=true] .guide-switch-track{background:#d9a520}.guide-switch[aria-checked=true] .guide-switch-track:after{transform:translate(12px)}:is(.guide-switch:focus-visible,.guide-again:focus-visible){outline-offset:3px;outline:2px solid #f5a547}.guide-again{color:#fffc;text-align:left;background:0 0;margin-top:5px;padding:2px 4px;font-size:11px;text-decoration:underline;display:block}.app-width-shell[data-sidebar-collapsed=true] .guide-switch-label,.app-width-shell[data-sidebar-collapsed=true] .guide-again{display:none}.app-width-shell[data-sidebar-collapsed=true] .guide-switch{justify-content:center}.guide-settings{background:var(--surface-elevated,#fff);border:1px solid var(--border-subtle,#e6e1d6);border-radius:18px;margin-top:20px;padding:18px 20px}.guide-settings h2{margin:0 0 4px;font-size:18px;font-weight:700}.guide-settings p{color:var(--ink-muted,#6b6b6b);margin:0 0 12px;font-size:14px}.guide-settings .guide-switch{background:#1f2a24;border-color:#1f2a24;max-width:420px;padding:10px 12px;font-size:14px}.guide-settings ul{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.guide-settings li{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.guide-settings li button,.guide-settings .guide-reset-all{border:1px solid var(--border-subtle,#d9d3c4);background:0 0;border-radius:8px;padding:4px 10px;font-size:13px}.guide-settings .guide-reset-all{margin-top:12px}
