@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#05060c;color:#f4f5f8;--accent: #ff6b35;--accent-soft: rgba(255, 107, 53, .15);--accent-alt: #00c2ff;--card-bg: rgba(15, 20, 35, .9);--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(255,107,53,.2),transparent 45%),radial-gradient(circle at 20% 20%,rgba(0,194,255,.15),transparent 35%),#05060c;min-height:100vh}#root{min-height:100vh;padding:32px;color:#f4f5f8}a{color:var(--accent)}button{font-family:inherit}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.top-bar-brand{font-size:1.1rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(120deg,var(--accent),var(--accent-alt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:4px}.nav-link{padding:8px 16px;border-radius:10px;font-size:.85rem;font-weight:500;color:#f4f5f88c;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff0f;color:#f4f5f8e6}.nav-link.active{background:#00c2ff1f;color:var(--accent)}.agent-trace-full .progress-timeline{max-height:none}.app-shell{max-width:1200px;margin:0 auto 80px}.hero{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.hero h1{font-size:clamp(2.4rem,4vw,3rem);margin:0;letter-spacing:-1px}.hero p{max-width:640px;color:#f4f5f8cc;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 25px 60px #00000059}.panel h2{margin-top:0;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:#fffc}.channel-input .label{font-size:.95rem;font-weight:600}.helper{margin:4px 0 16px;color:#fff9}.input-row{display:flex;gap:12px}.input{flex:1;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff05;color:inherit;font-size:1rem}.btn{border:none;border-radius:16px;padding:0 24px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-alt));color:#07080f;box-shadow:0 12px 25px #ff6b3559}.btn.secondary{background:#ffffff14;color:#fff}.btn.loading{opacity:.6;cursor:wait}.channels-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.channel-item{padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff05}.timeline{display:grid;grid-template-columns:1fr;gap:14px}.timeline-step{display:flex;align-items:center;gap:12px}.timeline-step .bullet{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.timeline-step.active .bullet{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent)}.timeline-step.completed .bullet{background:var(--accent-alt);border-color:var(--accent-alt)}.strategy-card ul{padding-left:18px;margin:12px 0}.videos-table{width:100%;border-collapse:collapse}.videos-table th,.videos-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.videos-table tbody tr:hover{background:#ffffff08}.memory-list{display:flex;flex-direction:column;gap:10px;max-height:240px;overflow-y:auto}.memory-entry{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;font-size:.9rem}.actions-row{display:flex;gap:12px;flex-wrap:wrap}.summary-copy{padding:16px;border-radius:14px;background:#00000040;border:1px solid rgba(255,255,255,.06);margin-top:12px}.batch-input .batch-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.batch-row{display:flex;align-items:center;gap:10px}.batch-num{width:24px;height:24px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;color:#fff9}.btn-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.btn-icon:hover{background:#ff6b3526;color:#ff6b35}.batch-actions{display:flex;gap:12px;justify-content:flex-end}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.suggestion-card{padding:0;border-radius:16px;border:1px solid rgba(0,194,255,.15);background:#00c2ff0a;overflow:hidden;display:flex;flex-direction:column}.suggestion-thumb{width:100%;aspect-ratio:16 / 9;background:#0000004d;overflow:hidden;position:relative}.suggestion-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c2ff14,#ff6b3514);animation:thumbPulse 2s ease-in-out infinite}.thumb-placeholder span{font-size:.8rem;color:#fff6}@keyframes thumbPulse{0%,to{opacity:.6}50%{opacity:1}}.suggestion-body{padding:16px 20px 20px}.suggestion-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.suggestion-header h3{margin:0;font-size:1rem;flex:1}.suggestion-num{width:28px;height:28px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-alt));color:#07080f;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.appeal-badge{padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#07080f;flex-shrink:0}.suggestion-card p{margin:0 0 8px;color:#f4f5f8d9;font-size:.9rem;line-height:1.5}.channel-breakdown summary{padding:4px 0}.channel-breakdown summary::-webkit-details-marker{color:var(--accent-alt)}.table-wrapper{overflow-x:auto}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;cursor:pointer;transition:border-color .15s,background .15s}.history-item:hover{border-color:#00c2ff33;background:#00c2ff0a}.history-item.active{border-color:var(--accent);background:#00c2ff0f}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-date{font-weight:600;font-size:.95rem}.history-count{font-size:.8rem;color:#f4f5f873;background:#ffffff0f;padding:2px 10px;border-radius:12px}.history-channels{display:flex;flex-wrap:wrap;gap:6px}.history-channel-tag{font-size:.78rem;color:var(--accent);background:#00c2ff14;padding:3px 10px;border-radius:8px;font-family:monospace}.history-detail{margin-top:8px}.learning-badge{padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;cursor:help}.learning-badge.learned{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.learning-badge.experimental{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.25)}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:10px;background:#4caf500f;border:1px solid rgba(76,175,80,.12);font-size:.9rem;line-height:1.5}.insight-icon{flex-shrink:0;font-size:1.1rem}.score-badge{padding:2px 8px;border-radius:8px;font-size:.8rem;font-weight:600}.score-badge.positive{background:#4caf5026;color:#4caf50}.score-badge.negative{background:#f4433626;color:#f44336}@media (max-width: 640px){#root{padding:16px}.input-row,.actions-row{flex-direction:column}}