.spark-trend-container{max-width:1400px;margin:0 auto;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15);overflow:hidden;min-height:100vh}.header{background:linear-gradient(135deg,#36d1dc,#5b86e5);color:white;padding:50px 40px;text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.header h1{font-size:3.2em;margin-bottom:15px;font-weight:700;letter-spacing:-.02em}.header h1,.header p{position:relative;z-index:1}.header p{opacity:.95;font-size:1.3em;font-weight:400;margin-bottom:8px}.search-section{padding:50px 40px;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;align-items:end;max-width:1200px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-weight:600;color:#334155;font-size:.95em;letter-spacing:.01em}button,input,select{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:white;font-family:inherit}input:focus,select:focus{outline:none;border-color:#36d1dc;box-shadow:0 0 0 4px rgba(54,209,220,.1);transform:translateY(-1px)}input{min-width:280px}select[multiple]{min-height:120px}.search-btn{background:linear-gradient(135deg,#e86a2d,#ff8f42);color:white;border:none;cursor:pointer;font-weight:600;min-width:140px;box-shadow:0 4px 15px rgba(232,106,45,.3)}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#d45a1f,#e86a2d);transform:translateY(-2px);box-shadow:0 8px 25px rgba(232,106,45,.4)}.search-btn:active{transform:translateY(0)}.search-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.popular-searches{margin-top:30px;text-align:center;max-width:1200px;margin-left:auto;margin-right:auto}.popular-searches p{color:#64748b;margin-bottom:15px;font-weight:500}.search-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.search-tag{background:white;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:20px;font-size:.9em;cursor:pointer;transition:all .3s ease}.search-tag:hover{background:#36d1dc;color:white;border-color:#36d1dc;transform:translateY(-1px)}.results-section{padding:50px 40px;background:white;min-height:400px}.loading{text-align:center;padding:60px;color:#64748b;font-size:1.3em;font-weight:500}.loading:after{content:"";display:inline-block;width:24px;height:24px;border-radius:50%;border:3px solid #36d1dc;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:15px}@keyframes spin{to{transform:rotate(1turn)}}.no-results{text-align:center;padding:60px;color:#64748b;font-size:1.2em}.results-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e2e8f0}.results-info h3{margin-bottom:10px;color:#1e293b}.results-info p{color:#6c757d;margin:0}.view-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.analytics-btn,.view-btn{background:white;border:2px solid #e2e8f0;color:#64748b;padding:10px 16px;border-radius:8px;font-size:.9em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;font-weight:500}.analytics-btn:hover,.view-btn:hover{border-color:#36d1dc;color:#36d1dc;transform:translateY(-1px)}.analytics-btn.active,.view-btn.active{background:#36d1dc;border-color:#36d1dc;color:white}.export-controls{display:flex;gap:8px;flex-wrap:wrap}.export-btn{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;padding:8px 12px;border-radius:6px;font-size:.8em;cursor:pointer;transition:all .3s ease;font-weight:500}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.analytics-dashboard{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border:1px solid #b3e5fc}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e2e8f0}.analytics-card h4{color:#1e293b;margin-bottom:15px;font-size:1.1em}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{text-align:center;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-value{display:block;font-size:1.8em;font-weight:700;color:#e86a2d;margin-bottom:4px}.stat-label{font-size:.85em;color:#64748b;font-weight:500}.top-topics{display:flex;flex-direction:column;gap:12px}.top-topic-item{gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.rank,.top-topic-item{display:flex;align-items:center}.rank{background:#e86a2d;color:white;width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:700;font-size:.9em}.topic-details{flex:1}.topic-details a{color:#1e293b;text-decoration:none;font-weight:600;display:block;margin-bottom:4px}.topic-details a:hover{color:#e86a2d}.topic-stats{font-size:.8em;color:#64748b}.charts-container{margin-bottom:30px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.chart-container{background:white;padding:25px;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid #e2e8f0;transition:all .3s ease}.chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.chart-container h4{color:#1e293b;margin-bottom:20px;font-size:1.2em;font-weight:700;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.tooltip-content{background:white;padding:12px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e2e8f0;max-width:250px}.tooltip-title{font-weight:600;color:#1e293b;margin-bottom:6px;font-size:.9em}.tooltip-comments,.tooltip-platform,.tooltip-score{font-size:.8em;color:#64748b;margin:2px 0}.tools-section{margin-top:50px;padding:40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;border:1px solid #e2e8f0}.tools-section h3{color:#1e293b;margin-bottom:15px;text-align:center;font-size:1.8em;font-weight:700}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.tool-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tool-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.15);transform:translateY(-4px);border-color:#36d1dc}.tool-icon{margin-bottom:20px;color:#36d1dc}.tool-card h4{color:#1e293b;margin-bottom:12px;font-size:1.2em}.tool-card p{color:#64748b;margin-bottom:20px;font-size:.95em;line-height:1.5}.tool-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:15px;font-size:.9em;transition:all .3s ease}.tool-input:focus{outline:none;border-color:#36d1dc;box-shadow:0 0 0 3px rgba(54,209,220,.1)}.tool-btn{background:linear-gradient(135deg,#36d1dc,#5b86e5);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;width:100%}.tool-btn:hover{background:linear-gradient(135deg,#2bc9d4,#4f7cdb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,209,220,.3)}.tool-btn.export-srt{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-btn.export-srt:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px rgba(139,92,246,.3)}.tool-btn.transcript{background:linear-gradient(135deg,#f59e0b,#d97706)}.tool-btn.transcript:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px rgba(245,158,11,.3)}.export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.export-buttons .export-btn{padding:10px 12px;font-size:.85em}.export-btn.csv{background:linear-gradient(135deg,#10b981,#059669)}.export-btn.json{background:linear-gradient(135deg,#3b82f6,#2563eb)}.export-btn.txt{background:linear-gradient(135deg,#64748b,#475569)}.export-btn.pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.extraction-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.25)}.modal-header{padding:20px 25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#1e293b}.close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:#64748b;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:25px;flex:1;overflow-y:auto}.extracted-text{width:100%;min-height:200px;padding:15px;border:2px solid #e2e8f0;border-radius:8px;resize:vertical;font-family:monospace;font-size:.9em;line-height:1.5}.modal-footer{padding:20px 25px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.copy-btn,.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.download-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.copy-btn:hover,.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.results-header h3{margin-bottom:10px;color:#1e293b}.results-header p{color:#6c757d;margin:0}.results-list{display:flex;flex-direction:column;gap:20px}.topic-item{display:flex;background:white;border:1px solid #e2e8f0;border-radius:16px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.1)}.topic-item:hover{box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-4px);border-color:#36d1dc}.topic-rank{font-size:2.2em;font-weight:800;background:linear-gradient(135deg,#e86a2d,#ff8f42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:25px;min-width:70px;text-align:center}.topic-info{flex:1}.topic-title{margin-bottom:15px}.topic-title a{font-size:1.3em;font-weight:700;color:#1e293b;text-decoration:none;line-height:1.4;transition:color .3s ease}.topic-title a:hover{color:#e86a2d}.topic-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;align-items:center}.platform-tag{background:linear-gradient(135deg,#e86a2d,#ff8f42);color:white;padding:6px 14px;border-radius:20px;font-size:.85em;font-weight:600;box-shadow:0 2px 8px rgba(232,106,45,.3)}.meta-item{color:#64748b;font-size:.9em;display:flex;align-items:center;font-weight:500}.topic-content{color:#475569;line-height:1.7;margin-bottom:20px;max-height:120px;overflow:hidden;position:relative;font-size:1.05em}.topic-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.action-btn{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;padding:10px 16px;border-radius:8px;font-size:.9em;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:500}.action-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.bookmarks-section{margin-top:50px;padding:30px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.bookmarks-section h3{color:#1e293b;margin-bottom:20px;font-size:1.5em}.bookmarks-list{display:flex;flex-direction:column;gap:15px}.bookmark-item{display:flex;align-items:center;justify-content:space-between;background:white;padding:15px 20px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.bookmark-item:hover{border-color:#36d1dc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(54,209,220,.1)}.bookmark-item a{color:#1e293b;text-decoration:none;font-weight:600;flex:1;margin-right:15px}.bookmark-item a:hover{color:#e86a2d}.bookmark-platform{background:#f1f5f9;color:#64748b;padding:4px 12px;border-radius:12px;font-size:.8em;font-weight:500;margin-right:15px}.remove-bookmark{background:#ef4444;color:white;border:none;padding:6px 12px;border-radius:6px;font-size:.8em;cursor:pointer;transition:all .3s ease}.remove-bookmark:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.spark-trend-container{margin:10px;border-radius:15px}.header{padding:30px 20px}.header h1{font-size:2.5em}.search-section{padding:30px 20px}.search-form{grid-template-columns:1fr;gap:20px}.results-section{padding:30px 20px}.topic-item{flex-direction:column;text-align:center}.topic-rank{margin-right:0;margin-bottom:15px}.topic-actions,.topic-meta{justify-content:center}}@media (max-width:480px){.header h1{font-size:2em}.header p{font-size:1.1em}input{min-width:auto}.search-tags{gap:8px}.search-tag{font-size:.8em;padding:6px 12px}}