:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-glow:#6366f126;--success:#22c55e;--success-bg:#22c55e1a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#3b82f6;--info-bg:#3b82f61a;--uncertain:#a78bfa;--uncertain-bg:#a78bfa1a;--bg-base:#0a0a0f;--bg-surface:#12121a;--bg-elevated:#1a1a28;--bg-hover:#22223a;--bg-input:#16162a;--border:#ffffff0f;--border-light:#ffffff1a;--border-focus:#6366f180;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #6366f126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 20% 20%,#6366f10f 0%,#0000 70%),radial-gradient(500px 300px at 80% 80%,#a855f70a 0%,#0000 70%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}.app-container{z-index:1;max-width:480px;min-height:100dvh;margin:0 auto;padding:20px 16px;position:relative}.app-header{text-align:center;margin-bottom:28px;padding-top:12px}.app-logo{background:linear-gradient(135deg,var(--primary),#a855f7);border-radius:var(--radius-lg);width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.app-logo svg{color:#fff;width:28px;height:28px}.app-title{letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:22px;font-weight:700}.app-subtitle{color:var(--text-muted);font-size:13px;line-height:1.5}.input-section{margin-bottom:24px}.input-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color .3s,box-shadow .3s}.input-card:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.input-label{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.input-wrapper{position:relative}.link-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:none;outline:none;min-height:80px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}.link-input::placeholder{color:var(--text-muted);font-size:13px}.link-input:focus{border-color:var(--border-focus)}.submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 12px #6366f140}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f159}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn svg{width:18px;height:18px}.workflow-section{margin-bottom:24px}.workflow-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px}.workflow-title{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.workflow-title svg{width:16px;height:16px;color:var(--primary-light)}.workflow-steps{list-style:none;position:relative}.workflow-step{padding-bottom:20px;padding-left:36px;position:relative}.workflow-step:last-child{padding-bottom:0}.workflow-step:before{content:"";background:var(--border);width:1px;position:absolute;top:26px;bottom:0;left:13px}.workflow-step:last-child:before{display:none}.step-icon{border:2px solid var(--border);background:var(--bg-surface);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .4s;display:flex;position:absolute;top:1px;left:0}.step-icon svg{width:14px;height:14px}.workflow-step.pending .step-icon{border-color:var(--border);color:var(--text-muted)}.workflow-step.active .step-icon{border-color:var(--primary);background:var(--primary-glow);color:var(--primary-light);animation:2s ease-in-out infinite pulse-ring;box-shadow:0 0 12px #6366f14d}.workflow-step.done .step-icon{border-color:var(--success);background:var(--success-bg);color:var(--success)}.workflow-step.error .step-icon{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.workflow-step.active:before{background:linear-gradient(to bottom,var(--primary),var(--border))}.workflow-step.done:before{background:var(--success);opacity:.4}.step-content{padding-top:3px}.step-name{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.workflow-step.pending .step-name{color:var(--text-muted)}.step-desc{color:var(--text-muted);font-size:12px}.workflow-step.active .step-desc{color:var(--text-secondary)}.result-section{margin-bottom:24px}.result-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.result-header{border-bottom:1px solid var(--border);padding:16px}.result-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.video-title{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.video-title svg{width:14px;height:14px;color:var(--primary-light);flex-shrink:0}.transcript-block{border-bottom:1px solid var(--border);padding:16px}.transcript-toggle{cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-family:inherit;font-size:13px;font-weight:600;display:flex}.transcript-toggle svg{width:16px;height:16px;transition:transform .2s}.transcript-toggle.expanded svg{transform:rotate(180deg)}.transcript-text{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:pre-wrap;max-height:200px;margin-top:10px;padding:12px;font-size:13px;line-height:1.7;overflow-y:auto}.claims-list{padding:12px 16px}.claim-item{background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid #0000;margin-bottom:10px;padding:14px;transition:border-color .2s}.claim-item:last-child{margin-bottom:0}.claim-item.true{border-left-color:var(--success)}.claim-item.false{border-left-color:var(--danger)}.claim-item.uncertain{border-left-color:var(--warning)}.claim-item.unverifiable{border-left-color:var(--uncertain)}.claim-header{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.claim-badge{letter-spacing:.02em;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.claim-badge.true{background:var(--success-bg);color:var(--success)}.claim-badge.false{background:var(--danger-bg);color:var(--danger)}.claim-badge.uncertain{background:var(--warning-bg);color:var(--warning)}.claim-badge.unverifiable{background:var(--uncertain-bg);color:var(--uncertain)}.claim-statement{color:var(--text-primary);flex:1;font-size:14px;font-weight:600;line-height:1.5}.claim-analysis{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.claim-sources{flex-wrap:wrap;gap:6px;display:flex}.source-tag{background:var(--bg-base);color:var(--text-muted);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;text-decoration:none;transition:color .2s;display:inline-flex}.source-tag:hover{color:var(--primary-light)}.source-tag svg{width:10px;height:10px}.summary-block{border-top:1px solid var(--border);background:var(--bg-elevated);padding:16px}.summary-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.summary-title svg{width:16px;height:16px;color:var(--warning)}.summary-content{color:var(--text-secondary);font-size:13px;line-height:1.7}.credibility-meter{align-items:center;gap:10px;margin-top:12px;display:flex}.meter-bar{background:var(--bg-base);border-radius:3px;flex:1;height:6px;overflow:hidden}.meter-fill{border-radius:3px;height:100%;transition:width .8s}.meter-fill.high{background:linear-gradient(90deg,var(--success),#4ade80)}.meter-fill.medium{background:linear-gradient(90deg,var(--warning),#fbbf24)}.meter-fill.low{background:linear-gradient(90deg,var(--danger),#f87171)}.meter-label{text-align:right;min-width:36px;font-size:13px;font-weight:700}.meter-label.high{color:var(--success)}.meter-label.medium{color:var(--warning)}.meter-label.low{color:var(--danger)}.error-toast{background:var(--danger-bg);border-radius:var(--radius-md);color:var(--danger);border:1px solid #ef444433;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:13px;animation:.3s fade-in;display:flex}.error-toast svg{flex-shrink:0;width:18px;height:18px;margin-top:1px}@keyframes pulse-ring{0%,to{box-shadow:0 0 #6366f14d}50%{box-shadow:0 0 0 6px #6366f100}}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}@supports (padding:env(safe-area-inset-bottom)){.app-container{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}