:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg-dark: #0f0f1a;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--success: #00d9a5;--warning: #ffd93d;--error: #ff6b6b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-glow: 0 0 40px rgba(102, 126, 234, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}.app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.app-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(240,147,251,.08) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(3%,-2%) rotate(.5deg)}}.app-container{flex:1;display:flex;flex-direction:column;padding:var(--spacing-md);max-width:800px;margin:0 auto;width:100%}.app-header{text-align:center;padding:var(--spacing-xl) 0}.app-logo{width:80px;height:80px;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 20px rgba(102,126,234,.5));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-title{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs)}.app-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:300}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow),var(--shadow-card)}.upload-zone{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);overflow:hidden}.upload-zone:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:opacity var(--transition-normal)}.upload-zone:hover,.upload-zone.drag-over{border-color:#667eea80}.upload-zone:hover:before,.upload-zone.drag-over:before{opacity:.05}.upload-zone.drag-over{transform:scale(1.02)}.upload-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);opacity:.6;transition:all var(--transition-normal)}.upload-zone:hover .upload-icon{opacity:1;transform:translateY(-5px)}.upload-text{font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.upload-hint{font-size:.9rem;color:var(--text-muted)}.upload-input{display:none}.progress-section{margin-top:var(--spacing-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.progress-title{font-size:1rem;font-weight:500}.progress-percentage{font-size:.9rem;color:var(--text-secondary)}.progress-bar-container{height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-status{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--spacing-xs)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.result-card{margin-top:var(--spacing-lg);text-align:center}.result-icon{width:80px;height:80px;margin:0 auto var(--spacing-md)}.result-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--success)}.result-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-normal);margin-top:var(--spacing-sm)}.result-link:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.app-footer{text-align:center;padding:var(--spacing-lg) 0;color:var(--text-muted);font-size:.85rem}.app-footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.app-footer a:hover{color:var(--text-primary)}@media(max-width:640px){.app-container{padding:var(--spacing-sm)}.app-header{padding:var(--spacing-lg) 0}.app-logo{width:60px;height:60px}.app-title{font-size:1.8rem}.app-subtitle{font-size:1rem}.glass-card{padding:var(--spacing-md)}.upload-zone{padding:var(--spacing-lg)}.upload-icon{width:48px;height:48px}.upload-text{font-size:1rem}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.App{width:100%;min-height:100%}.history-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);transition:background .2s}.history-item:hover{background:#ffffff14}.history-info{display:flex;flex-direction:column}.history-name{font-weight:500;font-size:.95rem}.history-date{font-size:.8rem;color:var(--text-muted)}.history-actions{display:flex;gap:var(--spacing-xs)}.history-link{font-size:.85rem;padding:4px 12px;background:var(--primary-gradient);color:#fff;text-decoration:none;border-radius:var(--radius-full);opacity:.9;transition:opacity .2s}.history-link.secondary{background:#ffffff1a}.history-link:hover{opacity:1}