.drive-card{padding:24px;margin:20px 0;border:1px solid #533a76;border-radius:20px;background:linear-gradient(135deg,#22142f,#100d18);color:#f5efff;box-shadow:0 16px 38px #0003}.drive-card h3{margin:8px 0;font-size:22px}.drive-eyebrow{color:#c4a2f8;font-size:11px;letter-spacing:.14em}.drive-card p{font-size:14px;line-height:1.6;color:#c2b4d6}.drive-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.drive-controls label{flex:1;min-width:180px;font-size:12px;color:#d7cbe7}.drive-controls input{box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #554067;border-radius:10px;background:#100d18;color:#fff}.drive-controls button{padding:12px 20px;border:1px solid #ad78f1;border-radius:10px;background:#7942bf;color:white;font-weight:600;cursor:pointer}.drive-controls button:disabled{opacity:.6;cursor:wait}.drive-card :focus-visible{outline:2px solid #d2afff;outline-offset:3px}.drive-card [role=status]{margin-bottom:0}.drive-callback{margin:0;background:#100d18;font-family:system-ui,sans-serif;display:grid;place-items:center;min-height:100vh}.drive-callback main{max-width:480px;margin:20px}.drive-callback a{color:#d9baff}

.drive-card .drive-status{display:flex;align-items:center;gap:10px;min-height:24px;color:#d7cbe7}.drive-status-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--drive-signal,#e5b86c);box-shadow:0 0 0 4px color-mix(in srgb,var(--drive-signal,#e5b86c) 14%,transparent);animation:drive-signal-pulse 2.4s ease-in-out infinite}.drive-status[data-state=connected]{--drive-signal:#42d99a}.drive-status[data-state=disconnected]{--drive-signal:#ff7188}.drive-status[data-state=checking],.drive-status[data-state=unverified]{--drive-signal:#e5b86c}.drive-status[data-state=connected] #drive-status-text{color:#9ce9c6}.drive-status[data-state=disconnected] #drive-status-text{color:#ffabb8}@keyframes drive-signal-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.82)}}@media(prefers-reduced-motion:reduce){.drive-status-dot{animation:none}}