:root{--font-space-mono: "Space Mono", "Space Mono Fallback", monospace;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-dark: #0B111F;--modal-primary: var(--purple-500);--modal-success: #53BA95;--modal-text: #ffffff;--modal-text-secondary: var(--gray-400);--modal-bg: rgba(17, 24, 39, .95);--modal-bg-secondary: rgba(31, 41, 55, .6);--modal-border: rgba(55, 65, 81, .5);--modal-shadow: rgba(0, 0, 0, .5)}#modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b111fd9;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease-in-out}#modal-container{width:450px;max-width:95%;border-radius:1rem;box-shadow:0 10px 25px var(--modal-shadow),0 0 40px #a855f733;padding:2rem;background:var(--modal-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--modal-border);text-align:center;animation:slideUp .4s ease-out;position:relative;font-family:var(--font-space-mono)}#modal-header{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--modal-text);font-family:var(--font-space-mono);background:linear-gradient(135deg,var(--purple-300),var(--purple-400));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#modal-steps{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0;margin-bottom:1rem}.step{font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--modal-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border-left:3px solid var(--modal-primary);transition:all .3s ease;color:var(--modal-text);font-family:var(--font-space-mono);box-shadow:0 2px 4px #0000001a}.step-status{font-size:1.25rem;color:var(--modal-success);transition:all .3s ease}.step.incomplete{opacity:.6;border-left-color:var(--gray-600)}.step.complete{border-left-color:var(--modal-success);background:#53ba951a}.step.complete .step-status{color:var(--modal-success)}.step.active{border-left-color:var(--purple-400);background:#a855f726;box-shadow:0 4px 12px #a855f740;opacity:1}.step.incomplete .step-status{color:var(--gray-500)}#modal-content{margin-top:1.25rem;font-size:1rem;color:var(--modal-text-secondary);padding:1rem 0;font-family:var(--font-space-mono)}#modal-text{margin-top:1rem;color:var(--purple-300);font-weight:500}#modal-close{position:absolute;top:1rem;right:1rem;background:#3741514d;border:1px solid var(--modal-border);border-radius:.5rem;width:2rem;height:2rem;font-size:1.5rem;cursor:pointer;color:var(--gray-400);transition:all .3s ease;display:flex;align-items:center;justify-content:center}#modal-close:hover{color:var(--modal-text);background:#a855f733;border-color:var(--purple-400)}.spinner{width:60px;height:60px;margin:1rem auto;border:4px solid rgba(168,85,247,.1);border-top:4px solid var(--purple-500);border-right:4px solid var(--purple-400);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #a855f74d;position:relative}.spinner:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:linear-gradient(to right,rgba(168,85,247,.1),transparent);filter:blur(8px);animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 639px){#modal-container{width:calc(100% - 2rem);padding:1.5rem}#modal-header{font-size:1.25rem}.step{padding:.875rem 1rem;font-size:.875rem}.spinner{width:50px;height:50px}}