html,body{background:#01060c;height:100%;margin:0}.login{--accent:#f07d1a;z-index:20000;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;color:#e8e6e1;background:radial-gradient(circle at 50% 34%,#f07d1a21,#0000 42%),#01060c;flex-direction:column;justify-content:center;align-items:center;gap:28px;font-family:JetBrains Mono,ui-monospace,Consolas,Menlo,monospace;display:flex;position:fixed;inset:0;overflow-y:auto}.login__reactor{flex:none;place-items:center;width:190px;height:190px;display:grid;position:relative}.login__reactor img{filter:drop-shadow(0 0 14px #f07d1a73);width:118px;position:relative}.login__ring{border:1px solid #f07d1a4d;border-radius:50%;transition:transform .6s,opacity .6s,border-color .3s;position:absolute;inset:0}.login__ring--a{border-top-color:var(--accent);border-width:2px;animation:9s linear infinite login-spin}.login__ring--b{border-style:dashed;animation:22s linear infinite reverse login-spin;inset:13px}.login__ring--c{border-right-color:var(--accent);animation:14s linear infinite login-spin;inset:27px}.login[data-state=busy] .login__ring--a{animation-duration:1s}.login[data-state=busy] .login__ring--b{border-color:var(--accent);animation-duration:3s}.login[data-state=busy] .login__ring--c{animation-duration:1.6s}.login[data-state=in] .login__ring{opacity:0;transform:scale(1.5)}.login[data-state=in] .login__form{opacity:0;transform:translateY(10px)}@keyframes login-spin{to{rotate:360deg}}.login__form{flex-direction:column;gap:14px;width:min(360px,100%);transition:opacity .4s,transform .4s;display:flex}.login__title{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#bdbbb6;margin:0 0 4px;font-size:13px;font-weight:400}.login__field{letter-spacing:.12em;text-transform:uppercase;color:#9b9a96;flex-direction:column;gap:6px;font-size:11px;display:flex}.login__field input{box-sizing:border-box;color:#f2f0eb;width:100%;min-height:46px;font:inherit;letter-spacing:0;text-transform:none;background:#ffffff0a;border:1px solid #ffffff29;border-radius:4px;outline:none;padding:0 12px;font-size:16px}.login__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f07d1a2e}.login__secret{display:block;position:relative}.login__secret input{padding-right:92px}.login__secret button{color:#9b9a96;height:46px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:11px;position:absolute;top:0;right:0}.login__error{color:#ff8a80;min-height:18px;margin:0;font-size:13px;line-height:1.35}.login__go{border:1px solid var(--accent);color:#fff;min-height:48px;font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#f07d1a24;border-radius:4px;font-size:13px;transition:background .15s}.login__go:hover:not(:disabled){background:#f07d1a4d}.login__go:disabled{cursor:progress;opacity:.8}@media (height<=620px){.login__reactor{width:110px;height:110px}.login__reactor img{width:68px}.login{gap:14px}}@media (prefers-reduced-motion:reduce){.login__ring{animation:none!important}}.yug-staff{color:#e8e6e1;background:#0b0d10;flex-direction:column;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;display:flex;position:fixed;inset:0}.yug-staff__bar{min-height:48px;padding:env(safe-area-inset-top) 14px 0;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.yug-staff__bar button{color:#bdbbb6;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px}.yug-staff__frame{border:0;flex:1;width:100%;min-height:0}