#loginScreen{background:var(--bg-base);z-index:var(--z-login);flex-direction:column;display:flex;position:fixed;inset:0;&.hidden{display:none}}.login-top,.login-middle{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login-bottom{text-align:center;padding:40px 24px}.login-brand{font-size:22px;font-weight:var(--font-bold);color:var(--text-strong);margin-top:24px}.login-finger{border:2px solid var(--success-solid);border-radius:var(--radius-full);cursor:pointer;width:80px;height:80px;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex;&:active{background:color-mix(in srgb, var(--success) 12%, transparent);transform:scale(.95)}&.error{border-color:var(--danger-solid);& svg{stroke:var(--danger-solid)}}}.login-text{font-size:var(--text-lg);color:var(--success);font-weight:var(--font-semibold);margin-top:var(--space-4);&.error{color:var(--danger)}}.login-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.login-footer{color:var(--text-muted);font-size:11px}.login-retry{text-align:center;margin-top:24px;display:none;&.show{display:block}& button{padding:var(--space-3) 32px;background:var(--success-solid);border-radius:var(--radius-lg);color:var(--text-strong);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;border:none}}.login-secured-row{margin-bottom:var(--space-2);justify-content:center;align-items:center;gap:6px;display:flex}.login-version{margin-top:var(--space-3);color:var(--text-muted);font-size:11px}#mainApp.hidden{display:none}.device-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-raised);border-radius:var(--radius-lg);margin-bottom:10px;display:flex;&.current{border:1px solid color-mix(in srgb, var(--success) 30%, transparent);background:color-mix(in srgb, var(--success) 12%, transparent);& .device-icon{background:color-mix(in srgb, var(--success) 12%, transparent);& svg{stroke:var(--success)}}}}.device-icon{background:var(--border);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;& svg{width:22px;height:22px;stroke:var(--text-muted)}}.device-info{flex:1;min-width:0}.device-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-strong);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.device-badge{font-size:9px;font-weight:var(--font-semibold);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;&.founder{background:color-mix(in srgb, var(--info) 12%, transparent);color:var(--info)}}.device-meta{color:var(--text-muted);margin-top:3px;font-size:11px}.device-remove{border:1px solid var(--border-hover);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;& svg{width:18px;height:18px;stroke:var(--text-muted)}&:active{background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:var(--danger-solid);& svg{stroke:var(--danger)}}}.devices-footer{padding-top:var(--space-4);border-top:1px solid var(--border);text-align:center;margin-top:20px}.devices-footer-text{font-size:var(--text-sm);color:var(--text-muted)}.biometric-prompt{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;flex-direction:column;margin:20px 0;display:flex}.biometric-icon{border:2px solid var(--danger-solid);border-radius:var(--radius-full);justify-content:center;align-items:center;width:64px;height:64px;display:flex;& svg{width:32px;height:32px}}.biometric-icon.biometric-icon--success{border-color:var(--success-solid)}.biometric-text{color:var(--danger);font-size:13px;font-weight:var(--font-medium)}.biometric-text.biometric-text--success{color:var(--success)}.link-box{align-items:center;gap:var(--space-2);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-4) 0 var(--space-2);display:flex}.link-text{color:var(--text-muted);word-break:break-all;text-align:left;flex:1;font-family:ui-monospace,monospace;font-size:11px;line-height:1.4}.link-copy-btn{background:var(--border);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:all var(--transition-normal);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;& svg{stroke:var(--text-muted);transition:stroke var(--transition-normal)}&:active{background:var(--border-hover)}&.copied{background:var(--success-solid);& svg{stroke:var(--text-strong)}}}.expiry-note{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.expiry-success{color:var(--success)}.retry-btn{background:var(--success-solid);color:var(--text-strong);padding:var(--space-3) 24px;border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;border:none;&:active{background:color-mix(in srgb, var(--success-solid) 80%, black)}}