:root{--bg: #0B0F1A;--bg-card: #141925;--bg-card-hover: #1A2033;--bg-elevated: #1E2538;--primary: #7C3AED;--primary-light: #A78BFA;--accent: #F97316;--accent-light: #FB923C;--text: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #475569;--border: rgba(255,255,255,.07);--border-hover: rgba(255,255,255,.14);--destructive: #EF4444;--success: #22C55E;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 100px;--shadow-glow: 0 0 40px rgba(124,58,237,.15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (max-width: 640px){.nav-links{display:none!important}.nav-cta{font-size:12px!important;padding:8px 14px!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes lava1{0%{transform:translate(0) scale(1) rotate(0)}20%{transform:translate(80px,-120px) scale(1.15) rotate(45deg)}40%{transform:translate(-60px,-80px) scale(.9) rotate(90deg)}60%{transform:translate(120px,40px) scale(1.2) rotate(180deg)}80%{transform:translate(-40px,100px) scale(.85) rotate(270deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes lava2{0%{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-100px,60px) scale(1.1) rotate(-60deg)}50%{transform:translate(60px,140px) scale(.95) rotate(-120deg)}75%{transform:translate(100px,-60px) scale(1.15) rotate(-240deg)}to{transform:translate(0) scale(1) rotate(-360deg)}}@keyframes lava3{0%{transform:translate(0) scale(1)}30%{transform:translate(140px,80px) scale(1.25)}60%{transform:translate(-80px,-40px) scale(.8)}to{transform:translate(0) scale(1)}}@keyframes lavaFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatPill{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #7c3aed26,0 0 60px #7c3aed0d}50%{box-shadow:0 0 30px #7c3aed40,0 0 80px #f973161a}}.hero-pill{display:inline-flex;align-items:center;gap:8;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:100px;padding:10px 24px;font-size:14px;color:#a78bfa;margin-bottom:40;animation:fadeUp .5s ease,floatPill 4s ease-in-out infinite}.hero-title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(42px,7vw,76px);font-weight:700;letter-spacing:-.045em;line-height:1.05;text-align:center;margin-bottom:24px;background:linear-gradient(135deg,#fff,#e2e8f0,#f97316,#a78bfa,#fff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeUp .6s ease .05s both,gradientShift 8s ease infinite}.hero-subtitle{font-size:18px;color:#94a3b8;line-height:1.75;text-align:center;max-width:640px;margin-bottom:56px;animation:fadeUp .6s ease .12s both}.hero-search-wrap{width:100%;max-width:820px;animation:fadeUp .6s ease .18s both,glowPulse 4s ease-in-out infinite;position:relative;border-radius:22px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.source-pill{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s;white-space:nowrap}.source-pill:hover{border-color:var(--border-hover);color:var(--text)}.source-pill.active{background:#7c3aed1f;border-color:#7c3aed59;color:#fff}.search-input{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:16px;font-family:Inter,sans-serif;padding:16px 0}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none}.search-input:focus~.submit-btn{box-shadow:0 0 20px #f9731633}.submit-btn{width:44px;height:44px;border-radius:12px;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.submit-btn:hover:not(:disabled){background:var(--accent-light);transform:scale(1.04);box-shadow:0 0 20px #f973164d}.submit-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#1a2033;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;z-index:50;box-shadow:0 8px 32px #0006;animation:fadeUp .15s ease}.profile-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:11px 16px;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:background .15s}.profile-dropdown-item:hover{background:#ffffff0a;color:var(--text)}.app-home-heading{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.recent-grid{display:flex;flex-direction:column;gap:8px}.recent-card{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 18px;cursor:pointer;transition:border-color .2s,transform .2s}.recent-card:hover{border-color:#7c3aed40;transform:translate(4px)}.recent-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg-elevated)}.recent-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.recent-title{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-badge-sm{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:capitalize}.source-badge-sm.spotify{background:#1db9541f;color:#1db954}.source-badge-sm.apple{background:#fc3c441f;color:#fc3c44}.source-badge-sm.youtube{background:#ff00001f;color:#f44}.source-badge-sm.x{background:#ffffff14;color:#e7e9ea}.source-badge-sm.upload{background:#94a3b81a;color:#94a3b8}.app-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 768px){.app-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.app-features-grid{grid-template-columns:1fr}}.app-feature-card{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px;transition:border-color .3s,box-shadow .3s}.app-feature-card:hover{border-color:#7c3aed40;box-shadow:0 0 20px #7c3aed14}.app-feature-icon{width:36px;height:36px;border-radius:10px;background:#7c3aed1a;color:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-feature-title{font-size:13px;font-weight:600;margin-bottom:3px}.app-feature-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.result-panel{animation:fadeUp .3s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeUp .2s ease}.section{padding:120px 24px;max-width:1100px;margin:0 auto}.section-label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:14px;text-align:center}.section-title{font-size:clamp(26px,4vw,42px);font-weight:700;letter-spacing:-.03em;text-align:center;margin-bottom:14px;line-height:1.15}.section-subtitle{font-size:15px;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 56px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features-grid .feature-card.featured:first-child{grid-column:1 / 2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center}.features-grid .feature-card.featured:nth-child(2){grid-column:2 / 3;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.features-grid .feature-card.featured{grid-column:auto;grid-row:auto}}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s}.feature-card:hover{border-color:#7c3aed4d;transform:translateY(-4px);box-shadow:var(--shadow-glow)}.feature-card.featured{border-color:#7c3aed33;background:linear-gradient(180deg,rgba(124,58,237,.08) 0%,var(--bg-card) 60%);padding:40px}.feature-card.featured .feature-icon{width:52px;height:52px;border-radius:14px}.feature-card.featured .feature-title{font-size:19px}.feature-card.featured .feature-desc{font-size:14px}.feature-icon{width:44px;height:44px;border-radius:12px;background:#7c3aed1f;color:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-title{font-size:16px;font-weight:600;margin-bottom:8px}.feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}}.step-card{text-align:center;position:relative}.step-card:not(:last-child):after{content:"";position:absolute;top:26px;left:calc(50% + 36px);width:calc(100% - 72px);height:2px;background:linear-gradient(90deg,#7c3aed66,#f9731666);pointer-events:none}@media (max-width: 768px){.step-card:not(:last-child):after{display:none}}.step-number{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #7c3aed40;position:relative;z-index:1}.step-title{font-size:17px;font-weight:600;margin-bottom:8px}.step-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.benefit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .3s}.benefit-card:hover{border-color:#f973164d}.benefit-icon{width:40px;height:40px;border-radius:10px;background:#f973161a;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.benefit-title{font-size:15px;font-weight:600;margin-bottom:8px}.benefit-desc{font-size:13px;color:var(--text-secondary);line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:border-color .3s,transform .3s}.stat-card:hover{border-color:#7c3aed33;transform:translateY(-2px)}.stat-value{font-family:Space Grotesk,Inter,sans-serif;font-size:36px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.03em}.stat-label{font-size:13px;color:var(--text-secondary)}.trustpilot-card{border-color:#00b67a33}.trustpilot-card:hover{border-color:#00b67a66}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:740px;margin:0 auto}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;position:relative}.pricing-card.featured{border-color:#f9731666;background:linear-gradient(180deg,rgba(249,115,22,.08) 0%,var(--bg-card) 50%);box-shadow:0 0 40px #f9731614,0 0 80px #7c3aed0d;transform:scale(1.03)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 16px;border-radius:var(--radius-full);letter-spacing:.05em}.pricing-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px}.pricing-name{font-size:20px;font-weight:700;margin-bottom:4px}.pricing-price{font-size:44px;font-weight:800;letter-spacing:-.04em;margin:12px 0 4px}.pricing-period{font-size:13px;color:var(--text-muted);margin-bottom:8px}.pricing-tagline{font-size:13px;color:var(--text-secondary);margin-bottom:28px}.pricing-features{list-style:none;padding:0}.pricing-features li{font-size:13px;color:var(--text-secondary);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:10px}.pricing-features li:last-child{border-bottom:none}.check{color:var(--success);flex-shrink:0}.cross{color:var(--text-muted);flex-shrink:0}.pricing-btn{width:100%;padding:15px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;margin-top:28px;transition:all .2s}.pricing-btn.primary{background:var(--accent);color:#fff}.pricing-btn.primary:hover{background:var(--accent-light);box-shadow:0 8px 24px #f9731640}.pricing-btn.secondary{background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border)}.pricing-btn.secondary:hover{border-color:var(--border-hover);color:#fff}.bottom-cta{padding:100px 24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(124,58,237,.06) 50%,transparent 100%);border-top:1px solid var(--border)}.bottom-cta-inner{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s,transform .3s}.testimonial-card:hover{border-color:#7c3aed33;transform:translateY(-2px)}.testimonial-text{font-size:14px;color:var(--text-secondary);line-height:1.75;margin-bottom:20px;flex:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.testimonial-name{font-size:13px;font-weight:600}.testimonial-role{font-size:11px;color:var(--text-muted)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;background:none;border:none;color:#fff;font-size:15px;font-weight:500;font-family:Inter,sans-serif;text-align:left;padding:22px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .15s}.faq-question:hover{color:var(--accent)}.faq-chevron{color:var(--text-muted);transition:transform .2s;flex-shrink:0}.faq-chevron.open{transform:rotate(180deg);color:var(--accent)}.faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:0 0 22px}.footer{border-top:1px solid var(--border);padding:48px 24px;text-align:center;color:var(--text-muted);font-size:13px}.footer-tool-link:hover{color:var(--accent)!important}.tool-card-link:hover{border-color:#f973164d!important}.result-app{display:grid;grid-template-columns:320px 1fr 380px;gap:0;width:calc(100% - 32px);max-width:1600px;margin:24px auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;height:calc(100vh - 140px);min-height:600px;animation:fadeUp .4s ease}@media (max-width: 1200px){.result-app{grid-template-columns:280px 1fr 320px}}@media (max-width: 900px){.result-app{grid-template-columns:1fr;height:auto;min-height:auto}}.panel-left{border-right:1px solid var(--border);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:0;background:#00000026}@media (max-width: 900px){.panel-left{border-right:none;border-bottom:1px solid var(--border)}}.ep-cover{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;margin-bottom:14px;background:var(--bg-elevated);box-shadow:0 4px 20px #0000004d}.ep-cover-placeholder{width:100%;aspect-ratio:1;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,#1e293b,#0f172a,#1e1b4b);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d}.x-profile-card{width:100%;aspect-ratio:1;border-radius:14px;margin-bottom:14px;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d}.x-profile-pic{width:65%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #00000080}.x-profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.x-profile-placeholder svg{width:64px;height:64px;color:#ffffff26}.x-watermark{position:absolute;bottom:10px;right:10px;opacity:.25}.x-watermark svg{width:18px;height:18px;color:#fff}.ep-cover-placeholder span{font-size:48px;font-weight:800;color:#ffffff1f;letter-spacing:-.04em}.source-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:5px 14px;border-radius:var(--radius-full);margin-bottom:10px;width:fit-content}.source-badge.spotify{background:#1db9541f;color:#1db954}.source-badge.apple{background:#fc3c441f;color:#fc3c44}.source-badge.youtube{background:#ff00001f;color:#f44}.source-badge.x{background:#ffffff14;color:#e7e9ea}.ep-show{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:5px}.ep-title{font-size:17px;font-weight:700;line-height:1.35;margin-bottom:8px;color:var(--text)}.ep-date{font-size:12px;color:var(--text-muted);margin-bottom:2px}.ep-stats{font-size:12px;color:var(--text-muted)}.ep-divider{height:1px;background:var(--border);margin:14px 0}.ep-desc-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.ep-desc{font-size:13px;color:var(--text-muted);line-height:1.7;overflow-y:auto;max-height:200px}.panel-center{display:flex;flex-direction:column;overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background:#0000001a}.panel-tab{padding:14px 18px;font-size:13px;font-weight:500;font-family:Inter,sans-serif;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.panel-tab.active{color:#fff;border-bottom-color:var(--accent)}.panel-tab:hover{color:var(--text-secondary)}.panel-actions{display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.action-btn{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:7px 16px;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;text-decoration:none}.action-btn:hover{border-color:var(--border-hover);color:var(--text)}.action-btn.summarize{margin-left:auto;background:#f973161a;border-color:#f9731640;color:var(--accent)}.action-btn.summarize:hover{background:#f973162e}.transcript-scroll{flex:1;overflow-y:auto;padding:20px 24px}.transcript-segment{display:flex;gap:14px;padding:8px 6px;border-radius:8px;transition:background .2s;border-left:2px solid transparent}.transcript-segment.active-segment{background:#f9731614;border-left:2px solid #F97316;padding-left:10px}.transcript-para{padding:14px 12px;border-radius:10px;transition:background .2s;border-left:3px solid transparent;margin-bottom:6px}.transcript-para.active-segment{background:#f973160f;border-left:3px solid #F97316}.ts-badge{font-size:11px;font-weight:600;color:var(--accent);background:#f973161a;padding:3px 10px;border-radius:20px;flex-shrink:0;height:fit-content;margin-top:3px;font-variant-numeric:tabular-nums}.ts-badge-lg{font-size:12px;font-weight:700;color:var(--accent);background:#f973161a;padding:4px 12px;border-radius:20px;flex-shrink:0;height:fit-content;font-variant-numeric:tabular-nums;letter-spacing:.02em;border:1px solid rgba(249,115,22,.15)}.ts-text{font-size:15px;line-height:1.85;color:var(--text-secondary)}.summary-content{flex:1;overflow-y:auto;padding:24px;font-size:15px;line-height:1.85;color:var(--text-secondary)}.summary-content strong{color:var(--text)}.panel-right{border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;height:100%;background:#0000001a}@media (max-width: 900px){.panel-right{border-left:none;border-top:1px solid var(--border);min-height:400px}}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text);flex-shrink:0;display:flex;align-items:center;gap:8px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.chat-bubble{max-width:88%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.7}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{align-self:flex-start;background:var(--bg-elevated);color:var(--text-secondary);border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;font-family:Inter,sans-serif;outline:none}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:#f9731666}.chat-send{width:42px;height:42px;border-radius:12px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.chat-send:hover{background:var(--accent-light)}.chat-send:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed}.export-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden;z-index:20;min-width:160px;box-shadow:0 8px 30px #00000080}.export-menu button{display:block;width:100%;padding:11px 18px;background:none;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.export-menu button:hover{background:#ffffff0a;color:var(--text)}.speaker-label{font-size:11px;font-weight:700;color:var(--primary-light);background:#7c3aed1f;padding:3px 10px;border-radius:20px;flex-shrink:0;height:fit-content;margin-top:2px}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto;z-index:30;box-shadow:0 12px 40px #00000080}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-item:last-child{border-bottom:none}.search-result-item img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}mark{background:#f973164d;color:#fff;padding:0 2px;border-radius:2px}.panel-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.panel-tabs::-webkit-scrollbar{display:none}.source-badge.upload{background:#7c3aed1f;color:var(--primary-light)}.demo-container{max-width:1100px;margin:48px auto 0;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#131a2b;box-shadow:0 0 100px #f9731614,0 0 60px #7c3aed0f,0 20px 60px #00000080;overflow:hidden}.demo-mock{display:grid;grid-template-columns:240px 1fr 280px;min-height:500px}.demo-left{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.demo-cover-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#1e293b,#0f172a,#1e1b4b);flex-shrink:0}.demo-cover-img{width:100%;height:100%;object-fit:cover;display:block}.demo-badge-overlay{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1db954;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:6px}.demo-meta{padding:14px 16px;flex:1}.demo-ep-show{font-size:11px;color:#94a3b8;margin-bottom:6px;display:flex;align-items:center;gap:5px}.demo-ep-title{font-size:15px;font-weight:700;color:#f1f5f9;line-height:1.35;margin-bottom:8px}.demo-ep-meta{font-size:11px;color:#64748b}.demo-ep-divider{height:1px;background:#ffffff0f;margin:12px 0}.demo-ep-desc{font-size:12px;color:#94a3b8;line-height:1.6}.demo-center{padding:16px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.demo-tabs{display:flex;gap:2px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.demo-tab{font-size:12px;font-weight:500;color:#475569;padding:5px 10px;border-radius:6px;cursor:default;transition:color .15s}.demo-tab.active{color:#f97316;background:#f973161a;font-weight:600}.demo-actions-bar{display:flex;gap:6px;margin-bottom:14px}.demo-action-btn{font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;background:#ffffff0a;color:#94a3b8;cursor:default;border:1px solid rgba(255,255,255,.04)}.demo-action-btn.summarize{background:#f973161a;color:#f97316;border-color:#f9731626}.demo-transcript-wrap{flex:1;position:relative;overflow:hidden}.demo-transcript{overflow-y:auto;max-height:100%;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.demo-transcript::-webkit-scrollbar{width:4px}.demo-transcript::-webkit-scrollbar-track{background:transparent}.demo-transcript::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.demo-transcript-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#131a2b);pointer-events:none}.demo-para{display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.04)}.demo-para:first-child{border-top:none}.demo-ts{font-size:11px;font-weight:700;color:#fb923c;background:#fb923c1f;padding:3px 8px;border-radius:5px;height:fit-content;white-space:nowrap;margin-top:2px;letter-spacing:.02em}.demo-text{font-size:13px;color:#cbd5e1;line-height:1.7}.demo-right{padding:16px;display:flex;flex-direction:column;background:#ffffff05}.demo-chat-header{font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:6px}.demo-chat-header svg{color:#f97316}.demo-chat-messages{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.demo-bubble{font-size:12px;line-height:1.65;padding:10px 13px;border-radius:14px;max-width:95%}.demo-bubble.user{background:linear-gradient(135deg,#7c3aed33,#6366f126);color:#c4b5fd;align-self:flex-end;border-bottom-right-radius:4px;font-weight:500}.demo-bubble.assistant{background:#ffffff0a;color:#94a3b8;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.04)}.demo-bubble.assistant strong{color:#e2e8f0;font-weight:600}.demo-chat-input{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 14px;margin-top:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-size:12px;color:#475569}.demo-send-btn{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-send-btn svg{color:#fff}@media (max-width: 900px){.demo-mock{grid-template-columns:1fr;min-height:auto}.demo-left{display:none}.demo-right{border-top:1px solid rgba(255,255,255,.06)}.demo-center{border-right:none}}@media (max-width: 600px){.demo-container{margin:32px auto 0;border-radius:14px}.demo-right{display:none}}
