.trainer-launcher{position:fixed;left:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:1400;min-height:48px;padding:10px 18px;border:1px solid #dfbf80;border-radius:26px;background:#142d35;color:#fff8e8;font:600 16px/1.3 system-ui;box-shadow:0 4px 24px #0007}.visual-trainer{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:1500;width:min(390px,calc(100vw - 28px));max-height:min(78dvh,680px);overflow:auto;background:#13252d;color:#f4f4e9;border:2px solid #dfbf80;border-radius:16px;box-shadow:0 12px 50px #0009;text-align:left;font:16px/1.5 system-ui}.visual-trainer[hidden],.trainer-ring[hidden]{display:none!important}.visual-trainer header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid #ffffff25}.visual-trainer header>div{display:flex;gap:5px}.visual-trainer button,.visual-trainer select{font:inherit;min-height:44px;border:1px solid #93aaa9;border-radius:8px;background:#21414a;color:#fff;padding:9px 12px;cursor:pointer}.visual-trainer button:hover,.visual-trainer button[aria-pressed=true]{border-color:#f4d28b;background:#35514b}.visual-trainer button:focus-visible,.trainer-launcher:focus-visible,.visual-trainer select:focus-visible{outline:3px solid #fff2a5;outline-offset:3px}.visual-trainer header button{font-size:13px;padding:6px 8px}.trainer-body{padding:14px 18px 18px}.visual-trainer h2{font:600 23px/1.25 system-ui;margin:8px 0 14px}.visual-trainer p{color:#f4f4e9;margin:10px 0 14px}.visual-trainer label{display:block;margin:16px 0 10px;color:#f4f4e9}.visual-trainer select{display:block;width:100%;margin-top:6px}.visual-trainer .trainer-small,.trainer-progress{font-size:13px;color:#c6d5d6}.trainer-instruction{font-weight:650;font-size:18px}.trainer-actions,.trainer-methods,.trainer-answers{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.trainer-answers{flex-direction:column}.trainer-methods{padding-top:10px;border-top:1px solid #ffffff25}.trainer-status:empty{display:none}.trainer-status{border-left:3px solid #dfbf80;padding-left:10px}.visual-trainer progress{width:100%;height:8px;accent-color:#e2bc75}.visual-trainer footer{border-top:1px solid #ffffff25;padding-top:12px;margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.visual-trainer footer span{font-size:12px;width:100%;color:#c6d5d6}.trainer-picture{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 4px;margin:10px 0 16px;color:#e9c789}.trainer-picture span{display:flex;flex-direction:column;text-align:center;font-size:30px}.trainer-picture small{font-size:12px;color:#f4f4e9}.trainer-target{outline:4px solid #f1c55c!important;outline-offset:4px!important;scroll-margin:100px}.trainer-ring{position:fixed;pointer-events:none;z-index:1450;box-sizing:border-box;border:2px solid #fff5c5;border-radius:9px}.trainer-ring span{position:absolute;bottom:calc(100% + 6px);left:0;white-space:nowrap;background:#f1c55c;color:#17262b;padding:3px 8px;border-radius:6px;font:700 13px system-ui}.visual-trainer.trainer-top{top:max(14px,env(safe-area-inset-top));bottom:auto}.trainer-collapsed{width:auto;max-width:calc(100vw - 28px)}@media(max-width:600px){.visual-trainer{max-height:55dvh;right:8px;bottom:74px;width:min(390px,calc(100vw - 16px))}.visual-trainer.trainer-top{top:max(8px,env(safe-area-inset-top));bottom:auto}.trainer-body{padding:10px 14px 14px}.visual-trainer h2{font-size:21px}.trainer-picture{padding:4px}.trainer-launcher{bottom:12px;left:10px}.visual-trainer header{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.visual-trainer,.trainer-ring,.trainer-target{animation:none!important;transition:none!important}}