body.guide-active main{bottom:108px}#guideDock{position:fixed;bottom:0;left:var(--rail,76px);right:0;min-height:102px;background:white;border-top:1px solid #dacbe5;z-index:2100;padding:14px 22px;display:flex;align-items:center;gap:20px;box-shadow:0 -3px 18px #291c3810}#guideDock>div:first-child{flex:1;min-width:0}#guideDock small{font-size:10px;letter-spacing:1.1px;font-weight:750;color:#57108e}#guideCaption{font-size:13px;line-height:1.55;color:#362440;margin:4px 0 0;max-width:950px}.guide-buttons{display:flex;gap:6px;flex-shrink:0}.guide-buttons button{min-height:44px;font-size:11px;padding:8px 11px;color:#41096c}#guidePointer{position:fixed;left:0;top:0;width:50px;height:65px;z-index:1900;pointer-events:none;transition:transform .85s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 3px 5px #28133655)}#guidePointer svg{width:50px;height:65px}#guidePointer>span{position:absolute;top:54px;left:24px;white-space:nowrap;font-size:10px;background:#57108e;color:white;padding:4px 7px;border-radius:6px}#guidePointer button{display:none;position:absolute;top:65px;left:-45px;width:140px;font-size:11px;pointer-events:auto;color:#41096c;background:white;border:1px solid #b49ac8}#guidePointer.guide-paused button{display:flex}.guide-click::before{content:'';position:absolute;top:-9px;left:-9px;width:30px;height:30px;border:3px solid #57108e;border-radius:50%;animation:guideTap 1s ease-out 1}@keyframes guideTap{from{transform:scale(.5);opacity:1}to{transform:scale(1.6);opacity:0}}@media(max-width:760px){body.guide-active main{bottom:170px}#guideDock{left:0;min-height:162px;padding:10px 14px;display:block}#guideCaption{font-size:12px;max-height:76px;overflow:auto}.guide-buttons{margin-top:8px;gap:5px}.guide-buttons button{flex:1;padding:6px;min-height:40px}#guidePointer{width:40px}#guidePointer svg{width:40px}#guidePointer>span{font-size:9px}}@media(prefers-reduced-motion:reduce){#guidePointer{transition:none}.guide-click::before{animation:none}}
#guideDock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;min-height:134px}.guide-timeline{grid-column:1/-1;display:flex;align-items:center;gap:12px;width:100%}.guide-timeline label{font-size:11px;white-space:nowrap;color:#493152}.guide-timeline input{min-width:60px;flex:1;accent-color:#57108e;height:28px;cursor:pointer;touch-action:pan-x}.guide-timeline output{font-size:11px;color:#493152;min-width:76px;text-align:right;font-variant-numeric:tabular-nums}#guideDock>.guide-copy{min-width:0;flex:1}body.guide-active main{bottom:144px}.open-now-badge{display:inline-flex;font-size:10px;font-weight:700;background:#e9f6ee;color:#14532d;border:1px solid #a7cfb4;border-radius:6px;padding:4px 8px;margin:8px 6px 0 0}@media(max-width:760px){#guideDock{display:grid;grid-template-columns:1fr;min-height:194px;gap:5px;padding:8px 12px}.guide-timeline{gap:7px}.guide-timeline label{font-size:10px}.guide-timeline output{min-width:66px}body.guide-active main{bottom:204px}#guideCaption{max-height:74px;overflow:auto}.guide-buttons{margin-top:0}}@media(prefers-reduced-motion:reduce){.guide-timeline{scroll-behavior:auto}}
/* Captions travel below the guide arrow; the bottom dock only holds transport controls. */
#guideBubble{position:fixed;z-index:1899;pointer-events:none;background:#fff;color:#2e193b;border:1px solid #b493d0;border-radius:14px;box-shadow:0 5px 20px #29133f24;padding:12px 15px;max-height:190px;overflow:auto;transition:left .85s cubic-bezier(.2,.7,.2,1),top .85s cubic-bezier(.2,.7,.2,1)}#guideBubble small{display:block;color:#57108e;font-size:10px;font-weight:750;letter-spacing:.5px}#guideBubble p{font-size:13px;line-height:1.55;margin:5px 0 0}body.guide-active #guideDock>.guide-copy{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#guideDock{min-height:100px;grid-template-columns:1fr;gap:2px}.guide-buttons{justify-content:flex-end}body.guide-active main{bottom:108px}.closed-now-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:10px;background:#f3eff5;color:#5c5065;margin:8px 6px 0 0}@media(max-width:760px){#guideDock{min-height:112px}body.guide-active main{bottom:120px}#guideBubble{max-height:165px;padding:10px 12px}#guideBubble p{font-size:12px}}@media(prefers-reduced-motion:reduce){#guideBubble{transition:none}}
#guidePointer.guide-paused button{display:none}#guideBubble button{pointer-events:auto;min-height:40px;margin-top:8px;font-size:12px;padding:8px 14px}