.login-dialog{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:1rem 1.5rem;display:flex}.login-dialog.qr-mode{min-width:20rem}.login-logo{align-items:center;gap:1rem;display:flex}.login-logo img{width:3rem;height:3rem}.login-logo h1{margin:0}.qr-login-container{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.qr-login-container .qr-login-description{color:var(--subtext);text-align:center;max-width:18rem;margin:0;font-size:.9rem}.qr-login-container .qr-code-wrapper{background:var(--primary);border-radius:1rem;padding:1.25rem}.qr-login-container .qr-device-code{letter-spacing:.15em;color:var(--subtext);opacity:.7;font-family:monospace;font-size:1.1rem;font-weight:600}.qr-login-container .btn{width:100%}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form .register-name-row{gap:1rem;width:24rem;display:flex}.login-form .register-name-row input{width:100%}.login-form .form-group{flex-direction:column;gap:.3rem;display:flex}.login-form .form-group label{color:var(--subtext);font-weight:600}.login-form .register-switch{color:var(--subtext);justify-content:center;gap:.35rem;font-size:.9rem;display:flex}.login-form .register-switch button{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login-form .register-switch button:hover{text-decoration:underline}.login-form .sso-options{flex-direction:column;gap:1rem;width:100%;display:flex}.login-form .sso-options .divider{text-align:center;color:var(--subtext);align-items:center;margin:1rem 0;font-size:.9rem;display:flex}.login-form .sso-options .divider:before,.login-form .sso-options .divider:after{content:"";border-bottom:1px solid var(--subtext);flex:1;margin:0 10px}.login-form .sso-options .sso-buttons{flex-direction:column;gap:.5rem;width:100%;display:flex}:root{--accent-color:#314bd3}:root[data-theme=dark]{--background:#000a12;--terminal:#13181c;--lighter-background:#0d161e;--dialog-background:#00000040;--gray-full:#202429;--darker-gray:#22242a99;--dark-gray:#ffffff0d;--gray:#ffffff1a;--light-gray:#f6f6f6;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 25%, transparent);--error:#a44747;--error-opacity:#a4474740;--success:#29c16a;--success-opacity:#29c16a40;--warning:#dc5600;--warning-opacity:#dc560040;--white:#fff;--subtext:#b7b7b7;--text:#fff;--shadow-sm:0 1px 2px #00000040, 0 1px 3px #00000026;--shadow-md:0 2px 6px #00000040, 0 4px 12px #00000026;--shadow-lg:0 4px 12px #0000004d, 0 8px 24px #0000002e;--shadow-xl:0 8px 24px #00000059, 0 16px 48px #00000038}:root[data-theme=light]{--background:#fff;--terminal:#f5f5f5;--lighter-background:#f0f0f0;--dialog-background:#f5f5f54f;--gray-full:#e5e5e5;--darker-gray:#f1efefeb;--dark-gray:#0000000d;--gray:#0000001a;--light-gray:#333;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 15%, transparent);--error:#d85959;--error-opacity:#d8595926;--success:#29c16a;--success-opacity:#29c16a26;--warning:#dc5600;--warning-opacity:#dc560026;--white:#000;--subtext:#666;--text:#000;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000d;--shadow-md:0 1px 3px #0000000d, 0 2px 8px #0000000f;--shadow-lg:0 2px 6px #0000000f, 0 6px 18px #00000014;--shadow-xl:0 4px 12px #00000014, 0 12px 32px #0000001a}:root[data-theme=oled]{--background:#000;--terminal:#000;--lighter-background:#0a0a0a;--dialog-background:#00000080;--gray-full:#1a1a1a;--darker-gray:#141414cc;--dark-gray:#ffffff0d;--gray:#ffffff1a;--light-gray:#f6f6f6;--primary:var(--accent-color);--primary-opacity:color-mix(in srgb, var(--accent-color) 25%, transparent);--error:#a44747;--error-opacity:#a4474740;--success:#29c16a;--success-opacity:#29c16a40;--warning:#dc5600;--warning-opacity:#dc560040;--white:#fff;--subtext:#888;--text:#fff;--shadow-sm:0 1px 2px #0006, 0 1px 3px #00000040;--shadow-md:0 2px 6px #0006, 0 4px 12px #00000040;--shadow-lg:0 4px 12px #00000073, 0 8px 24px #0000004d;--shadow-xl:0 8px 24px #00000080, 0 16px 48px #00000059}.linking-header{justify-content:center;align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.linking-logo{background:var(--primary-opacity);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.linking-logo.connected{background:var(--success-opacity)}.linking-logo.connected svg path{fill:var(--success)!important}.linking-dots{align-items:center;gap:.35rem;display:flex}.linking-dots .dot{background:var(--gray);border-radius:50%;width:5px;height:5px;transition:background .3s}.linking-dots .dot:first-child{animation:1.5s ease-in-out infinite dotPulse}.linking-dots .dot:nth-child(2){animation:1.5s ease-in-out .2s infinite dotPulse}.linking-dots .dot:nth-child(3){animation:1.5s ease-in-out .4s infinite dotPulse}.linking-dots.connected .dot{background:var(--success);animation:none}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.device-icon-wrapper{background:var(--dark-gray);border:2px solid var(--gray);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.device-icon-wrapper svg{color:var(--subtext);transition:color .3s}.device-icon-wrapper.connected{border-color:var(--success);background:var(--success-opacity)}.device-icon-wrapper.connected svg{color:var(--success)}.linking-title{text-align:center;margin:0;font-size:1.2rem;font-weight:600}.linking-description{color:var(--subtext);text-align:center;margin:0;font-size:.85rem;line-height:1.4}.linking-form-group,.connector-form .form-group{flex-direction:column;gap:.3rem;display:flex}.linking-form-group label,.connector-form .form-group label{color:var(--subtext);font-size:.8rem;font-weight:600}.linking-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.connector-setup{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1rem;width:300px;display:flex}.connector-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.connector-code-step{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.code-display{background:var(--dark-gray);box-sizing:border-box;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;transition:background .2s;display:flex}.code-display:hover{background:var(--gray)}.code-display .code-value{letter-spacing:.15em;color:var(--primary);font-family:monospace;font-size:1.5rem;font-weight:700}.code-display .code-copy{cursor:pointer;color:var(--subtext);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.code-display .code-copy:hover{color:var(--white)}