:root{color-scheme:dark;font-family:Roboto,Arial,sans-serif;background:#121212;color:#f5f5f5}*{box-sizing:border-box}body{margin:0}.shell{max-width:680px;margin:auto;min-height:100vh;padding:20px 14px 88px}header{height:58px;display:flex;align-items:center;justify-content:center;position:relative;background:#303030;border-radius:4px;padding:0 12px}h1{font-size:22px;margin:0;font-weight:700}.top-actions{position:absolute;right:8px;display:flex;gap:5px}.ghost{background:transparent;color:#fff;font-size:28px;padding:7px 9px;line-height:1}.login-view{min-height:calc(100vh - 110px);display:grid;place-items:center}.hidden,[hidden]{display:none!important}button{border:0;border-radius:24px;background:#668cff;color:#fff;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.card,dialog{background:#242424;color:#fff;border:1px solid #363636;border-radius:14px;padding:22px}.card{max-width:520px;margin:70px auto}.card h2{margin-top:0}form{display:grid;gap:15px}label{display:grid;gap:7px;font-weight:600}input,select{background:#181818;color:#fff;border:1px solid #595959;border-radius:8px;padding:12px;font:inherit}.notice,.empty{color:#c7c7c7;padding:18px 4px}#accounts-view{margin-top:10px}.accounts{display:grid;gap:8px}.account{background:#303030;border-radius:4px;padding:16px;border-bottom:3px solid #6d90ff;cursor:pointer}.account-top{display:flex;justify-content:space-between}.name{font-size:17px;font-weight:800}.issuer{color:#ddd;margin-top:6px}.code-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.code{background:transparent;padding:0;font-size:25px;letter-spacing:.08em}.timer{color:#9db2ff}.account-menu-wrap{position:relative}.account-menu{background:transparent;padding:0;color:#fff;letter-spacing:2px}.account-actions{position:absolute;right:0;top:28px;z-index:2;background:#454545;padding:5px;border-radius:8px;box-shadow:0 5px 12px #0008}.remove{background:transparent;color:#ffb4ab;padding:8px}.hidden{display:none!important}dialog{width:min(94vw,520px)}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.secondary{background:#3a3a3a}.menu-actions{display:grid;gap:10px}.wide{width:100%;margin-top:10px}details{margin-top:6px}video{width:100%;margin-top:14px}#toast{position:fixed;z-index:4;left:50%;bottom:30px;transform:translateX(-50%);background:#dce5ff;color:#17224e;border-radius:8px;padding:10px 14px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}#menu-dialog{position:fixed;z-index:3;top:88px;right:max(14px,calc((100vw - 680px)/2 + 14px));width:max-content;max-width:calc(100vw - 28px);background:#000;color:#fff;border:1px solid #363636;border-radius:14px;padding:12px;box-shadow:0 12px 28px #0009;opacity:0;transform:translateX(24px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}#menu-dialog .menu-actions{gap:0}#menu-dialog .menu-actions button{width:100%;display:flex;justify-content:flex-end;background:transparent;color:#fff;border-radius:0;padding:13px 8px;text-align:right;white-space:nowrap}#menu-dialog.open{opacity:1;transform:translateX(0);pointer-events:auto}