@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@keyframes shimmer{0%{left:-100%}to{left:100%}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0!important;padding:0!important;background:#0a0e1a!important;background-color:#0a0e1a!important;overflow-x:hidden;width:100%;min-height:100vh;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #0a0e1a;--bg-secondary: #1a1f2e;--bg-tertiary: #2a3142;--glass-bg: linear-gradient(135deg, rgba(45, 55, 72, .95) 0%, rgba(30, 40, 55, .95) 100%);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 20px 60px rgba(0, 0, 0, .7);--accent-primary: #36ACF5;--accent-secondary: #5BC0F8;--accent-hover: #2d9de6;--text-primary: #f9f9f9;--text-secondary: #b8c1d3;--text-tertiary: #8892a6;--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .7);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}.btn-primary{position:relative;background:linear-gradient(135deg,#36acf5e6,#5bc0f8e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:14px 32px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md),inset 0 1px #fff3;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #36acf566,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:14px 32px;font-family:Manrope,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a}.btn-secondary:hover{background:linear-gradient(135deg,#323c4df2,#232d3cf2);border-color:var(--border-medium);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glass:hover{border-color:var(--border-medium);box-shadow:0 24px 72px #000c,inset 0 1px #ffffff26}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:var(--glass-bg);backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;max-width:90vw;max-height:90vh;overflow:auto}.progress-bar{width:100%;height:4px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);box-shadow:0 0 12px #36acf599;border-radius:var(--radius-full);transition:width .3s ease}.input-glass{background:#1e283799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 16px;font-family:Manrope,sans-serif;font-size:14px;color:var(--text-primary);transition:all .3s}.input-glass:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #36acf51a}.input-glass::placeholder{color:var(--text-tertiary)}.toggle{width:48px;height:26px;border-radius:var(--radius-full);background:#ffffff1a;border:1px solid var(--border-light);position:relative;cursor:pointer;transition:all .3s}.toggle.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-color:var(--accent-primary)}.toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.toggle.active .toggle-thumb{left:24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#333;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:#666;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#888}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.bg-glass{background:var(--glass-bg)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.undo-toast-overlay{position:fixed;left:50%;transform:translate(-50%)}.undo-toast{position:relative;background:#0000004d;backdrop-filter:blur(60px) saturate(120%);-webkit-backdrop-filter:blur(60px) saturate(120%);color:#f9f9f9;border-radius:12px;padding:0;box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff14;min-width:520px;max-width:640px;overflow:hidden;pointer-events:all;animation:slideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.undo-toast-content{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;position:relative;z-index:1}.undo-toast-icon{width:14px;height:14px;flex-shrink:0;color:#fff;opacity:.7}.undo-toast-message{flex:1;font-size:13px;font-weight:400;display:flex;align-items:center;gap:.5rem;color:#f9f9f9e6;letter-spacing:.01em}.undo-toast-timer{font-size:12px;opacity:.45;font-weight:300;margin-left:.375rem}.undo-toast-button{background:#fff;color:#1e1e1e;border:none;padding:.5rem 1.125rem;border-radius:9px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0;letter-spacing:.01em}.undo-toast-button:hover{background:#f5f5f5;transform:scale(1.01)}.undo-toast-button:active{background:#e5e5e5;transform:scale(.99)}.undo-toast-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#36acf5,#5bc0f8,#36acf5);box-shadow:0 0 8px #36acf599;transition:width .05s linear}@media (max-width: 640px){.undo-toast-overlay{left:1rem;right:1rem;transform:none}.undo-toast-content{padding:.625rem .875rem;gap:.625rem}.undo-toast-message{font-size:13px}.undo-toast-button{padding:.375rem .75rem;font-size:12px}}.regeneration-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(60px) saturate(120%);-webkit-backdrop-filter:blur(60px) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:50px 30px;font-family:Manrope,sans-serif;animation:fadeIn .3s ease-out;min-height:280px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.regen-icon-container{position:relative;width:80px;height:80px;margin-bottom:24px;background:#36acf51a;border-radius:50%;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border:3px solid rgba(54,172,245,.4);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-ring-delay-1{animation-delay:.4s;border-color:#36acf54d;border-width:2px}.pulse-ring-delay-2{animation-delay:.8s;border-color:#36acf533;border-width:2px}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:1}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.regen-icon{position:absolute;top:50%;left:50%;width:40px;height:40px;color:#36acf5;transform:translate(-50%,-50%);animation:rotate 2s linear infinite;filter:drop-shadow(0 0 12px rgba(54,172,245,.5));z-index:1}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.regen-text{text-align:center;z-index:1}.regen-title{color:#f9f9f9;font-size:20px;font-weight:700;margin-bottom:10px;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.regen-subtitle{color:#f9f9f9b3;font-size:15px;font-weight:500;letter-spacing:.01em;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.regeneration-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(54,172,245,.08) 25%,transparent 50%,rgba(54,172,245,.08) 75%,transparent 100%);background-size:200% 200%;animation:shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.regeneration-placeholder:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(54,172,245,.15) 0%,transparent 60%);animation:glow 3s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes glow{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width: 768px){.regeneration-placeholder{padding:30px 15px;min-height:160px}.regen-icon-container{width:50px;height:50px;margin-bottom:16px}.pulse-ring{width:50px;height:50px}.regen-icon{width:26px;height:26px}.regen-title{font-size:16px}.regen-subtitle{font-size:13px}}