:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf1f8;background:#0a0f17;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #324154;background:#192331;color:#dbe8f5;border-radius:8px;padding:10px 14px;font-weight:600}button:hover{background:#26374b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #69d4c6;outline-offset:3px}.login-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 5%,#17322f66,transparent 48%),radial-gradient(ellipse at 90% 95%,#14345250,transparent 50%),#0a0f17;padding:36px 20px}.login-shell{width:min(100%,460px)}.brand{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 30px 4px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:#76d8c0;color:#0b2324;width:42px;height:38px;border-radius:9px;font-size:23px;font-weight:800;letter-spacing:-2px;padding-right:3px}.muted{color:#7f91a5}.login-card{border:1px solid #273342;border-radius:20px;padding:34px 34px 26px;background:linear-gradient(145deg,#16202bcc,#0e1621);box-shadow:0 28px 70px #0005}.eyebrow{display:flex;align-items:center;gap:8px;color:#8fa4b5;font-size:10px;letter-spacing:1.9px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:#79d7bd;box-shadow:0 0 9px #79d7bd55}.desktop-icon{margin:30px 0 16px;width:65px;height:65px;color:#7ddfc7}.desktop-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1{font-size:27px;line-height:1.25;letter-spacing:-.8px;font-weight:650;margin:0 0 12px}.intro{color:#9caec0;font-size:14px;line-height:1.8;margin:0 0 24px}label{display:block;font-size:12px;font-weight:650;color:#c2d0de;margin:18px 0 8px}input,textarea{width:100%;background:#0b131d;border:1px solid #354353;border-radius:9px;color:#f0f6fb;padding:12px 13px;line-height:1.4}input::placeholder{color:#6e8399}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:4px;top:5px;border:0;background:transparent;font-size:11px;color:#a7bccd}.primary{background:#78d9c2;color:#092420;border:1px solid #78d9c2}.primary:hover{background:#97e8d4}.connect{margin-top:25px;width:100%;display:flex;justify-content:space-between;padding:13px 15px}.connection-note{display:flex;justify-content:center;gap:7px;color:#7f96a9;font-size:11px;margin-top:25px}.connection-note span{color:#78d9c2}footer{display:flex;justify-content:space-between;margin:22px 5px;font-size:10px;letter-spacing:1.1px;color:#6e8399}.error{color:#ffb6b6;font-size:13px;line-height:1.5}.error:empty{display:none}.desktop-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#111b27;border-bottom:1px solid #2b3948;flex-shrink:0}.desktop-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.small{width:33px;height:29px;font-size:20px}.desktop-brand strong{font-size:13px}#status{color:#a7b6c6;font-size:11px}#status.connected{color:#7bdfbf}.toolbar nav{display:flex;flex-wrap:wrap;gap:6px}.toolbar button,.toolbar select{font-size:11px;padding:8px 10px}.toolbar select{background:#192331;color:#dbe8f5;border:1px solid #324154;border-radius:8px}#screen{flex:1;min-height:0;position:relative;overflow:hidden;outline:0}#connection-message{position:fixed;top:90px;left:50%;transform:translateX(-50%);padding:18px 24px;max-width:90vw;border:1px solid #394c61;border-radius:12px;background:#122131eF;color:#d8e7f3;font-size:14px;z-index:3}#mobile-input{position:fixed;width:1px;height:1px;opacity:0;bottom:0;left:0;padding:0;border:0}dialog{width:min(90vw,520px);background:#15212e;border:1px solid #46546a;border-radius:14px;padding:25px;color:#eaf1f8}dialog::backdrop{background:#0008}dialog h2{margin-top:0;font-size:20px}dialog p{font-size:13px;line-height:1.6;color:#adc0d1}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}@media(max-width:760px){.toolbar{align-items:flex-start;flex-direction:column;padding:8px}.toolbar nav{width:100%;gap:4px}.toolbar button,.toolbar select{font-size:10px;padding:7px 8px}.login-card{padding:28px 24px 24px}h1{font-size:25px}.login-page{padding-top:25px}.brand{margin-bottom:24px}}