.otc_mask{--ink:#0f1b33;--muted:#47536b;--accent:#1746d1;--line:#d5ddec;--ok:#0b6b45;--bg:#fff;--fill:#c9d7fa;--r:12px;--r2:calc(var(--r)*.67);z-index:2147483646;backdrop-filter:blur(3px);background:#0f1b3373;justify-content:center;align-items:center;padding:16px;animation:.2s otc_fade;display:flex;position:fixed;inset:0}.otc_box{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);width:100%;max-width:348px;color:var(--ink);text-align:center;padding:24px;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;animation:.25s ease-out otc_up;position:relative;box-shadow:0 12px 32px #0f1b333d}.otc_title{margin:0 28px 16px;font-size:18px;font-weight:600}.otc_btn{border:1px solid var(--accent);border-radius:var(--r2);background:var(--bg);width:100%;min-height:56px;color:var(--accent);font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;font-weight:600;animation:2s ease-in-out infinite otc_pulse;position:relative;overflow:hidden}.otc_btn.otc_on,.otc_btn.otc_ok{animation:none}.otc_btn.otc_ok{border-color:var(--ok);color:var(--ok)}.otc_mask :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.otc_fill{background:var(--fill);width:0;position:absolute;inset:0}.otc_on .otc_fill{border-inline-end:3px solid var(--accent)}.otc_back .otc_fill{transition:width .25s ease-out}.otc_label{position:relative}.otc_close{top:8px;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:20px;line-height:1;position:absolute;inset-inline-end:8px}.otc_msg{min-height:22px;color:var(--muted);margin:12px 0 0}.otc_by{color:var(--muted);margin:8px 0 0;font-size:12px}.otc_hint{color:var(--muted);margin:0 0 12px}.otc_cv{border-radius:var(--r2);width:100%;height:auto;transition:box-shadow .2s;animation:.25s otc_fade;display:block}.otc_fit{box-shadow:0 0 0 3px var(--ok)}.otc_miss{animation:.3s otc_shake}.otc_sl{direction:ltr;height:56px;margin:12px 0 0;position:relative}.otc_sl:before{content:"";background:var(--line);border-radius:4px;height:8px;position:absolute;top:24px;left:0;right:0}.otc_rng{opacity:0;-webkit-appearance:none;appearance:none;touch-action:none;cursor:grab;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.otc_rng::-webkit-slider-thumb{-webkit-appearance:none;width:56px;height:56px}.otc_rng::-moz-range-thumb{border:0;width:56px;height:56px}.otc_knob{border-radius:var(--r2);background:var(--accent);pointer-events:none;width:56px;height:48px;position:absolute;top:4px;left:0}.otc_knob:before,.otc_knob:after{content:"";border:solid var(--bg);border-width:3px 3px 0 0;width:9px;height:9px;position:absolute;top:18px;left:16px;transform:rotate(45deg)}.otc_knob:after{left:26px}.otc_rng:focus-visible+.otc_knob{outline:2px solid var(--accent);outline-offset:2px}.otc_alt{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-top:4px;padding:8px;text-decoration:underline}.otc_end{pointer-events:none;animation:.2s .5s forwards otc_out}.otc_end .otc_msg{color:var(--ok);font-weight:600}.otc_tick{background:var(--ok);border-radius:50%;width:56px;height:56px;margin:8px auto 0;animation:.3s ease-out otc_pop;display:block;position:relative}.otc_tick:after{content:"";border:solid var(--bg);border-width:0 4px 4px 0;width:12px;height:24px;position:absolute;top:11px;left:20px;transform:rotate(45deg)}@keyframes otc_fade{0%{opacity:0}}@keyframes otc_out{to{opacity:0}}@keyframes otc_up{0%{opacity:0;transform:translateY(12px)}}@keyframes otc_pop{0%{opacity:0;transform:scale(.6)}}@keyframes otc_pulse{50%{box-shadow:0 0 0 5px var(--fill)}}@keyframes otc_shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (width<=480px){.otc_mask{align-items:flex-end;padding:0}.otc_box{border-radius:var(--r) var(--r) 0 0;max-width:none;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0}}@media (prefers-color-scheme:dark){.otc_mask{--ink:#eef2fa;--muted:#a9b4c8;--accent:#9db6ff;--line:#33415e;--ok:#6fd8ae;--bg:#16213a;--fill:#2f4170}}@media (prefers-reduced-motion:reduce){.otc_mask,.otc_mask *{transition:none!important;animation:none!important}}