.dc-lock{z-index:200;color:#66625d;opacity:0;-webkit-user-select:none;user-select:none;background:#e7dac6 url(/media/lock-scene-2.jpg) 50%/cover no-repeat;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .45s;position:fixed;inset:0;overflow:hidden}.dc-lock.on{opacity:1}.dc-lock.idle{cursor:none}.dc-lock .scene{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dc-lock .stage{place-items:center;padding:22px;display:grid;position:absolute;inset:0}.dc-lock .card{-webkit-backdrop-filter:blur(28px)saturate(.8);text-align:center;background:linear-gradient(135deg,#ffffff85,#ffffff45);border:1px solid #ffffffa3;border-radius:30px;flex-direction:column;align-items:center;width:min(330px,100vw - 44px);padding:34px 24px 26px;transition:opacity .7s,transform .7s,filter .7s;display:flex;position:relative;box-shadow:0 22px 70px #77664d1c,inset 0 1px #ffffffc9}.dc-lock .card.away{opacity:0;filter:blur(7px);pointer-events:none;transform:translateY(12px)scale(.97)}.dc-lock .who{color:#8e867d;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.dc-lock .lock-ico{stroke:#827b72;fill:none;stroke-width:1.3px;width:28px;height:28px;margin-bottom:14px}.dc-lock h1{letter-spacing:-.5px;color:#66625d;margin:0 0 8px;font-size:20px;font-weight:500}.dc-lock .sub{color:#918980;margin:0 0 24px;font-size:12px}.dc-lock .pin-wrap{width:230px;height:55px;position:relative}.dc-lock .slots{gap:10px;height:100%;display:flex}.dc-lock .slot{color:#7b746c;background:#ffffff45;border:1px solid #ffffffb3;border-radius:13px;flex:1;place-items:center;font-size:23px;transition:all .2s;display:grid;box-shadow:inset 0 1px 4px #71604705}.dc-lock .slot.active{border-color:#a49b8b;box-shadow:0 0 0 3px #ffffff36}.dc-lock .slot:not(.filled):after{content:"";background:#bdb4a640;border-radius:50%;width:5px;height:5px}.dc-lock .pin{opacity:0;cursor:text;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.dc-lock .status{color:#8e867d;max-width:260px;min-height:34px;margin:16px 0 0;font-size:11.5px;line-height:1.45}.dc-lock .status.err{color:#9a4b3c}.dc-lock .card.ok .slot{border-color:#9cae9a}.dc-lock .card.shake{animation:.42s dc-lock-shake}@keyframes dc-lock-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.dc-lock .forgot{color:#8e867d;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:11px;text-decoration:underline}.dc-lock .forgot:hover{color:#66625d}.dc-lock .hint{text-align:center;color:#ffffffd9;text-shadow:0 1px 8px #6b5a4080;font-size:12px;transition:opacity .7s;position:absolute;bottom:26px;left:0;right:0}.dc-lock:not(.idle) .hint{opacity:0}.dc-lock .time{text-align:center;color:#fffffff0;letter-spacing:-2px;text-shadow:0 2px 24px #6b5a4055;font-variant-numeric:tabular-nums;font-size:clamp(44px,7vw,76px);font-weight:300;transition:opacity .7s;position:absolute;top:28px;left:0;right:0}.dc-lock:not(.idle) .time{opacity:.55}@media (prefers-reduced-motion:reduce){.dc-lock .scene{display:none}.dc-lock,.dc-lock .card{transition:none}}