.inst-guide{max-width:960px;padding:32px 36px;background:linear-gradient(145deg,#181410,#090909 70%);border-color:rgba(255,255,255,.18)}
.inst-guide .inst-close{font-size:27px;line-height:1}
.inst-guide .inst-head{margin-bottom:24px}
.inst-guide .inst-head h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}
.inst-guide .eyebrow{font-size:10px;padding:7px 12px}
.guide-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
.guide-progress button{display:flex;align-items:center;gap:10px;padding:12px 8px;border-bottom:2px solid #35302d;text-align:left;color:#aaa29c;font-size:12px}
.guide-progress button span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #51433a;border-radius:50%;font-size:11px}
.guide-progress button.current{color:#fff;border-color:#ff681e}.guide-progress button.current span{background:#ff681e;color:#160a03;border-color:#ff681e}
.guide-progress button.visited{border-color:#9b481f;color:#d8c8bd}
.guide-body{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;min-height:355px}
.guide-count{font-size:10px;font-weight:600;letter-spacing:.18em;color:#ff9d68}
.guide-copy h4{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:14px 0 18px}
.guide-copy p{font-size:16px;line-height:1.85;color:#d4cdc7}.guide-copy b{color:#fff}
.guide-copy .inst-kw{white-space:normal;padding:1px 7px;margin:2px 0;font-size:14px}
.guide-tip{margin-top:24px;padding:14px 16px;border-left:2px solid #b65325;background:rgba(255,255,255,.035);font-size:13px;line-height:1.65;color:#bdb5af}
.guide-replay{display:flex;gap:12px;align-items:center;margin-top:18px;padding:10px 0;font-size:13px;color:#ffb18a}.guide-replay span{font-size:21px}
.guide-visual{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(0,0,0,.24)}
.guide-image{position:relative;width:100%;max-width:300px;aspect-ratio:1;isolation:isolate}.guide-image img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.guide-qr{max-width:245px;margin:10px 0}
.guide-visual small{font-size:10px;color:#aaa19a;text-align:center;line-height:1.5}
.guide-site{font-size:14px;color:#ffc5a8;padding:8px 12px;border:1px solid #5a3827;border-radius:8px}.guide-site span{margin-left:12px}
.guide-tap{position:absolute;width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:rgba(255,101,28,.65);box-shadow:0 0 0 7px rgba(255,112,35,.18);transform:translate(-50%,-50%);pointer-events:none;opacity:0;animation:guideTapSequence 2.7s ease-in-out both}
.guide-mobile-copy{display:none}

@keyframes guideTapSequence{0%,100%{opacity:0;box-shadow:0 0 0 0 rgba(255,112,35,0)}10%,40%,70%{opacity:1;box-shadow:0 0 0 3px rgba(255,112,35,.3)}25%,55%,85%{opacity:.5;box-shadow:0 0 0 18px rgba(255,112,35,.08)}}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.1);margin-top:26px;padding-top:20px}
.guide-footer>span{color:#a89b90;font-size:12px}.guide-footer .btn:disabled{opacity:.3;cursor:default;transform:none}
@media(prefers-reduced-motion:no-preference){.guide-visual{animation:guideEnter .35s ease-out}@keyframes guideEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes guideTap{0%,100%{box-shadow:0 0 0 0 rgba(255,112,35,.4);transform:translate(-50%,-50%) scale(.8)}50%{box-shadow:0 0 0 15px rgba(255,112,35,0);transform:translate(-50%,-50%) scale(1)}}}
@media(max-width:620px){.inst-overlay{padding:10px}.inst-guide{padding:24px 20px;max-height:calc(100dvh - 20px);border-radius:20px}.inst-guide .inst-head h3{font-size:23px}.inst-guide .inst-head p{font-size:13px}.guide-progress{gap:6px;margin-bottom:20px}.guide-progress button{justify-content:center;padding:8px 0}.guide-progress button b{display:none}.guide-body{grid-template-columns:1fr;gap:20px;min-height:0}.guide-copy h4{font-size:23px;margin:10px 0}.guide-copy p{font-size:14px;line-height:1.65}.guide-tip{margin-top:14px;padding:10px 12px;font-size:12px}.guide-replay{margin-top:6px}.guide-image{max-width:230px}.guide-visual{padding:12px}.guide-qr,.guide-visual:has(.guide-qr) small,.guide-desktop-copy{display:none}.guide-mobile-copy{display:block}.guide-footer{position:sticky;bottom:-24px;background:#100e0c;padding:14px 0;margin-top:20px}.guide-footer .btn{font-size:12px;padding:12px 14px}.guide-footer>span{display:none}}