/* 처음 오는 분을 위한 안내(말풍선 + 강조 테두리). 색은 테마 변수를 쓴다. */
.guide-ring{position:fixed;z-index:9500;pointer-events:none;border:3px solid var(--accent,#7fd1c7);border-radius:14px;box-shadow:0 0 0 9999px rgba(42,58,107,.32);transition:left .25s,top .25s,width .25s,height .25s}
.guide-ring[hidden]{display:none}
.guide-card{position:fixed;z-index:9501;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(92vw,420px);padding:16px 18px;border-radius:16px;background:var(--paper,#f6f4fc);color:var(--ink,#1f2a4d);border:1px solid var(--edge,#d3d0ec);box-shadow:0 12px 36px rgba(0,0,0,.3)}
.guide-card[hidden]{display:none}
.guide-card h2{margin:2px 0 6px;font-size:18px}.guide-card p{margin:0 0 8px;font-size:14px;line-height:1.75}
.guide-card .guide-step{font-size:12px;color:var(--muted,#5f688f)}
.guide-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.guide-actions button{min-height:44px;min-width:64px;padding:0 14px;border-radius:10px;border:1px solid var(--edge,#d3d0ec);background:#eaedf8;color:inherit;font:inherit}
.guide-actions button.primary{width:auto;background:var(--green,#2f3d7a);color:#fff;border-color:transparent}
.guide-actions button[hidden]{display:none}
@media (max-width:600px){.guide-card{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}