@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#ff3b2f;--color-primary-dark:#e5342a;--color-primary-light:#ff5a4f;--color-primary-muted:#d94a3a;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-secondary-light:#a78bfa;--color-secondary-muted:#6d28d9;--color-primary-dim:#ff3b2f1f;--color-primary-dim-hover:#ff3b2f33;--color-secondary-dim:#8b5cf626;--color-secondary-dim-hover:#8b5cf640;--color-success-dim-strong:#10b98133;--color-success-dim-subtle:#10b98114;--icon-xs:12px;--icon-sm:14px;--icon-md:18px;--icon-lg:24px;--color-bg-card-selected:#ff3b2f1f;--color-bg-icon-selected:#ff3b2f33;--color-bg-input:#0000004d;--border-selected:#ff3b2f66;--color-bg-primary:#0b0b0c;--color-bg-secondary:#0f1720;--color-bg-tertiary:#1a1a1c;--color-bg-elevated:#1b2630;--color-bg-card:#1a1a1ce6;--color-bg-card-hover:#2b2b2ee6;--color-border-subtle:#ffffff14;--color-border-default:#ffffff1f;--color-border-strong:#fff3;--color-border-focus:var(--color-primary);--color-text-primary:#fff;--color-text-secondary:#ededed;--color-text-muted:#bfc3c7;--color-text-disabled:#6b7280;--color-success:#10b981;--color-success-dim:#10b98133;--color-warning:#f59e0b;--color-warning-dim:#f59e0b33;--color-error:#ef4444;--color-error-dim:#ef444433;--color-info:#3b82f6;--color-info-dim:#3b82f633;--color-sentiment-positive:#10b981;--color-sentiment-negative:#ef4444;--color-sentiment-neutral:#6b7280;--color-stance-fanatic:#ef4444;--color-stance-anti:#f97316;--color-stance-leaning-anti:#f59e0b;--color-stance-neutral:#6b7280;--color-stance-leaning-pro:#84cc16;--color-stance-pro:#22c55e;--color-stance-fanatic-pro:#10b981;--color-twitter:#1da1f2;--color-instagram:#e4405f;--color-tiktok:#00f2ea;--color-facebook:#1877f2;--color-youtube:red;--color-reddit:#ff4500;--color-threads:#000;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-size-xs:10px;--font-size-sm:11px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:24px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #ff3b2f4d;--shadow-glow-lg:0 0 40px #ff3b2f66;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.22, 1, .36, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(135deg,#0b0b0c 0%,#0f1720 100%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ff3b2f4d}50%{box-shadow:0 0 24px #ff3b2f99}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glowTop{0%,to{opacity:.5}50%{opacity:.8}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-container{min-height:100vh;display:flex;position:relative}.layout-sidebar{width:240px;height:100vh;z-index:var(--z-sticky);flex-shrink:0;position:fixed}.layout-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.layout-header{height:64px;z-index:var(--z-sticky);flex-shrink:0;position:sticky;top:0}.layout-content{padding:var(--space-6);flex:1;position:relative;overflow-y:auto}.grid-three-columns{gap:var(--space-5);height:calc(100vh - 64px - var(--space-6) * 2);grid-template-columns:320px 1fr 360px;align-items:start;display:grid}.side-panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-height:100%;overflow-y:auto}.side-panel::-webkit-scrollbar{width:4px}.side-panel::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:2px}.detail-panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.main-panel{gap:var(--space-5);flex-direction:column;display:flex}.panel{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.panel:last-child{margin-bottom:0}.panel-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.panel-header:hover{background:#ffffff05}.panel-title{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);align-items:center;gap:var(--space-3);display:flex}.panel-content{padding:var(--space-5)}.btn{font-family:var(--font-sans);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);transition:all var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);border:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-glow-lg);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:#fff;background:#ff3b2f0d}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff0d}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);transition:all var(--transition-fast);background:#ffffff08}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff3b2f1a}.input::placeholder{color:var(--color-text-disabled)}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;display:inline-flex}.badge-primary{color:var(--color-primary-light);background:#ff3b2f26;border:1px solid #ff3b2f4d}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal)}.card-hoverable:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group:last-child{margin-bottom:0}.form-label{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px;display:block}.form-label-required:after{content:" *";color:var(--color-error)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-disabled);margin-top:var(--space-1);display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:0 0;border:none;width:0;height:0}input[type=range]::-moz-range-thumb{appearance:none;background:0 0;border:none;width:0;height:0}input[type=range]::-ms-thumb{appearance:none;background:0 0;border:none;width:0;height:0}.pc-vision-dot{background:var(--color-secondary-light,#a78bfa);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px 1px #a78bfab3}.pc-vision-scan{z-index:3;pointer-events:none;background:linear-gradient(#8b5cf61a,#00000047);border-radius:16px 0 0 16px;position:absolute;inset:0;overflow:hidden}.pc-vision-line{background:linear-gradient(#0000,#8b5cf600 12%,#a78bfa8c 50%,#8b5cf600 88%,#0000);height:34%;animation:1.35s cubic-bezier(.5,0,.5,1) infinite pcScan;position:absolute;top:-34%;left:0;right:0;box-shadow:0 0 26px 6px #8b5cf673}@keyframes pcScan{0%{top:-34%}to{top:100%}}.pc-vision-label{font-family:var(--font-mono,monospace);letter-spacing:.04em;color:#e9e4ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a2899;border:1px solid #a78bfa73;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 11px;font-size:10.5px;animation:1.35s ease-in-out infinite pcPulse;display:inline-flex;position:absolute;bottom:12px;left:12px;right:12px}@keyframes pcPulse{0%,to{opacity:.7}50%{opacity:1}}.pc-vision-badge{z-index:3;font-family:var(--font-mono,monospace);letter-spacing:.04em;color:#ede7ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#8b5cf647;border:1px solid #a78bfa8c;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:600;animation:.4s cubic-bezier(.22,1,.36,1) pcBadgeIn;display:inline-flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 16px -6px #8b5cf699}@keyframes pcBadgeIn{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.pc-vision-read{border:1px solid #8b5cf647;border-left:3px solid var(--color-secondary,#8b5cf6);background:linear-gradient(#8b5cf61f,#8b5cf60d);border-radius:12px;margin:4px 0 2px;padding:11px 13px;animation:.4s cubic-bezier(.22,1,.36,1) pcBadgeIn}.pc-vision-read-top{align-items:center;gap:7px;margin-bottom:6px;display:flex}.pc-vision-read-lab{font-family:var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary-light,#a78bfa);font-size:10px;font-weight:600}.pc-vision-mood{color:#c9beef;text-transform:capitalize;background:#8b5cf62e;border:1px solid #a78bfa66;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:10px}.pc-vision-read-txt{color:var(--color-text-secondary,#ededed);font-size:13px;line-height:1.55}.ok-vision-echo{background:linear-gradient(#8b5cf624,#8b5cf60d);border:1px solid #8b5cf64d;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;animation:.4s cubic-bezier(.22,1,.36,1) pcBadgeIn;display:flex}.ok-vision-echo-bar{background:linear-gradient(180deg, var(--color-secondary-light,#a78bfa), var(--color-secondary,#8b5cf6));border-radius:3px;flex:none;align-self:stretch;width:3px}.ok-vision-echo-txt{color:var(--color-text-secondary,#ededed);font-size:12.5px;line-height:1.55}.ok-vision-echo-txt b{color:#c9beef;font-weight:600}