.animated-guide{--guide-accent:#496b65;background:#f3f3ef;border:1px solid #d9ded9;border-radius:18px;padding:12px 12px 7px;color:#273c37}
.guide-phone{position:relative;width:220px;height:230px;margin:auto;border:5px solid #303735;border-bottom-width:8px;border-radius:25px;background:#fff;overflow:hidden;text-align:left;box-sizing:border-box}
.guide-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#edf1ee;font-size:12px;color:#253d34}
.guide-menu{padding:3px 5px;border-radius:50%;border:2px solid transparent;font-size:16px}
[data-step="0"] .guide-menu{border-color:#de8031;box-shadow:0 0 0 4px #de803124}
.guide-screen{position:relative;height:180px;padding:12px;font-size:12px}
.guide-placeholder{text-align:center;color:#64756d;padding:6px}.guide-placeholder>div{height:55px;background:linear-gradient(120deg,#e8eee7,#cfddd2);border-radius:10px;margin:12px 0}.guide-placeholder i{display:block;height:7px;background:#e7eae6;margin:8px 0;border-radius:5px}.guide-placeholder i:last-child{width:70%}
.guide-sheet{border:1px solid #d9e1da;border-radius:12px;background:#fff;animation:guideSheetIn .4s ease-out}.guide-sheet b{display:block;text-align:center;padding:7px}.guide-sheet>div{padding:9px 10px;border-top:1px solid #e8ebe7}.guide-sheet .guide-open{border:2px solid #dc8237;border-radius:8px;background:#fff4e6;font-weight:800}
.guide-tap{position:absolute;width:21px;height:21px;border:3px solid #df8138;background:#fff7d6b3;border-radius:50%;right:8px;top:23px;box-shadow:0 0 0 7px #eea35338;animation:guideTapPulse 1.1s ease-in-out infinite;pointer-events:none}
[data-step="1"] .guide-tap{top:169px;right:24px}
[data-step="2"] .guide-tap{top:54px;right:30px}
.guide-address{border:2px solid #d68a45;background:#fff8ed;border-radius:9px;padding:9px;font-size:11px;text-align:center}
.guide-success{font-size:34px;color:#4c8064;text-align:center;padding-top:12px}.guide-success strong,.guide-success span{display:block;font-size:12px;margin-top:6px;color:#334e40}.guide-success span{font-size:10px;color:#6b7b72}
.guide-controls{display:flex;align-items:center;gap:14px;margin-top:7px;font-size:11px}.guide-counter{margin-right:auto;font-weight:800}.guide-controls button{background:transparent;color:#3b5148;padding:7px;font-size:12px;min-height:32px}
.guide-caption{min-height:76px;padding:10px 2px 0;font-size:13px}.guide-caption strong{color:inherit}.dialog-card .guide-caption p{margin:5px 0;font-size:12px}
.paused *{animation-play-state:paused!important}
@keyframes guideTapPulse{50%{transform:scale(.8);box-shadow:0 0 0 12px #eea35312}}
@keyframes guideSheetIn{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-height:700px){.guide-phone{height:202px;width:200px}.guide-screen{padding:7px}.guide-bar{height:34px}.guide-sheet>div{padding:7px 10px}[data-step="1"] .guide-tap{top:144px}.guide-caption{min-height:68px}.animated-guide{padding:7px}.dialog-card h2{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.animated-guide *{animation:none!important}}
.guide-photo{position:absolute;inset:0;overflow:hidden;background:#282622}.guide-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.guide-photo span{position:absolute;bottom:0;left:0;right:0;padding:16px 9px 8px;background:linear-gradient(transparent,#000b);font-size:10px;color:#fff}.animated-guide[data-step="0"] .guide-screen{height:calc(100% - 42px);padding:0}@media(max-height:700px){.animated-guide[data-step="0"] .guide-screen{height:calc(100% - 34px)}}