:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10191b;color:#edf5ef}*{box-sizing:border-box}body{margin:0}a{color:#b8e2b2}main.login{max-width:480px;margin:10vh auto;padding:26px}.tag{font-size:12px;letter-spacing:2px;color:#b8e2b2}h1{font-size:34px;line-height:1.2}p{line-height:1.6;color:#bdcbc3}label{display:block}input{display:block;width:100%;margin:10px 0 18px;font:inherit;padding:13px;border:1px solid #60756a;background:#182723;border-radius:8px;color:#fff}button{padding:11px 16px;background:#b8e2b2;color:#132019;border:1px solid transparent;border-radius:7px;font:600 14px system-ui;cursor:pointer}.quiet{background:#263a31;color:#e4eee6;border-color:#536c5d}.note{font-size:13px}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#192923;gap:10px}.help{padding:0 18px 14px;font-size:13px}.help p{margin:10px 0}.buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.buttons form{margin:0}details{margin-top:12px}summary{cursor:pointer}iframe{width:100%;height:75vh;min-height:420px;border:0;background:#000}#state{color:#edc684}input:focus-visible,button:focus-visible{outline:2px solid #edc684;outline-offset:3px}@media(max-width:600px){header{font-size:13px;padding:10px}main.login{margin:4vh auto}iframe{height:70vh}.buttons button{font-size:12px;padding:9px}}