#garden-guide-tour{--guide-purple:#69507d;color:#302637;font:inherit}
.guide-backdrop{position:fixed;inset:0;z-index:500;background:#21182938;touch-action:pan-y}
.guide-spotlight{position:fixed;z-index:501;border:3px solid #765488;border-radius:12px;box-shadow:0 0 0 4px #fff8,0 0 0 9999px #25153218;pointer-events:none;box-sizing:border-box}
.guide-spotlight[hidden]{display:none}.guide-spotlight>span{position:absolute;top:-27px;left:3px;border-radius:5px 5px 0 0;background:#69507d;color:white;padding:3px 9px;font-size:12px;line-height:18px}
.guide-panel{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:59dvh;overflow:auto;overscroll-behavior:contain;z-index:502;background:#fff;border:1px solid #d6c7e0;border-radius:23px;padding:18px 20px 14px;box-shadow:0 12px 60px #23132b45;box-sizing:border-box;line-height:1.45}
.guide-panel *{box-sizing:border-box}.guide-panel button{font:inherit;cursor:pointer;border:1px solid #dcd0e4;background:#f1eaf5;color:#51345e;border-radius:11px;padding:10px 15px;min-height:44px}.guide-panel button:focus-visible,.guide-panel input:focus-visible,.guide-panel select:focus-visible,.guide-panel textarea:focus-visible{outline:3px solid #715080;outline-offset:3px}.guide-panel button:disabled{opacity:.45;cursor:default}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#77617f}.guide-panel .guide-icon{padding:0;font-size:25px;min-width:44px;border:0;background:transparent}.guide-progress{height:4px;border-radius:4px;background:#ede5f2;margin:2px 0 12px;overflow:hidden}.guide-progress i{display:block;height:100%;background:#806190}.guide-topic{font-size:12px;color:#89758f;margin:4px 0}.guide-panel h2{font-size:21px;line-height:1.25;margin:5px 0 10px}.guide-panel .guide-copy{font-size:16px;line-height:1.45;margin:8px 0;white-space:pre-line}.guide-tip{font-size:14px;background:#f6eff9;border-left:3px solid #9672a6;border-radius:6px;padding:9px 12px;margin:10px 0}.guide-location,.guide-safety,.guide-demo-note{font-size:12px;color:#74677a;margin:9px 0}.guide-safety{font-weight:600}.guide-panel .guide-show-target{padding:5px 0;min-height:36px;background:transparent;border:0;text-decoration:underline;font-size:12px}
.guide-demo{border:1px dashed #bba5c8;background:#faf7fc;border-radius:14px;padding:13px 14px;margin:11px 0}.guide-demo-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.guide-demo-heading b{font-size:15px}.guide-demo-heading span{font-size:11px;padding:3px 7px;border-radius:5px;background:#e9ddf0;color:#624372}.guide-demo-field{display:block;margin:9px 0;font-size:13px;font-weight:600}.guide-demo-field>span{display:block;margin-bottom:5px}.guide-demo-field input,.guide-demo-field textarea,.guide-demo-field select{width:100%;padding:10px 12px;font:inherit;font-weight:400;border:1px solid #cabbd3;border-radius:9px;background:#fff;color:#302637;min-height:44px}.guide-demo-field textarea{resize:vertical;min-height:65px}.guide-demo-check{display:flex;gap:12px;align-items:center}.guide-demo-check>span{margin:0}.guide-demo-check input{width:22px;min-height:22px;accent-color:#765488}.guide-panel .guide-demo-submit{width:100%;background:#e8dcef;border-color:#c8b2d3;font-weight:600}.guide-demo-result{background:#e9f2e9;border-left:3px solid #739177;padding:10px;border-radius:6px;font-size:13px;white-space:pre-line}.guide-demo-result[hidden]{display:none}
.guide-controls{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.guide-controls>button{flex:1}.guide-panel .guide-next{background:#69507d;color:white;border-color:#69507d;font-weight:600}.guide-footer{display:flex;justify-content:space-between;gap:8px;margin-top:6px}.guide-panel .guide-footer button{font-size:12px;background:transparent;border:0;padding:7px 3px}.guide-feedback{font-size:13px;background:#fff5e9;border-radius:8px;padding:9px}.guide-feedback[hidden]{display:none}
@media(min-width:900px){.guide-panel{max-height:57dvh}.guide-panel:has(.guide-demo){max-height:64dvh}}
@media(max-width:420px){.guide-panel{width:calc(100% - 14px);bottom:max(7px,env(safe-area-inset-bottom));padding:12px 14px;max-height:62dvh}.guide-panel h2{font-size:19px}.guide-panel .guide-copy{font-size:14px}.guide-controls>button{padding:10px 7px;font-size:13px}.guide-footer{gap:4px}.guide-panel .guide-footer button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.guide-panel *{scroll-behavior:auto!important;transition:none!important}}