:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}:root{color:#edf3fb;background:#0d1218;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}.direct-app{background:#0d1218;flex-direction:column;width:100%;height:100%;display:flex}.direct-header{background:#121820;border-bottom:1px solid #283342;align-items:center;gap:18px;height:44px;min-height:44px;padding:0 14px;display:flex}.direct-brand,.brand-row{letter-spacing:.02em;align-items:center;gap:9px;display:flex}.brand-mark{color:#fff;background:#348bdc;border-radius:6px;place-items:center;width:25px;height:25px;font-weight:800;display:inline-grid}.direct-status{color:#8d9bad;align-items:center;gap:7px;font-size:12px;display:flex}.direct-status span{background:#e3a72f;border-radius:50%;width:7px;height:7px}.direct-status.online span{background:#37c989;box-shadow:0 0 9px #37c98988}.account-email{color:#69798d;margin-left:auto;font-size:10px}.direct-header button{color:#aebacc;cursor:pointer;background:#18212b;border:1px solid #344357;border-radius:5px;padding:5px 10px}.engine-frame{background:#0d1218;border:0;flex:1;width:100%}.connection-wait{color:#cbd5e2;text-align:center;flex:1;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.connection-wait small{color:#7f8da0}.connection-spinner{border:3px solid #293545;border-top-color:#348bdc;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite direct-spin}@keyframes direct-spin{to{transform:rotate(360deg)}}.pair-page,.login-page{background:#0d1218;place-items:center;min-height:100%;padding:24px;display:grid}.pair-card,.login-card{background:#141b23;border:1px solid #2b3746;border-radius:10px;width:min(440px,100%);padding:30px;box-shadow:0 18px 70px #0008}.brand-row{margin-bottom:26px;font-size:20px}.pair-card h1,.login-card h1{margin:0 0 10px;font-size:22px}.pair-card p,.login-card p{color:#8d9bad;margin:0 0 24px;font-size:13px;line-height:1.55}.pair-card label{color:#c8d2df;margin-bottom:7px;font-size:12px;display:block}.pair-card input{color:#edf3fb;background:#0c1117;border:1px solid #334256;border-radius:6px;outline:none;width:100%;padding:12px;font-family:Consolas,monospace}.pair-card input:focus{border-color:#348bdc;box-shadow:0 0 0 2px #348bdc25}.pair-card button,.login-card button{cursor:pointer;border-radius:6px;width:100%;margin-top:14px;padding:11px;font-weight:700}.pair-card button,.login-primary{color:#fff;background:#348bdc;border:0}.pair-card button:disabled{opacity:.4;cursor:default}.pair-card small,.login-card small{color:#718095;margin-top:14px;line-height:1.45;display:block}.login-kicker{color:#5caef6;letter-spacing:.15em;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.login-card .connection-spinner{margin:16px auto 28px;display:block}.login-secondary{color:#aebacc;background:#18212b;border:1px solid #344357}@media (width<=600px){.direct-header{gap:10px;height:38px;min-height:38px;padding:0 8px}.direct-brand{font-size:13px}.brand-mark{width:22px;height:22px;font-size:12px}.direct-status,.account-email{font-size:9px}.direct-header button{padding:4px 7px;font-size:10px}.pair-card,.login-card{padding:22px}}