*{box-sizing:border-box}body{margin:0;background:#edf2f5;color:#17384b;font:15px/1.65 Arial,sans-serif}#login{max-width:430px;margin:9vh auto;padding:32px;background:#fff;border:1px solid #d5e2e9;border-radius:22px;box-shadow:0 15px 50px #17384b0d}.brand{font-size:32px;color:#005777;font-weight:bold;letter-spacing:2px}small{color:#71909e;font-size:10px;letter-spacing:2px}h1{font-size:29px;line-height:1.2}p{color:#607d8d}label{display:block;font-size:12px}input{width:100%;padding:14px;margin:6px 0 16px;border:1px solid #b6cbd6;border-radius:10px;font:16px Arial}button{background:#005777;color:#fff;border:0;border-radius:9px;padding:12px 16px;cursor:pointer;min-height:44px}button:disabled{opacity:.5}form button{width:100%}.hint{font-size:12px;border-top:1px solid #e2eaf0;padding-top:20px}#message{white-space:pre-wrap;font-size:13px}#cloudbar{height:58px;display:flex;align-items:center;gap:12px;padding:7px 14px;background:#d6e3e9;border-bottom:1px solid #b6cbd6;font-size:11px}#cloudbar[hidden],[hidden]{display:none!important}#sync{flex:1}#cloudbar button{font-size:11px;padding:7px 10px}#app{width:100%;height:calc(100dvh - 58px);border:0;display:block}#blocker{position:fixed;inset:58px 0 0;background:#102e48b8;display:grid;place-items:center;padding:20px;z-index:999}#blocker>div{background:white;max-width:480px;padding:25px;border-radius:16px}#blocker button{margin:4px}#block-message{white-space:pre-wrap}@media(max-width:500px){#login{margin:6vh 18px;padding:25px}#cloudbar{gap:6px}#mode{max-width:70px;line-height:1.3}}