#hl-guided-tour{position:fixed;inset:0;z-index:8000;isolation:isolate;color:#182640}
.hl-tour-shade{position:absolute;inset:0;background:#071a2b80}
.hl-tour-spot{position:absolute;border:3px solid #e7d5a6;border-radius:9px;box-shadow:0 0 0 3px #102c45;pointer-events:none;background:#ffffff0b}
.hl-tour-card{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid #bdad96;border-radius:18px;background:#f5f0dd;color:#182640;box-shadow:0 12px 50px #00172b80}
.hl-tour-card.at-top{top:max(16px,env(safe-area-inset-top));bottom:auto}
.hl-tour-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;letter-spacing:.4px}
.hl-tour-card button{font:600 14px/1.3 'DM Sans',sans-serif;min-height:44px;padding:9px 13px;border:1px solid #9ca7ad;border-radius:9px;color:#183650;background:#fffdf4;cursor:pointer}
.hl-tour-top button{background:transparent;border:0;font-weight:500;white-space:nowrap;padding:6px}
.hl-tour-card button:disabled{opacity:.45;cursor:default}
.hl-tour-card h2{font-size:23px;line-height:1.2;margin:14px 0 10px;color:inherit}
.hl-tour-card p{font-size:16px;line-height:1.5;margin:0 0 12px;color:inherit}
.hl-tour-card progress{display:block;width:100%;height:5px;accent-color:#134b72;margin-top:5px}
.hl-tour-actions,.hl-tour-practice{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin-top:12px}
.hl-tour-card .hl-tour-next{background:#134b72;color:#fff9e5;border-color:#134b72;min-width:115px}
.hl-tour-example{display:grid;gap:7px;background:#e7d8af;border:1px solid #b9a882;border-radius:10px;padding:12px;font-size:14px}
.hl-tour-example small{font-size:11px;letter-spacing:.6px}.hl-tour-example p{font-size:13px;margin:0}.hl-tour-error:empty{display:none}
html[data-theme=dark] .hl-tour-card{background:#20272d;color:#eee3ca;border-color:#91816a}
html[data-theme=dark] .hl-tour-card button{color:#eee3ca;background:#303b44;border-color:#748895}
html[data-theme=dark] .hl-tour-example{background:#393629;border-color:#82714c}
html[data-theme=dark] .hl-tour-card .hl-tour-next{background:#ad5149;color:#fff3e6}
@media(max-height:620px){.hl-tour-card{padding:14px}.hl-tour-card h2{font-size:20px}.hl-tour-card p{font-size:14px;line-height:1.4}}