.auth-captcha{display:grid;gap:8px;margin:18px 0;min-width:0;text-align:left}
.auth-captcha[hidden]{display:none!important}
.auth-captcha .auth-captcha-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 16px;border:1px solid #53626e;border-radius:9px;background:linear-gradient(120deg,#26333c,#20292f);color:#e5edf2;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;box-shadow:inset 0 1px #ffffff09;transition:background .16s,border-color .16s}
.auth-captcha-trigger::before{--captcha-security-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 4v5c0 5-9 9-9 9S3 17 3 12V7l9-4Zm-4 9 3 3 5-6'/%3E%3C/svg%3E");content:'';width:22px;height:22px;flex:none;background:#a8bbc8;-webkit-mask:var(--captcha-security-icon) center/contain no-repeat;mask:var(--captcha-security-icon) center/contain no-repeat}
.auth-captcha .auth-captcha-trigger:hover:not(:disabled){border-color:#e6b582;background:#303e48}
.auth-captcha .auth-captcha-trigger[data-verified=true],.auth-captcha .auth-captcha-trigger[data-verified=true]:is(:hover,:focus-visible){border-color:#3b956f;background:#193c30;color:#a6edc6}
.auth-captcha-trigger[data-verified=true]::before{background:currentColor}
.auth-captcha .auth-captcha-status{margin:0;color:#a6b2bc;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.auth-captcha-status:empty{display:none}
body dialog.auth-captcha-dialog{box-sizing:border-box;width:min(362px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0!important;overflow:hidden;border:1px solid #43515d;border-radius:14px;background:#1b232b;color:#edf0f3;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 24px 90px #0009}
body dialog.auth-captcha-dialog[open]{display:flex;flex-direction:column}
.auth-captcha-dialog::backdrop{background:#080e16a8;backdrop-filter:blur(3px)}
body .auth-captcha-dialog .hh-frame-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;margin:0;padding:13px 20px;border-bottom:1px solid #ffffff12}
body .auth-captcha-dialog h2{font-size:16px;font-weight:600;margin:0;color:#edf0f3;letter-spacing:0}
body .auth-captcha-dialog .dialog-close{display:grid;place-items:center;flex:none;position:static;width:32px;height:32px;min-height:32px;min-width:32px;padding:0;margin:0;border:1px solid #44515c;border-radius:7px;background:#28333d;color:#d7e3eb;font:23px/1 system-ui;cursor:pointer}
body .auth-captcha-dialog .hh-frame-body{display:grid;gap:14px;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:20px;scrollbar-width:thin;scrollbar-gutter:auto}
body .auth-captcha-dialog p{margin:0;line-height:1.55;overflow-wrap:anywhere}
.auth-captcha-intro{color:#c5d0d9;font-size:13px}
.auth-captcha-puzzle{position:relative;width:100%;aspect-ratio:2;overflow:hidden;border-radius:9px;background:#101a24;box-shadow:0 0 0 1px #ffffff18}
.auth-captcha-dialog [hidden]{display:none!important}
.auth-captcha-board{display:block;width:100%;height:100%;user-select:none;pointer-events:none}
.auth-captcha-piece{position:absolute;left:0;width:15%;height:auto;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 4px #000a)}
body .auth-captcha-dialog input.auth-captcha-slider{appearance:none;-webkit-appearance:none;display:block;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:0 3px;border:1px solid #465661;border-radius:10px;background:linear-gradient(90deg,#41665c 0 var(--captcha-progress,0%),#101a23 var(--captcha-progress,0%) 100%);cursor:ew-resize;touch-action:none;box-shadow:inset 0 1px 5px #0003}
.auth-captcha-slider::-webkit-slider-runnable-track{height:40px;background:transparent;border-radius:8px}
.auth-captcha-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:42px;height:38px;margin-top:1px;border:1px solid #eacda3;border-radius:8px;background:#e9ba85 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d352b' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 6 6-6 6m6-12 6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 2px 5px #0004}
.auth-captcha-slider::-moz-range-track{height:40px;background:transparent}
.auth-captcha-slider::-moz-range-thumb{width:40px;height:36px;border:1px solid #eacda3;border-radius:8px;background:#e9ba85}
body .auth-captcha-dialog .auth-captcha-hint{min-height:38px;color:#aab9c5;font-size:12px}
body .auth-captcha-dialog .hh-frame-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:none;margin:0;padding:12px 20px;border-top:1px solid #ffffff12}
body .auth-captcha-dialog .hh-frame-footer button{width:100%;min-height:36px;margin:0;padding:8px 14px;border:1px solid #465661;border-radius:7px;background:#293640;color:#d5e0e8;font:inherit;font-size:13px;cursor:pointer}
.auth-captcha :is(button,input):focus-visible,.auth-captcha-dialog :is(button,input):focus-visible{outline:2px solid #e9ba85;outline-offset:3px}
.auth-captcha :disabled,.auth-captcha-dialog :disabled{opacity:.55;cursor:not-allowed!important}
@media(max-width:600px){body .auth-captcha-dialog .hh-frame-heading,body .auth-captcha-dialog .hh-frame-body{padding:14px}body .auth-captcha-dialog .hh-frame-footer{padding:12px 14px}}