.pipeline-step{display:flex;gap:16px;padding:18px 24px;border-radius:14px;border:1px solid var(--border-light);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.pipeline-step:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:transparent;transition:background .3s}.pipeline-step--running{border-color:rgba(123,97,255,.3);background:rgba(123,97,255,.04);transform:scale(1.01);box-shadow:0 8px 30px rgba(0,0,0,.3),inset 0 0 0 1px rgba(123,97,255,.1)}.pipeline-step--running:before{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.pipeline-step--complete{border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.02)}.pipeline-step--complete:before{background:var(--success)}.pipeline-step--pending{opacity:.5;background:transparent;box-shadow:none}.step-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:all .3s}.pipeline-step--running .step-icon{color:var(--accent-light);background:rgba(123,97,255,.1);border-color:rgba(123,97,255,.2);box-shadow:0 0 20px var(--accent-glow)}.pipeline-step--complete .step-icon{color:var(--success);background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.pipeline-step--pending .step-icon{color:var(--text-muted)}.step-content{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.step-label{font-weight:600;font-size:15px;margin-bottom:6px;color:var(--text-primary);letter-spacing:-.01em}.progress-bar,.step-progress{overflow:hidden}.progress-bar{width:100%;height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin:10px 0}.progress-fill{height:100%;background:var(--gradient-1);border-radius:2px;box-shadow:0 0 10px var(--accent-glow)}.step-detail{color:var(--accent-light)}.step-detail,.step-result{font-size:13px;font-weight:500}.step-result{color:var(--success)}.spin{animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scraper-page{max-width:900px;margin:0 auto;position:relative}.page-header{text-align:center;margin-bottom:48px;position:relative}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(123,97,255,.08);border:1px solid rgba(123,97,255,.2);border-radius:24px;font-size:13px;font-weight:500;color:var(--accent-light);margin-bottom:24px;box-shadow:0 4px 12px rgba(123,97,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h1{font-size:44px;font-weight:800;letter-spacing:-.04em;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.page-subtitle{color:var(--text-secondary);font-size:16px;max-width:540px;margin:0 auto;line-height:1.6}.search-form{display:flex;gap:16px;margin-bottom:32px;position:relative;z-index:10}.search-input-wrapper{flex:1 1;position:relative}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:color .3s ease}.search-input-wrapper:focus-within .search-icon{color:var(--accent-light)}.search-input{width:100%;height:60px;padding:0 24px 0 54px;background:rgba(20,20,25,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;color:var(--text-primary);font-size:16px;font-family:Inter,sans-serif;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.1)}.search-input:focus{border-color:rgba(123,97,255,.5);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 0 0 4px var(--accent-glow),0 0 20px rgba(123,97,255,.2);background:rgba(20,20,25,.8)}.search-input:disabled{opacity:.5}.search-input::placeholder{color:var(--text-muted)}.search-btn{display:flex;align-items:center;gap:10px;padding:0 32px;background:var(--gradient-1);color:white;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 1px rgba(255,255,255,.2);position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(255,255,255,.1),transparent);border-radius:16px;opacity:0;transition:opacity .3s}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px var(--accent-strong-glow),inset 0 1px 1px rgba(255,255,255,.4)}.search-btn:hover:not(:disabled):before{opacity:1}.search-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.suggestions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.suggestions-label{font-size:13px;font-weight:500;color:var(--text-muted)}.suggestions-list{display:flex;gap:10px;flex-wrap:wrap}.suggestion-chip{padding:8px 16px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.suggestion-chip:hover{border-color:rgba(123,97,255,.4);color:var(--text-primary);background:rgba(123,97,255,.08);transform:translateY(-1px)}.pipeline-container{margin-top:40px}.pipeline-title{gap:12px;font-weight:700;margin-bottom:24px;color:var(--text-primary);letter-spacing:-.02em}.pipeline-title,.pipeline-title-icon{display:flex;align-items:center;font-size:20px}.pipeline-title-icon{justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid var(--border-light)}.pipeline-steps{display:flex;flex-direction:column;gap:12px}.pipeline-complete{margin-top:40px;padding:40px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.2);border-radius:24px;box-shadow:0 16px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}.pipeline-complete:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--success),transparent);opacity:.5}.complete-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:32px}.complete-stat{text-align:center;padding:24px;background:rgba(0,0,0,.2);border-radius:16px;border:1px solid var(--border);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.complete-stat-value{display:block;font-size:42px;font-weight:800;color:var(--success);text-shadow:0 0 20px var(--success-glow);letter-spacing:-.05em}.complete-stat-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:8px;display:block}.complete-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:Inter,sans-serif}.action-btn--primary{background:var(--gradient-1);color:white;box-shadow:0 8px 24px var(--accent-glow),inset 0 1px 1px rgba(255,255,255,.2)}.action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px var(--accent-strong-glow),inset 0 1px 1px rgba(255,255,255,.4)}.action-btn--secondary{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.action-btn--secondary:hover{transform:translateY(-2px);background:rgba(16,185,129,.15);box-shadow:0 8px 20px var(--success-glow);border-color:rgba(16,185,129,.4)}.action-btn--ghost{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.action-btn--ghost:hover{border-color:rgba(255,255,255,.2);color:var(--text-primary);background:rgba(255,255,255,.03);transform:translateY(-2px)}.demo-client-section{display:flex;justify-content:center;margin-top:16px}.demo-client-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(245,158,11,.06);border:1px dashed rgba(245,158,11,.3);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s}.demo-client-btn:hover{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.5);color:#f59e0b;transform:translateY(-2px)}.demo-client-btn svg{color:#f59e0b;flex-shrink:0}.demo-client-btn-text{font-size:13px;font-weight:600}.demo-client-btn-detail{font-size:11px;color:var(--text-muted);opacity:.7}.client-bypass-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:12px}.bypass-icon{width:32px;height:32px;border-radius:8px;background:rgba(245,158,11,.15);display:flex;align-items:center;justify-content:center;color:#f59e0b;flex-shrink:0}.bypass-content{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.bypass-label{font-size:13px;font-weight:600;color:#f59e0b}.bypass-detail{font-size:12px;color:var(--text-muted)}.bypass-badge{font-size:10px;font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:6px;background:rgba(245,158,11,.15);color:#f59e0b;flex-shrink:0}.agent-panel{margin-top:32px;margin-bottom:32px;background:rgba(16,16,20,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(123,97,255,.2);border-radius:20px;padding:32px;box-shadow:0 8px 32px rgba(123,97,255,.08)}.agent-header{gap:16px;margin-bottom:28px}.agent-header,.agent-icon{display:flex;align-items:center}.agent-icon{width:44px;height:44px;background:var(--gradient-1);border-radius:12px;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px var(--accent-glow)}.agent-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.agent-subtitle{font-size:13px;color:var(--text-secondary);margin-top:2px}.agent-loading{text-align:center;padding:20px 0}.agent-loading-bar{height:4px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;margin-bottom:16px}.agent-loading-fill{height:100%;background:var(--gradient-1);border-radius:2px}.agent-loading-sources{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--text-muted)}.agent-loading-sources span{padding:4px 12px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid var(--border)}.subtopics-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.subtopic-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;transition:all .2s}.subtopic-item:hover{border-color:rgba(255,255,255,.1);background:rgba(0,0,0,.3)}.subtopic-item--rejected{opacity:.4}.subtopic-item--rejected .subtopic-label{text-decoration:line-through}.subtopic-score{width:42px;height:42px;border-radius:10px;background:rgba(123,97,255,.1);border:1px solid rgba(123,97,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.subtopic-score-value{font-size:15px;font-weight:800;color:var(--accent-light)}.subtopic-content{flex:1 1;min-width:0}.subtopic-label{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:4px}.subtopic-reason{font-size:12px;color:var(--text-muted);line-height:1.4}.subtopic-source{display:inline-block;padding:1px 8px;background:rgba(255,255,255,.05);border-radius:8px;font-size:10px;font-weight:600;color:var(--text-secondary);margin-right:6px;text-transform:uppercase;letter-spacing:.04em}.subtopic-toggle{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.subtopic-toggle--validated{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.2)}.subtopic-toggle--validated:hover{background:rgba(16,185,129,.2)}.subtopic-toggle--rejected{background:rgba(239,68,68,.1);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.subtopic-toggle--rejected:hover{background:rgba(239,68,68,.2)}.agent-actions{display:flex;gap:12px;justify-content:center}.pipeline-step-agent{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}