@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#000;min-height:100vh;color:#fff}.app-container{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);padding:20px}.header{text-align:center;margin-bottom:40px;padding:30px 0}.header h1{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite;margin-bottom:10px}.header p{font-size:1.2rem;color:#ccc;font-weight:300}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.search-container{max-width:800px;margin:0 auto 40px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.search-form{display:flex;gap:15px;margin-bottom:20px}.search-input{flex:1;padding:15px 20px;border:none;border-radius:12px;background:#0009;color:#fff;font-size:1.1rem;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.search-input:focus{outline:none;background:#000c;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc44d}.search-input::placeholder{color:#ffffff80}.search-button{padding:15px 30px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px;font-family:Poppins,sans-serif}.search-button:hover:not(:disabled){background:linear-gradient(45deg,#ee5a24,#ff6b6b);transform:translateY(-2px);box-shadow:0 5px 15px #ee5a2466}.search-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-suggestions{text-align:center;color:#fffc;font-size:.9rem}.suggestions-label{margin-bottom:10px;font-weight:500}.suggestion-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.suggestion-tag{background:#fff3;padding:8px 15px;border-radius:20px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.suggestion-tag:hover{background:#4ecdc44d;border-color:#4ecdc4}.loading-container{max-width:800px;margin:0 auto;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;text-align:center;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.loading-title{font-size:1.5rem;margin-bottom:20px;color:#4ecdc4}.loading-status{font-size:1.1rem;margin-bottom:30px;color:#ffffffe6}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:15px}.progress-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#45b7d1);transition:width .3s ease;border-radius:4px}.progress-text{color:#fffc;font-size:.9rem}.results-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.stats-card,.chart-card,.insight-card,.posts-card{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1)}.insight-card,.posts-card{grid-column:1 / -1}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#4ecdc4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;background:#0009;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.positive{color:#2ecc71}.negative{color:#e74c3c}.neutral{color:#f39c12}.total{color:#3498db}.insight-text{font-size:1.2rem;line-height:1.6;color:#ffffffe6;background:#0009;padding:20px;border-radius:12px;border-left:4px solid #4ecdc4}.chart-container{height:300px;display:flex;justify-content:center;align-items:center}.posts-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.post-item{background:#0009;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.post-item:hover{background:#000c;transform:translateY(-2px)}.post-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:10px;gap:15px}.post-title{font-weight:600;font-size:1rem;line-height:1.4;flex:1}.sentiment-tag{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sentiment-positive{background:#2ecc714d;color:#2ecc71;border:1px solid #2ecc71}.sentiment-negative{background:#e74c3c4d;color:#e74c3c;border:1px solid #e74c3c}.sentiment-neutral{background:#f39c124d;color:#f39c12;border:1px solid #f39c12}.post-meta{font-size:.85rem;color:#ffffffb3;margin-top:10px}.error-container{max-width:600px;margin:40px auto;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;text-align:center;border:1px solid rgba(231,76,60,.3)}.error-title{font-size:1.5rem;color:#e74c3c;margin-bottom:15px}.error-message{color:#ffffffe6;line-height:1.6}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid #4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.header h1{font-size:2rem}.search-form{flex-direction:column}.results-container{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.suggestion-tags{justify-content:center}.post-header{flex-direction:column;align-items:flex-start;gap:10px}}