.welcome-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:welcomeOverlayFadeIn .3s ease-out}@keyframes welcomeOverlayFadeIn{0%{opacity:0}to{opacity:1}}.welcome-modal-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 40px #0000004d;position:relative;text-align:center;animation:welcomeSlideIn .4s ease-out;border-color:#00d4ff80;box-shadow:0 0 30px #00d4ff33}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.welcome-user-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(0,212,255,.5);box-shadow:0 0 20px #00d4ff4d;object-fit:cover;animation:welcomeBounce 2s infinite}.welcome-user-initial{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#00d4ff,#b794f6);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border:3px solid rgba(0,212,255,.5);box-shadow:0 0 20px #00d4ff4d;animation:welcomeBounce 2s infinite}@keyframes welcomeBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.welcome-modal-title{font-size:1.8rem;font-weight:600;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.welcome-user-name{font-size:1.1rem;color:#ffffffe6;margin:.5rem 0}.welcome-user-name-highlight{color:#00d4ff;font-weight:600}.welcome-modal-message{font-size:.95rem;line-height:1.6;margin-bottom:2rem;color:#ffffffb3}.welcome-features-list{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#00d4ff1a,#b794f61a);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.welcome-feature-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;color:#fffc}.welcome-feature-icon{font-size:1.2rem;width:24px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.welcome-modal-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.welcome-modal-button-primary{padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;font-size:1rem;background:linear-gradient(45deg,#00d4ff,#b794f6);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 15px #00d4ff4d}.welcome-modal-button-primary:hover{transform:translate(-2px);box-shadow:0 8px 25px #00d4ff66;background:linear-gradient(45deg,#09c,#96c)}.welcome-modal-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.9rem}.welcome-modal-button-secondary:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80;transform:translate(-2px)}.welcome-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.welcome-modal-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}@media(max-width:600px){.welcome-modal-overlay{padding:1rem}.welcome-modal-container{padding:1.5rem}.welcome-user-avatar,.welcome-user-initial{width:60px;height:60px}.welcome-user-initial,.welcome-modal-title{font-size:1.5rem}.welcome-modal-actions{gap:.75rem}}.welcome-modal-celebration{border-color:#48ff0080;box-shadow:0 0 30px #48ff0033}.welcome-modal-celebration .welcome-user-avatar,.welcome-modal-celebration .welcome-user-initial{border-color:#48ff0080;box-shadow:0 0 20px #48ff004d}.welcome-modal-celebration .welcome-features-list{background:linear-gradient(135deg,#48ff001a,#00d4ff1a)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 40px #0000004d;position:relative}.modal-error{border-color:#ff636380;box-shadow:0 0 30px #ff636333}.modal-warning{border-color:#ffce5480;box-shadow:0 0 30px #ffce5433}.modal-success{border-color:#48ff0080;box-shadow:0 0 30px #48ff0033}.modal-info{border-color:#00d4ff80;box-shadow:0 0 30px #00d4ff33}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modal-icon-error{background:#ff636333;color:#ff6363}.modal-icon-warning{background:#ffce5433;color:#ffce54}.modal-icon-success{background:#48ff0033;color:#48ff00}.modal-icon-info{background:#00d4ff33;color:#00d4ff}.modal-title{font-size:1.5rem;font-weight:600;margin:0;color:#fff}.modal-message{font-size:1rem;line-height:1.6;margin-bottom:2rem;color:#fffc}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.modal-button-primary{background:linear-gradient(45deg,#00d4ff,#b794f6);color:#fff}.modal-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.modal-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.modal-button-secondary:hover{background:#ffffff1a;color:#fff}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}@media(max-width:600px){.modal-overlay{padding:1rem}.modal-container{padding:1.5rem}.modal-actions{flex-direction:column}.modal-button{width:100%}}.app{min-height:100vh;position:relative;overflow:hidden}.main-content{position:relative;z-index:10}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;opacity:.8;max-width:600px;margin:0 auto}.upload-section,.visualization-section,.processing-section{margin-bottom:3rem}.loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.container{padding:0 1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0c0c1d,#1a1a2e,#16213e);color:#fff;overflow-x:hidden}#root{min-height:100vh;position:relative}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.neon-blue{box-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 40px #00d4ff}.neon-purple{box-shadow:0 0 5px #b794f6,0 0 10px #b794f6,0 0 20px #b794f6,0 0 40px #b794f6}.neon-green{box-shadow:0 0 5px #48ff00,0 0 10px #48ff00,0 0 20px #48ff00,0 0 40px #48ff00}.neon-pink{box-shadow:0 0 5px #ff006e,0 0 10px #ff006e,0 0 20px #ff006e,0 0 40px #ff006e}.neon-orange{box-shadow:0 0 5px #ff8500,0 0 10px #ff8500,0 0 20px #ff8500,0 0 40px #ff8500}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#b794f6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#b794f6,#00d4ff)}.text-gradient{background:linear-gradient(45deg,#00d4ff,#b794f6,#48ff00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(45deg,#00d4ff,#b794f6);border:none;padding:12px 24px;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translate(-2px);box-shadow:0 10px 20px #00d4ff4d,0 6px 6px #00d4ff33}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;transform:translate(-2px)}