/* Public presentation only; the existing secure account form stays above the animation. */
body.password-peepers main { position:relative;isolation:isolate;overflow:hidden;padding-bottom:142px; }
body.password-peepers main .account-wrap { position:relative;z-index:2;width:min(820px,calc(100% - 100px)); }
body.password-peepers .sleepy-layer { position:absolute;inset:0;pointer-events:none;z-index:1; }
body.password-peepers .sleepy-pair { position:absolute;display:flex;gap:3px;transform:rotate(var(--tilt));text-decoration:none; }
body.password-peepers button.sleepy-pair { pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;min-width:0;min-height:0;box-shadow:none; }
body.password-peepers .sleepy-eye { flex:1;position:relative;height:100%;border-radius:52% 52% 48% 48%;background:#fff;overflow:hidden;clip-path:inset(100% 0 0);transition:clip-path 190ms ease; }
body.password-peepers .sleepy-pupil { position:absolute;width:42%;height:56%;left:29%;top:22%;border-radius:50%;background:#071013;transition:transform 160ms ease; }
body.password-peepers .sleepy-pupil:after { content:'';position:absolute;width:2px;height:3px;left:2px;top:2px;border-radius:50%;background:#fff; }
body.password-peepers .sleepy-status { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
body.password-peepers .account-form input::placeholder { font-size:clamp(11px,1.8vw,14px);text-transform:uppercase; }
@media(max-width:520px) { body.password-peepers .account-panel {padding:16px 12px;} body.password-peepers .account-form button {max-width:100%;white-space:normal;} }
@media(prefers-reduced-motion:reduce) {body.password-peepers .sleepy-eye,body.password-peepers .sleepy-pupil {transition:none;} }
body.sleepy-video-open {overflow:hidden;}
.sleepy-video-dialog {position:fixed;inset:0;margin:auto;padding:0;border:0;background:#000;color:#fff;width:80vw;height:80vh;height:80dvh;max-width:80vw;max-height:80vh;max-height:80dvh;overflow:hidden;box-shadow:0 15px 70px #0008;}
.sleepy-video-dialog::backdrop {background:rgba(0,0,0,.85);}
.sleepy-video-dialog .sleepy-video {display:block;width:100%;height:100%;object-fit:contain;background:#000;}
.sleepy-video-dialog .sleepy-video-close {position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #fff8;border-radius:50%;background:#111c;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer;z-index:2;}
.sleepy-video-dialog .sleepy-video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#48ff16;color:#071304;border:0;border-radius:6px;cursor:pointer;font-weight:700;}
.sleepy-video-dialog .sleepy-video-error {position:absolute;bottom:15px;left:15px;right:15px;margin:0;padding:12px;background:#111e;color:#fff;}
.sleepy-video-dialog button:focus-visible {outline:3px solid #48ff16;outline-offset:3px;}
    body.password-peepers .bloodshot .sleepy-eye { background-color:#fff2ef; background-image:linear-gradient(28deg,transparent 42%,#d63838 44%,#d63838 48%,transparent 50%),linear-gradient(-33deg,transparent 41%,#d63838 43%,#d63838 47%,transparent 49%),linear-gradient(65deg,transparent 41%,#e85a58 44%,#e85a58 48%,transparent 50%),linear-gradient(-68deg,transparent 41%,#e85a58 44%,#e85a58 48%,transparent 50%); background-size:37% 38%,37% 42%,30% 32%,30% 35%; background-position:left top,right bottom,left bottom,right top; background-repeat:no-repeat; }
