:root{font-family:Inter,ui-sans-serif,system-ui;background:#071016;color:#f6f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#113149 0,#071016 35%);min-height:100vh}button{cursor:pointer}main{max-width:1180px;margin:auto;padding:28px 28px 100px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:14px;align-items:center}.brand>div{display:flex;flex-direction:column}.brand strong{font-size:28px;letter-spacing:7px}.brand small{color:#56b7ff;letter-spacing:3px;font-weight:700}.mountains{position:relative;width:48px;height:34px;display:block;flex:none}.mountains i{position:absolute;bottom:0;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid #2196ff}.mountains i:nth-child(1){left:0;border-left-width:12px;border-right-width:12px;border-bottom-width:18px}.mountains i:nth-child(2){left:12px;border-left-width:15px;border-right-width:15px;border-bottom-width:28px}.mountains i:nth-child(3){right:0;border-left-width:11px;border-right-width:11px;border-bottom-width:16px}.avatar{border:1px solid #30404a;background:#142029;color:#fff;border-radius:50%;width:42px;height:42px}.hero{text-align:center;padding:48px 0 26px}.eyebrow{font-size:12px;letter-spacing:2px;color:#79909d;font-weight:800}.hero h1{font-size:42px;margin:6px}.muted{color:#8fa1ab}.ring{width:260px;height:260px;margin:28px auto;border-radius:50%;padding:15px;background:conic-gradient(#2196ff 2deg,#26343d 0)}.ring>div{height:100%;border-radius:50%;background:#09131a;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring b{font-size:58px}.ring span{font-size:18px}.ring small{margin-top:12px;color:#8296a2}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary,.secondary,.danger{border:0;border-radius:12px;padding:14px 24px;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:9px}.primary{background:#168bf3;color:#fff}.secondary{background:#172630;color:#c6d8e3;border:1px solid #2d414e}.danger{background:#412027;color:#ffb5b5;border:1px solid #65313c}.stats,.grid,.machine{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:760px;margin:0 auto}.stat,.card,article,.machine>div{background:#111d24;border:1px solid #22313a;border-radius:15px;padding:20px}.stat{display:grid;text-align:center;place-items:center;gap:5px}.stat svg,article svg,.machine svg{color:#3ba9ff}.stat b{font-size:25px}.stat span{font-size:12px;color:#8ea0aa}.machine{grid-template-columns:1fr 1fr;margin-top:14px}.machine>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.machine span{color:#8fa1ab}.machine b{font-size:20px}.machine input{grid-column:1/4;width:100%;accent-color:#2196ff}.card{max-width:760px;margin:14px auto}.card h2{margin:0}.card h2 span{font-size:16px;color:#758893}.bar{height:10px;background:#26353d;border-radius:9px;margin:15px 0;overflow:hidden}.bar i{display:block;height:100%;background:#38d996;transition:width .3s}.grid{grid-template-columns:1fr 1fr}.grid article p{color:#91a2ac;min-height:42px}.grid article button{background:#1a2a34;color:#a9c5d5;border:0;border-radius:8px;padding:9px 13px}nav{position:fixed;bottom:0;left:0;right:0;background:#091218ef;border-top:1px solid #22313a;display:flex;justify-content:center;gap:70px;padding:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#82949e;font-size:11px}nav svg{width:20px}.active{color:#2196ff}@media (max-width:650px){main{padding:18px 15px 90px}.hero{padding-top:30px}.hero h1{font-size:34px}.ring{width:220px;height:220px}.ring b{font-size:48px}.stats{gap:8px}.stat{padding:14px 6px}.grid,.machine{grid-template-columns:1fr}nav{gap:0;justify-content:space-around}.brand strong{font-size:22px}.mountains{transform:scale(.85);transform-origin:left center}}.mode-panel,.connection-strip{max-width:760px;margin:18px auto 0;border:1px solid #2a4551;background:#10222b;border-radius:15px;padding:14px 18px}.mode-panel{display:flex;justify-content:space-between;align-items:center;gap:16px}.mode-panel strong{font-size:14px;color:#e3f1f8}.mode-panel p{color:#8fa1ab;margin:5px 0 0;font-size:12px}.mode-choices{display:flex;flex-wrap:wrap;gap:8px}.mode-choices button{display:flex;align-items:center;gap:6px;border:1px solid #39515e;border-radius:10px;background:#142b37;color:#a9bbcb;font-weight:650;padding:10px 13px}.mode-choices .mode-selected{border-color:#168bf3;background:#173b56;color:#bce6ff}.mode-choices button:disabled:not(.mode-selected){opacity:.4;cursor:not-allowed}.connection-strip{display:flex;justify-content:space-between;align-items:center;gap:14px}.connection-strip>div{display:grid;gap:5px}.connection-strip strong{letter-spacing:.1em;font-size:11px;color:#d5b665}.connection-strip span{font-size:12px;color:#9bb4c3;line-height:1.5}.connection-strip.connected{border-color:#258663;background:#0e2929}.connection-strip.connected strong{color:#70dab0}.connection-strip.warning{border-color:#b48a44;background:#2d2418}.connection-strip.warning strong{color:#f2bf65}.connection-strip .connect-shortcut{font-size:12px;white-space:nowrap;padding:10px 12px}.source-alert{max-width:760px;margin:10px auto;display:flex;align-items:center;gap:10px;background:#4f2725;color:#ffbfb0;border:1px solid #8f5146;border-radius:10px;padding:12px 14px;font-size:13px}.diagnostics-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.diagnostics-head h3{margin:0;font-size:16px}.diagnostics-head .secondary{font-size:12px;padding:10px 12px}.diagnostics p{overflow-wrap:anywhere}.raw-ble{display:block;background:#081319;border:1px solid #2d3a46;border-radius:9px;padding:11px;font-size:12px;color:#a5d4ef;overflow-wrap:anywhere}button:disabled{cursor:not-allowed}@media (max-width:650px){.mode-panel{align-items:stretch;flex-direction:column}.mode-choices{display:grid;grid-template-columns:1fr 1fr}.mode-choices button{justify-content:center;font-size:12px;padding:10px 6px}.connection-strip{flex-wrap:wrap}.connection-strip .connect-shortcut{width:100%;justify-content:center}.diagnostics-head{flex-wrap:wrap}.diagnostics-head button{width:100%;justify-content:center}}.auth-page{min-height:100vh;background:radial-gradient(circle at 50% -10%,#133c45,#071419 65%);display:flex;align-items:center;justify-content:center;padding:24px;color:#edf6f4}.auth-box{width:min(100%,430px);background:#10262b;border:1px solid #2c4b50;border-radius:20px;padding:30px;box-shadow:0 25px 75px #0006}.auth-box h1{font-size:24px;margin:18px 0 10px;color:#f2fbf7}.auth-box p{font-size:13px;line-height:1.65;color:#b0c9c9}.auth-logo{display:flex;gap:8px;align-items:center;color:#8cdec8}.auth-logo strong{font-size:19px;letter-spacing:.12em}.auth-logo small{font-size:10px;letter-spacing:.08em}.auth-box form{display:grid;gap:14px;margin-top:18px}.auth-box label{display:grid;gap:6px;font-size:12px;color:#d8ece7;font-weight:600}.auth-box input,.auth-security input{min-width:0;width:100%;padding:11px 12px;background:#0a1c20;color:#fff;border:1px solid #426568;border-radius:9px;font:inherit}.auth-box button,.auth-security button,.auth-account button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #4b777b;background:#19373a;color:#e6f3f1;border-radius:9px;padding:11px 13px;cursor:pointer;font-size:13px}.auth-box button{width:100%;margin-top:8px}.auth-box .auth-primary,.auth-security .auth-primary{background:#83dcc3;color:#0b252a;border:0;font-weight:750}.auth-box button:disabled,.auth-security button:disabled{opacity:.45;cursor:wait}.auth-separator{display:flex;align-items:center;gap:12px;margin:20px 0 8px;color:#7e9b9a;font-size:12px}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#3b5d5d;flex:1}.auth-error{padding:11px;background:#522b33;border:1px solid #b96d7b;color:#ffe5e6!important;border-radius:9px;overflow-wrap:anywhere}.auth-footnote{margin-top:25px;text-align:center;font-size:11px!important}.auth-qr{display:block;width:190px;height:190px;background:#fff;padding:10px;margin:14px auto}.auth-secret{display:block;background:#092023;padding:14px;border-radius:9px;text-align:center;overflow-wrap:anywhere;font-size:13px}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.recovery-grid code{padding:8px;background:#071b1f;border-radius:7px;text-align:center;font-size:12px}.auth-account{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 20px;background:#0c252b;color:#d7eeeb;font-size:12px}.auth-account span{display:flex;align-items:center;gap:5px;margin-right:auto}.auth-account button{padding:7px 10px;font-size:12px}.auth-security{background:#123136;border-bottom:1px solid #426568;color:#e3f3f1;padding:16px 20px}.auth-security h3{font-size:15px;margin:0 0 8px}.auth-security p{font-size:12px;color:#b3d1cf;margin:8px 0}.auth-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:8px 0;max-width:550px}.auth-row input{max-width:260px}@media (max-width:480px){.auth-box{padding:22px}.auth-account{padding:7px 12px}.auth-account span{width:100%}}