.studio-login{position:fixed;inset:0;z-index:10000;overflow:auto;display:flex;flex-direction:column;align-items:center;isolation:isolate;color:#fff;background:#0735ac url('./macos-tahoe-light.jpg') center/cover no-repeat;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;text-align:center;color-scheme:dark}.studio-login[hidden],.studio-login [hidden]{display:none!important}.studio-login::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#02062818 0%,transparent 48%,#00174c35 100%)}.studio-login-system{position:absolute;top:18px;right:26px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;text-shadow:0 1px 4px #071c6266}.studio-login-system svg{width:21px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.studio-login-clock{margin-top:clamp(65px,12.5vh,160px);user-select:none}.studio-login-date{margin:0 0 1px;font-size:clamp(18px,2.2vw,28px);font-weight:600;letter-spacing:-.7px;color:#edf2ffdb;text-shadow:0 1px 10px #00154c25}.studio-login-time{display:block;font-size:clamp(76px,10vw,144px);line-height:1.02;font-weight:650;letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:#e7efff9c;text-shadow:0 1px 1px #ffffff4d,0 3px 24px #072b7b1c;-webkit-text-stroke:.6px #f5f8ff35}.studio-login-account{margin-top:auto;width:min(290px,calc(100% - 48px));padding-top:48px;padding-bottom:22px}.studio-login-avatar{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:50%;border:1px solid #ffffff73;background:linear-gradient(145deg,#fffff1e8,#dce9d6b8);box-shadow:0 2px 8px #071d5940,inset 0 1px 2px #fff9}.studio-login-avatar img{width:31px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.66}.studio-login h1{margin:0 0 5px;font-size:17px;line-height:22px;letter-spacing:-.3px;font-weight:650;text-shadow:0 1px 6px #00134270}.studio-login-caption{min-height:17px;margin:0 0 15px;font-size:12px;line-height:17px;color:#f2f5ffe0;text-shadow:0 1px 4px #001a5166}.studio-login-form{display:flex;flex-direction:column;gap:9px}.studio-login-field{display:block}.studio-login-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio-login input,.studio-login button{font:inherit;box-sizing:border-box}.studio-login input{display:block;width:100%;height:36px;padding:0 13px;border:1px solid #ffffff38;border-radius:18px;outline:none;background:#e2edff22;color:#fff;box-shadow:inset 0 1px 1px #ffffff13,0 2px 8px #001b5a0d;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);font-size:13px}.studio-login input::placeholder{color:#ffffffb8}.studio-login input:focus{border-color:#ffffffbc;box-shadow:0 0 0 3px #b4d6ff3b}.studio-login button{cursor:pointer;color:#fff}.studio-login-submit{height:35px;padding:0 15px;border:1px solid #ffffff25;border-radius:18px;background:#f6f9ff24;font-size:12px!important;font-weight:600!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff12}.studio-login-submit:hover{background:#f6f9ff38}.studio-login button:focus-visible{outline:2px solid #fff;outline-offset:3px}.studio-login button:disabled,.studio-login input:disabled{cursor:default;opacity:.58}.studio-login-recover,.studio-login-back{border:0;padding:5px 9px;background:none;font-size:11px!important;color:#eef3ffe0!important;text-shadow:0 1px 5px #00174b88}.studio-login-recover:hover,.studio-login-back:hover{text-decoration:underline}.studio-login-feedback{min-height:17px;margin:10px -18px 0;font-size:11px;line-height:16px;color:#f4f7ff;overflow-wrap:anywhere;text-shadow:0 1px 5px #00174bcc}.studio-login-feedback.is-error{color:#fff0e9}.studio-login-footer{padding:0 20px 20px;font-size:10px;letter-spacing:.2px;color:#f3f6ff85}.studio-login[data-status=busy] .studio-login-avatar{animation:studio-login-breathe 1.5s ease-in-out infinite}@keyframes studio-login-breathe{50%{box-shadow:0 0 0 5px #ffffff15,0 2px 10px #071d5940}}@media(max-height:700px){.studio-login-clock{margin-top:45px}.studio-login-time{font-size:88px}.studio-login-account{padding-top:24px;padding-bottom:12px}.studio-login-avatar{width:48px;height:48px;margin-bottom:8px}.studio-login-avatar img{width:25px;height:28px}.studio-login-footer{padding-bottom:10px}}@media(max-width:480px){.studio-login-system{top:16px;right:18px}.studio-login-clock{margin-top:90px}.studio-login-time{font-size:100px}.studio-login-account{padding-bottom:24px}.studio-login-date{font-size:21px}}@media(prefers-reduced-motion:reduce){.studio-login[data-status=busy] .studio-login-avatar{animation:none}}@media(prefers-reduced-transparency:reduce){.studio-login input,.studio-login-submit{background:#204e9c;backdrop-filter:none;-webkit-backdrop-filter:none}}
.studio-login-footer{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.studio-login-footer a{color:#f3f6ffb8;text-decoration:none;text-underline-offset:3px}.studio-login-footer a:hover{text-decoration:underline}.studio-login-footer a:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:3px}.studio-login-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}