: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%}.direct-header button:disabled{opacity:.45;cursor:default}.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}.link-error{background:#2a1719;border:1px solid #6a3838;border-radius:5px;padding:9px 10px;color:#f18787!important;margin:14px 0 0!important}.device-select{color:#dbe5f1;background:#121820;border:1px solid #344357;border-radius:5px;max-width:180px;padding:6px 8px;font-size:10px}.admin-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05080dbb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-card{background:#121820;border:1px solid #344357;border-radius:10px;flex-direction:column;width:min(900px,100%);max-height:min(820px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 90px #000b}.admin-card>header{border-bottom:1px solid #283342;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.admin-card>header span{color:#5caef6;letter-spacing:.15em;font-size:9px;font-weight:800}.admin-card h1{margin:4px 0 0;font-size:19px}.admin-card button{color:#dbe5f1;cursor:pointer;background:#18212b;border:1px solid #344357;border-radius:5px;padding:7px 11px}.admin-card button:disabled{opacity:.45;cursor:default}.admin-create{border-bottom:1px solid #283342;gap:8px;padding:14px 20px;display:flex}.admin-create input{color:#edf3fb;background:#0c1117;border:1px solid #344357;border-radius:5px;outline:none;flex:1;min-width:0;padding:9px 10px}.admin-create button,.admin-user>button{color:#fff;background:#2479c7;border-color:#348bdc}.admin-error{color:#f18787;background:#2a1719;border:1px solid #6a3838;border-radius:5px;margin:12px 20px 0;padding:9px 10px}.admin-users{gap:10px;padding:14px 20px 20px;display:grid;overflow:auto}.admin-user{background:#161e27;border:1px solid #2b3746;border-radius:7px;padding:14px}.admin-user-head{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.admin-user-head small{color:#718095;margin-top:4px;display:block}.admin-user-head b{color:#65d9a3;font-size:11px}.admin-user label{color:#9ba9ba;margin:9px 0 6px;font-size:11px;display:block}.admin-toggle{color:#dbe5f1!important}.admin-toggle input{accent-color:#348bdc;margin-right:7px}.admin-user textarea{resize:vertical;color:#dbe5f1;background:#0c1117;border:1px solid #344357;border-radius:5px;width:100%;min-height:72px;padding:8px;font:11px Consolas,monospace}.admin-user textarea:disabled{opacity:.4}.admin-user>button{margin-top:9px}@media (width<=600px){.direct-header{flex-wrap:wrap;gap:6px;height:auto;min-height:38px;padding:6px 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}.admin-overlay{padding:8px}.admin-card{max-height:calc(100vh - 16px)}.admin-create{flex-direction:column}}
