:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-cyan: #22d3ee;--accent-cyan-dim: rgba(34, 211, 238, .2);--accent-pink: #f472b6;--border-color: #27272a;--error-red: #ef4444;--warning-yellow: #eab308;--success-green: #22c55e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;background:#0a0a0be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.125rem;color:var(--text-primary);text-decoration:none}.logo-badge{font-size:.65rem;font-weight:500;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent-cyan);color:#0a0a0b!important;padding:8px 16px;border-radius:8px;font-weight:600}.nav-cta:hover{background:#06b6d4}.privacy-banner{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 0}.privacy-banner-content{display:flex;align-items:center;justify-content:center;gap:12px}.privacy-banner p{font-size:.8rem;color:var(--text-secondary);margin:0}.privacy-banner span{color:var(--success-green)}.privacy-banner-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1;opacity:.6;transition:opacity .2s}.privacy-banner-close:hover{opacity:1}.main-content{padding:32px 0 80px}.main-content.compact{padding:24px 0 48px}.page-title{text-align:center;margin-bottom:48px}.page-title.compact{margin-bottom:24px}.page-title h1{font-size:2.25rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.page-title.compact h1{font-size:1.75rem;margin-bottom:8px}.page-title p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.page-title.compact p{font-size:.95rem}.dashboard-feedback{text-align:center;padding:16px;margin-top:24px;font-size:.85rem;color:var(--text-secondary)}.dashboard-feedback a{color:var(--accent-cyan);text-decoration:none}.dashboard-feedback a:hover{text-decoration:underline}.upload-section{max-width:800px;margin:0 auto 48px}.drop-zone{border:2px dashed var(--border-color);border-radius:16px;padding:48px;text-align:center;transition:border-color .2s,background-color .2s;cursor:pointer;background:var(--bg-secondary)}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-cyan);background:#22d3ee0d}.drop-zone-icon{width:48px;height:48px;margin:0 auto 16px;color:var(--text-muted)}.drop-zone h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.drop-zone p{color:var(--text-muted);font-size:.9rem;margin-bottom:16px}.drop-zone-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s,transform .2s;border:none;font-family:inherit}.btn-primary{background:var(--accent-cyan);color:#0a0a0b}.btn-primary:hover{background:#06b6d4}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-ghost{background:transparent;color:var(--accent-cyan);padding:10px 16px}.btn-ghost:hover{background:var(--accent-cyan-dim)}.file-info{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;font-family:var(--font-mono);font-size:.85rem}.file-info-icon{color:var(--accent-cyan)}.file-info-name{flex:1;color:var(--text-primary)}.file-info-size{color:var(--text-muted)}.file-info-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.file-info-remove:hover{color:var(--error-red)}.paste-section{margin-top:24px}.paste-toggle{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;background:none;border:none;font-family:inherit;padding:8px 0}.paste-toggle:hover{color:var(--text-secondary)}.paste-toggle svg{transition:transform .2s}.paste-toggle.expanded svg{transform:rotate(180deg)}.paste-textarea{width:100%;margin-top:12px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;resize:vertical;min-height:150px}.paste-textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.paste-textarea::placeholder{color:var(--text-muted)}.action-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.error-message{background:#ef44441a;border:1px solid var(--error-red);border-radius:8px;padding:16px;margin-top:16px;color:var(--error-red);font-size:.9rem}.results-section{max-width:1200px;margin:0 auto}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.card.compact{padding:16px;margin-bottom:16px;border-radius:8px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header.compact{margin-bottom:12px}.card-title{font-size:1.1rem;font-weight:600}.card-header.compact .card-title{font-size:.95rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.summary-grid.compact{display:flex;flex-wrap:wrap;gap:12px}.summary-item{text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:8px}.summary-grid.compact .summary-item{padding:10px 16px;border-radius:6px;flex:1;min-width:100px}.summary-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.summary-grid.compact .summary-label{font-size:.7rem;margin-bottom:2px}.summary-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.summary-grid.compact .summary-value{font-size:1.1rem}.summary-value.good{color:var(--success-green)}.summary-value.warning{color:var(--warning-yellow)}.summary-value.bad{color:var(--error-red)}.issues-count{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:500}.issues-count.critical{background:#ef444426;color:var(--error-red)}.issues-count.warning{background:#eab30826;color:var(--warning-yellow)}.issues-count.good{background:#22c55e26;color:var(--success-green)}.issue-card{display:flex;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;cursor:pointer;transition:background .2s}.issue-card:hover{background:var(--border-color)}.issue-card:last-child{margin-bottom:0}.issue-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.issue-icon.critical{background:#ef444426;color:var(--error-red)}.issue-icon.warning{background:#eab30826;color:var(--warning-yellow)}.issue-content{flex:1}.issue-title{font-weight:600;margin-bottom:4px}.issue-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.issue-time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.issue-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.timeline-container{position:relative;padding:20px 0}.timeline-container.compact{padding:12px 0}.timeline-track{position:relative;height:4px;background:var(--border-color);border-radius:2px;margin:40px 0}.timeline-container.compact .timeline-track{margin:24px 0}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-secondary);cursor:pointer;transition:transform .2s}.timeline-marker:hover{transform:translate(-50%,-50%) scale(1.3)}.timeline-marker.gathering{background:var(--warning-yellow)}.timeline-marker.checking{background:var(--accent-cyan)}.timeline-marker.connected{background:var(--success-green)}.timeline-marker.failed{background:var(--error-red)}.timeline-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.timeline-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;margin-bottom:8px}.timeline-marker:hover .timeline-tooltip{opacity:1}.ice-tables{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.ice-tables{grid-template-columns:1fr}}.ice-table-wrapper{overflow-x:auto}.ice-table-title{font-size:.9rem;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.ice-table{width:100%;border-collapse:collapse;font-size:.85rem}.ice-table th,.ice-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.ice-table th{font-weight:500;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.ice-table td{font-family:var(--font-mono);color:var(--text-secondary)}.ice-table tr.selected{background:var(--accent-cyan-dim)}.ice-table tr.selected td{color:var(--text-primary)}.candidate-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.candidate-badge.host{background:#22c55e26;color:var(--success-green)}.candidate-badge.srflx{background:#22d3ee26;color:var(--accent-cyan)}.candidate-badge.relay{background:#eab30826;color:var(--warning-yellow)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:20px;overflow-x:auto}.tab{padding:12px 16px;background:none;border:none;color:var(--text-muted);font-size:.9rem;font-family:inherit;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s,border-color .2s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.chart-cell{background:var(--bg-tertiary);border-radius:8px;padding:12px}.chart-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.chart-container{height:300px;margin-top:16px}.chart-container.compact{height:220px;margin-top:12px}.tabs.compact{margin-bottom:12px}.tabs.compact .tab{padding:8px 12px;font-size:.8rem}.raw-explorer{font-family:var(--font-mono);font-size:.85rem}.raw-search{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;margin-bottom:16px}.raw-search:focus{outline:none;border-color:var(--accent-cyan)}.json-tree{max-height:500px;overflow:auto;padding:16px;background:var(--bg-tertiary);border-radius:8px}.pc-selector{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.pc-tab{display:flex;flex-direction:column;gap:2px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .2s,background-color .2s;min-width:140px}.pc-tab:hover{border-color:var(--text-muted)}.pc-tab.active{border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.pc-tab-id{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-tab.active .pc-tab-id{color:var(--text-secondary)}.pc-tab-type{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pc-tab.active .pc-tab-type{color:var(--accent-cyan)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.codec-grid{display:flex;flex-wrap:wrap;gap:24px}.codec-section{flex:1;min-width:200px}.section-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.codec-list{display:flex;flex-wrap:wrap;gap:8px}.codec-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem}.codec-name{font-weight:500;color:var(--text-primary)}.codec-detail{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.track-list{display:flex;flex-direction:column;gap:6px}.track-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem;flex-wrap:wrap}.track-rid{padding:2px 6px;background:var(--accent-cyan-dim);color:var(--accent-cyan);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;font-weight:500}.track-resolution{font-weight:500;font-family:var(--font-mono);color:var(--text-primary)}.track-fps{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.track-encoder{color:var(--text-muted);font-size:.75rem}.track-limitation{color:var(--warning-yellow);font-size:.75rem;padding:2px 6px;background:#eab30826;border-radius:4px}.track-loss{color:var(--error-red);font-size:.75rem;padding:2px 6px;background:#ef444426;border-radius:4px}.track-count{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.badge.simulcast{background:#f472b626;color:var(--accent-pink)}.upsell-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:center;margin-top:48px;position:relative;overflow:hidden}.upsell-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.upsell-card h3{font-size:1.25rem;margin-bottom:8px}.upsell-card p{color:var(--text-secondary);margin-bottom:20px}.footer{border-top:1px solid var(--border-color);padding:32px 0;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-tagline{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.footer-links a:hover{color:var(--accent-cyan)}.footer-copyright{color:var(--text-muted);font-size:.8rem}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--text-muted)}.empty-state h3{font-size:1.1rem;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:.9rem;max-width:400px;margin:0 auto}@media (max-width: 768px){.nav-links{display:none}.page-title h1{font-size:1.75rem}.drop-zone{padding:32px 24px}.summary-grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}}.upsell-banner{margin-top:48px;padding:20px 24px;background:linear-gradient(135deg,#22d3ee1a,#f472b61a);border:1px solid var(--border-color);border-radius:12px}.upsell-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.upsell-text{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.upsell-text strong{color:var(--text-primary)}.upsell-text span{color:var(--text-secondary)}.upsell-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.upsell-cta{padding:10px 20px;background:var(--accent-cyan);color:#0a0a0b;font-weight:600;font-size:.9rem;border-radius:8px;text-decoration:none;transition:opacity .2s}.upsell-cta:hover{opacity:.9}.upsell-dismiss{padding:6px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.upsell-dismiss:hover{color:var(--text-secondary);background:var(--bg-secondary)}@media (max-width: 640px){.upsell-content{flex-direction:column;align-items:flex-start}.upsell-actions{width:100%;justify-content:space-between}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.landing-page{overflow-x:hidden}.section{padding:100px 0;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:translateY(0)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:#0a0a0bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s ease}.landing-nav.scrolled{border-bottom-color:var(--border-color)}.landing-nav .container{display:flex;justify-content:space-between;align-items:center}.landing-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-pulse-dot{animation:logoPulse 2s ease-in-out infinite;transform-origin:center}@keyframes logoPulse{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 4px #22d3ee)}}.landing-nav .nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.landing-nav .nav-links a:hover{color:var(--text-primary)}.hero{height:100vh;height:100dvh;display:flex;align-items:center;position:relative;padding-top:80px;padding-bottom:80px;overflow:hidden;box-sizing:border-box}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,211,238,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(244,114,182,.08),transparent)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent)}.hero .container{position:relative;z-index:1}.hero-content{max-width:800px}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.hero-subheadline{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin-bottom:40px;line-height:1.7}.hero-form{display:flex;gap:12px;max-width:480px;margin-bottom:16px}.hero-form input{flex:1;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.hero-form input::placeholder{color:var(--text-muted)}.hero-form input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.hero-form button{padding:16px 28px;background:var(--accent-cyan);color:var(--bg-primary);border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}.hero-form button:hover{background:#06b6d4;transform:translateY(-1px)}.success-message{display:none;padding:16px 20px;background:#22d3ee1a;border:1px solid var(--accent-cyan);border-radius:10px;color:var(--accent-cyan);margin-bottom:16px;max-width:480px}.success-message.show{display:block;animation:fadeIn .3s ease}.problem{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}.problem-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;transition:border-color .3s ease,transform .3s ease}.problem-card:hover{border-color:var(--accent-pink);transform:translateY(-4px)}.problem-icon{width:48px;height:48px;background:#f472b61a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.problem-icon svg{width:24px;height:24px;color:var(--accent-pink)}.problem-card h3{font-size:1.125rem;font-weight:600;margin-bottom:12px}.problem-card p{color:var(--text-secondary);font-size:.95rem}.how-it-works .section-header{text-align:center;margin-bottom:80px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.step{position:relative}.step-number{position:absolute;top:-20px;left:-10px;font-size:6rem;font-weight:700;color:var(--bg-tertiary);line-height:1;z-index:0;-webkit-user-select:none;user-select:none}.step-content{position:relative;z-index:1;padding-top:40px}.step h3{font-size:1.25rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:12px}.step-badge{font-size:.75rem;padding:4px 10px;background:var(--accent-cyan-dim);color:var(--accent-cyan);border-radius:20px;font-weight:500}.step p{color:var(--text-secondary);margin-bottom:20px}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.code-header{padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.code-dots{display:flex;gap:6px}.code-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color)}.code-filename{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:auto}.code-content{padding:20px;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;overflow-x:auto}.code-content .comment{color:var(--text-muted)}.code-content .keyword{color:var(--accent-pink)}.code-content .string{color:#a5d6a7}.code-content .function{color:var(--accent-cyan)}.code-content .property{color:#ce93d8}.report-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.report-title{font-weight:600}.report-score{display:flex;align-items:center;gap:8px}.score-value{font-size:1.5rem;font-weight:700;color:#ef4444}.score-label{font-size:.8rem;color:var(--text-muted)}.report-issue{display:flex;gap:16px;padding:16px;background:#ef44441a;border-left:3px solid #ef4444;border-radius:0 8px 8px 0;margin-bottom:12px}.report-recommendation{display:flex;gap:16px;padding:16px;background:var(--accent-cyan-dim);border-left:3px solid var(--accent-cyan);border-radius:0 8px 8px 0}.rec-icon,.landing-issue-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-icon{background:#22d3ee33}.rec-icon svg,.landing-issue-icon svg{width:16px;height:16px}.rec-content h4,.landing-issue-content h4{font-size:.95rem;font-weight:600;margin-bottom:4px}.rec-content h4{color:var(--accent-cyan)}.rec-content p,.landing-issue-content p{font-size:.85rem;color:var(--text-secondary)}.features{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.features .section-header{text-align:center;margin-bottom:60px}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;background:none}.landing-page .feature-card{padding:28px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:border-color .3s ease}.landing-page .feature-card:hover{border-color:var(--accent-cyan)}.landing-page .feature-icon{width:44px;height:44px;background:var(--accent-cyan-dim);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-page .feature-icon svg{width:22px;height:22px;color:var(--accent-cyan)}.landing-page .feature-card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}.landing-page .feature-card p{font-size:.9rem;color:var(--text-secondary)}.pricing{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pricing .section-header{text-align:center;margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:960px;margin:0 auto 40px}.pricing-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;transition:border-color .3s ease,transform .3s ease}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{border-color:var(--accent-cyan);position:relative}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--accent-cyan);color:var(--bg-primary);font-size:.75rem;font-weight:600;border-radius:20px}.pricing-name{font-size:1.25rem;font-weight:600;margin-bottom:8px}.pricing-price{font-size:2.5rem;font-weight:700;margin-bottom:4px}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.pricing-features{list-style:none}.pricing-features li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:.9rem;color:var(--text-secondary)}.pricing-features li svg{width:18px;height:18px;color:var(--accent-cyan);flex-shrink:0}.pricing-note{text-align:center;color:var(--text-muted);font-size:.95rem}.pricing-note strong{color:var(--accent-cyan)}.cta{text-align:center}.cta .section-title{margin-bottom:24px}.cta-form{display:flex;gap:12px;max-width:480px;margin:0 auto 20px}.cta-form input{flex:1;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.cta-form input::placeholder{color:var(--text-muted)}.cta-form input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.cta-form button{padding:16px 28px;background:var(--accent-cyan);color:var(--bg-primary);border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}.cta-form button:hover{background:#06b6d4;transform:translateY(-1px)}.cta-success{display:none;padding:16px 20px;background:#22d3ee1a;border:1px solid var(--accent-cyan);border-radius:10px;color:var(--accent-cyan);margin:0 auto 20px;max-width:480px}.cta-success.show{display:block;animation:fadeIn .3s ease}.waitlist-count{color:var(--text-secondary);font-size:.95rem}.waitlist-count strong{color:var(--accent-pink)}.landing-footer{padding:60px 0;border-top:1px solid var(--border-color)}.landing-footer .footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.dashboard-section{position:relative;overflow:hidden}.dashboard-mockup{position:relative;max-width:1000px;margin:60px auto 0;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--border-color),0 25px 50px -12px #00000080,0 0 100px #22d3ee1a}.dashboard-mockup:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));border-radius:17px;z-index:-1;opacity:.5}.dashboard-window{background:var(--bg-secondary);border-radius:16px;overflow:hidden}.dashboard-titlebar{display:flex;align-items:center;gap:8px;padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.titlebar-dots{display:flex;gap:8px}.titlebar-dot{width:12px;height:12px;border-radius:50%}.titlebar-dot.red{background:#ff5f57}.titlebar-dot.yellow{background:#ffbd2e}.titlebar-dot.green{background:#28c840}.titlebar-url{flex:1;text-align:center;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.dashboard-content{display:grid;grid-template-columns:220px 1fr;min-height:450px}.dashboard-sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);padding:20px 0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:background-color .2s,color .2s}.sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-cyan-dim);color:var(--accent-cyan);border-right:2px solid var(--accent-cyan)}.sidebar-item svg{width:18px;height:18px}.dashboard-main{padding:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-title{font-size:1.25rem;font-weight:600}.dashboard-filters{display:flex;gap:12px}.filter-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-row{display:grid;grid-template-columns:1fr 100px 80px 100px;gap:16px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;align-items:center;transition:border-color .2s ease}.session-row:hover{border-color:var(--accent-cyan)}.session-id{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.session-meta{font-size:.8rem;color:var(--text-muted);margin-top:4px}.session-participants{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.85rem}.session-score{font-weight:600;font-size:.95rem}.score-good{color:#22c55e}.score-ok{color:#fbbf24}.score-bad{color:#ef4444}.session-status{display:flex;align-items:center;gap:6px;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.issues{background:#ef4444}.status-dot.healthy{background:#22c55e}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .3s ease}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.analytics-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:20px}.analytics-label{font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.analytics-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.analytics-change{font-size:.8rem}.analytics-change.positive{color:#22c55e}.analytics-change.negative{color:#ef4444}.chart-placeholder{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:24px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px}.alert-row.critical{border-left:3px solid #ef4444}.alert-row.warning{border-left:3px solid #fbbf24}.alert-row.info{border-left:3px solid var(--accent-cyan)}.alert-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-row.critical .alert-icon{background:#ef444433;color:#ef4444}.alert-row.warning .alert-icon{background:#fbbf2433;color:#fbbf24}.alert-row.info .alert-icon{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.alert-content{flex:1}.alert-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.alert-meta{font-size:.8rem;color:var(--text-muted)}.alert-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.alert-badge.critical{background:#ef444433;color:#ef4444}.alert-badge.warning{background:#fbbf2433;color:#fbbf24}.alert-badge.info{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.settings-section{display:flex;flex-direction:column;gap:20px}.settings-group{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.settings-input{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);outline:none;transition:border-color .2s ease}.settings-input:focus{border-color:var(--accent-cyan)}.settings-input-group{display:flex;gap:8px}.settings-input-group .settings-input{flex:1}.settings-btn{padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:background .2s ease}.settings-btn:hover{background:var(--border-color)}.floating-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;animation:float 20s ease-in-out infinite;will-change:transform}.orb-1{width:350px;height:350px;background:var(--accent-cyan);top:10%;right:5%}.orb-2{width:250px;height:250px;background:var(--accent-pink);bottom:25%;left:10%;animation-delay:-7s}.orb-3{width:180px;height:180px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-pink));top:60%;right:15%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-15px) scale(1.03)}50%{transform:translate(-10px,10px) scale(.97)}75%{transform:translate(10px,15px) scale(1.01)}}.hero-visual{position:absolute;right:0;top:55%;transform:translateY(-50%);width:45%;max-width:600px;opacity:.5;mask-image:linear-gradient(to right,transparent 0%,black 25%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 25%)}.hero-illustration{width:100%;height:auto}.waveform-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.node-pulse{animation:pulse 2s ease-in-out infinite;will-change:transform,opacity}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.features-section{margin-top:16px}.features-group{margin-bottom:20px}.features-group:last-child{margin-bottom:0}.features-group-title{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.feature-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color)}.feature-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.feature-value{font-size:.9rem;font-weight:500;color:var(--text-primary);font-family:var(--font-mono)}.feature-value.good{color:var(--success-green)}.feature-value.warning{color:var(--warning-yellow)}.feature-value.bad{color:var(--error-red)}.candidate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.candidate-column h5{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.candidate-badges{display:flex;flex-wrap:wrap;gap:8px}.candidate-badge{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);text-transform:lowercase}.candidate-badge.active{background:var(--accent-cyan-dim);color:var(--accent-cyan);border:1px solid var(--accent-cyan)}.candidate-badge.inactive{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-color);opacity:.5}.candidate-badge.mdns{background:#f472b633;color:var(--accent-pink);border-color:var(--accent-pink)}.api-errors{display:flex;flex-direction:column;gap:8px}.api-error{padding:10px 12px;background:#ef44441a;border:1px solid var(--error-red);border-radius:6px;font-size:.85rem}.api-error-label{color:var(--error-red);font-weight:500;margin-right:8px}.api-error code{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all}.tracks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.track-item{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px}.track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.track-kind{font-size:.85rem;font-weight:600}.track-kind.audio{color:var(--accent-pink)}.track-kind.video{color:var(--accent-cyan)}.track-direction{font-size:.75rem;padding:2px 8px;border-radius:4px;font-family:var(--font-mono)}.track-direction.send{background:#22d3ee26;color:var(--accent-cyan)}.track-direction.recv{background:#f472b626;color:var(--accent-pink)}.track-details{display:flex;flex-wrap:wrap;gap:8px}.track-detail{font-size:.8rem;color:var(--text-secondary)}.track-detail strong{color:var(--text-muted);font-weight:500}.track-detail-full{width:100%;flex-basis:100%}.track-detail code{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-primary);padding:2px 6px;border-radius:4px;word-break:break-all}.badge{font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-info{background:var(--accent-cyan-dim);color:var(--accent-cyan)}@media (max-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}.candidate-grid,.tracks-list{grid-template-columns:1fr}}.candidate-grid-table{overflow-x:auto}.ice-grid{width:100%;border-collapse:collapse;font-size:.85rem}.ice-grid th{text-align:left;padding:10px 8px;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ice-grid td{padding:8px;border-bottom:1px solid var(--border-color);vertical-align:middle}.transport-row{background:var(--bg-tertiary);cursor:pointer}.transport-row:hover{background:var(--bg-secondary)}.transport-row td{padding:12px 8px;font-weight:500}.expand-icon{display:inline-block;width:16px;margin-right:8px;color:var(--text-muted);font-size:.7rem}.selected-badge{margin-left:12px;padding:2px 8px;background:var(--success-green);color:var(--bg-primary);border-radius:4px;font-size:.75rem;font-weight:500}.dtls-state{margin-left:12px;padding:2px 8px;border-radius:4px;font-size:.75rem}.dtls-state.connected{background:#22c55e33;color:var(--success-green)}.pair-row{cursor:pointer;transition:background .15s}.pair-row:hover{background:var(--bg-tertiary)}.pair-row.selected{background:#22c55e1a}.pair-row.succeeded td{border-left:3px solid var(--success-green)}.pair-row.failed td{border-left:3px solid var(--error-red)}.indent-1{padding-left:24px!important}.indent-2{padding-left:48px!important}.pair-icon{margin-right:8px;color:var(--accent-cyan)}.nominated-badge{margin-left:8px;padding:2px 6px;background:var(--success-green);color:var(--bg-primary);border-radius:4px;font-size:.7rem;font-weight:600}.state-badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;font-family:var(--font-mono)}.state-badge.succeeded{background:#22c55e33;color:var(--success-green)}.state-badge.failed{background:#ef444433;color:var(--error-red)}.state-badge.in-progress,.state-badge.waiting{background:#eab30833;color:var(--warning-yellow)}.state-badge.frozen{background:#9ca3af33;color:var(--text-muted)}.rtt-value,.bitrate-value,.bytes-value{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);margin-right:12px}.candidate-row{font-size:.8rem}.candidate-row.local{background:#22d3ee0d}.candidate-row.remote{background:#f472b60d}.candidate-type-icon{display:inline-block;width:20px;font-weight:700}.candidate-type-icon.local{color:var(--accent-cyan)}.candidate-type-icon.remote{color:var(--accent-pink)}.candidate-type{padding:2px 6px;border-radius:4px;font-size:.75rem;font-family:var(--font-mono)}.candidate-type.host{background:#22c55e26;color:var(--success-green)}.candidate-type.srflx{background:#22d3ee26;color:var(--accent-cyan)}.candidate-type.relay{background:#f472b626;color:var(--accent-pink)}.candidate-type.prflx{background:#eab30826;color:var(--warning-yellow)}.address-cell{font-family:var(--font-mono);font-size:.8rem}.related-address{display:block;font-size:.7rem;color:var(--text-muted)}.relay-protocol{color:var(--text-muted);font-size:.75rem}.priority-cell{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.server-url{font-size:.75rem;color:var(--accent-cyan);font-family:var(--font-mono)}.sdp-events{display:flex;flex-direction:column;gap:8px}.sdp-event{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.sdp-event-header{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);cursor:pointer;flex-wrap:wrap}.sdp-event-header:hover{background:var(--bg-secondary)}.sdp-event-type{font-weight:600;font-size:.9rem}.sdp-type-badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.sdp-type-badge.offer{background:#22d3ee33;color:var(--accent-cyan)}.sdp-type-badge.answer{background:#f472b633;color:var(--accent-pink)}.sdp-type-badge.pranswer{background:#eab30833;color:var(--warning-yellow)}.sdp-sections-count{font-size:.8rem;color:var(--text-muted)}.sdp-timestamp{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin-left:auto}.sdp-copy-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px;opacity:.6;transition:opacity .2s}.sdp-copy-btn:hover{opacity:1;background:var(--bg-secondary)}.sdp-sections{border-top:1px solid var(--border-color)}.sdp-section{border-bottom:1px solid var(--border-color)}.sdp-section:last-child{border-bottom:none}.sdp-section-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-size:.85rem}.sdp-section-header:hover{background:var(--bg-tertiary)}.sdp-section.session .sdp-section-header{background:#9ca3af1a}.sdp-section.media .sdp-section-header{padding-left:24px}.sdp-section-title{font-family:var(--font-mono);font-weight:500}.sdp-mid{padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary)}.sdp-direction{padding:2px 6px;border-radius:4px;font-size:.75rem;font-family:var(--font-mono)}.sdp-direction.sendrecv{background:#22c55e26;color:var(--success-green)}.sdp-direction.sendonly{background:#22d3ee26;color:var(--accent-cyan)}.sdp-direction.recvonly{background:#f472b626;color:var(--accent-pink)}.sdp-direction.inactive{background:#9ca3af26;color:var(--text-muted)}.sdp-rejected{padding:2px 6px;background:#ef444426;color:var(--error-red);border-radius:4px;font-size:.75rem}.sdp-codec{padding:2px 6px;background:var(--accent-cyan-dim);color:var(--accent-cyan);border-radius:4px;font-size:.75rem;font-family:var(--font-mono)}.sdp-line-count{font-size:.75rem;color:var(--text-muted);margin-left:auto}.sdp-content{margin:0;padding:12px;background:var(--bg-primary);font-size:.75rem;line-height:1.6;overflow-x:auto}.sdp-line{display:flex;font-family:var(--font-mono)}.sdp-line-type{color:var(--accent-cyan);font-weight:600;min-width:24px}.sdp-line-value{color:var(--text-secondary);word-break:break-all}.sdp-line.ice .sdp-line-value{color:var(--accent-pink)}.sdp-line.fingerprint .sdp-line-value{color:var(--warning-yellow)}.sdp-line.codec .sdp-line-value{color:var(--success-green)}.sdp-line.candidate .sdp-line-value{color:var(--accent-cyan)}.sdp-line.ssrc .sdp-line-value{color:var(--text-muted)}.codec-timeline{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.codec-change{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-color);font-size:.8rem}.codec-time{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.codec-badge{padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600}.codec-badge.encoder{background:#22d3ee33;color:var(--accent-cyan)}.codec-badge.decoder{background:#f472b633;color:var(--accent-pink)}.codec-impl{font-family:var(--font-mono);font-weight:500;color:var(--text-primary)}.codec-svc{padding:2px 6px;background:#22c55e26;color:var(--success-green);border-radius:4px;font-size:.7rem;font-family:var(--font-mono)}.chart-cell.full-width{grid-column:1 / -1}.geo-decoration{position:absolute;pointer-events:none;opacity:.1}.geo-circle{width:300px;height:300px;border:1px solid var(--accent-cyan);border-radius:50%}.geo-square{width:200px;height:200px;border:1px solid var(--accent-pink);transform:rotate(45deg)}.geo-dots{display:grid;grid-template-columns:repeat(5,8px);gap:16px}.geo-dots span{width:4px;height:4px;background:var(--accent-cyan);border-radius:50%}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px}@media (max-width: 1024px){.hero-visual{display:none}.dashboard-content{grid-template-columns:1fr}.dashboard-sidebar{display:none}}@media (max-width: 768px){.mobile-menu-btn{display:block}.landing-nav .nav-links{display:none}.section{padding:60px 0}.hero h1{font-size:2.25rem}.hero-subheadline{font-size:1.1rem}.hero-form,.cta-form{flex-direction:column}.section-title{font-size:2rem}.floating-orb{display:none}.analytics-grid{grid-template-columns:1fr}.session-row{grid-template-columns:1fr;gap:8px}.landing-footer .footer-content{flex-direction:column;text-align:center}}.gum-table-container{overflow-x:auto}.gum-table{width:100%;border-collapse:collapse;font-size:.8rem}.gum-table th{text-align:left;padding:10px 12px;background:var(--bg-tertiary);color:var(--text-muted);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.gum-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);vertical-align:top}.gum-row.success{background:#22c55e08}.gum-row.error{background:#ef444408}.gum-row.pending{background:#eab30808}.gum-type{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;font-family:var(--font-mono)}.gum-type.getUserMedia{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.gum-type.getDisplayMedia{background:#f472b633;color:var(--accent-pink)}.gum-constraint{display:flex;align-items:flex-start;gap:6px}.constraint-status{font-size:.75rem;font-weight:600}.constraint-status.active{color:var(--success-green)}.constraint-status.inactive{color:var(--text-muted)}.constraint-value{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.constraint-value.simple{color:var(--success-green)}.constraint-object{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.constraint-item{white-space:nowrap}.constraint-key{color:var(--accent-cyan)}.constraint-val{color:var(--text-primary)}.constraint-more{color:var(--text-muted);margin-left:4px}.gum-status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500}.gum-status.success{background:#22c55e26;color:var(--success-green)}.gum-status.error{background:#ef444426;color:var(--error-red)}.gum-status.pending{background:#eab30826;color:var(--warning-yellow)}.gum-details{max-width:300px}.gum-error{display:flex;flex-direction:column;gap:2px}.gum-error .error-type{font-family:var(--font-mono);font-size:.7rem;color:var(--error-red);font-weight:600}.gum-error .error-message{font-size:.7rem;color:var(--text-muted)}.gum-tracks{display:flex;flex-direction:column;gap:4px}.track-info{font-size:.7rem;color:var(--text-secondary)}.track-info.audio{color:var(--accent-cyan)}.track-info.video{color:var(--accent-pink)}.gum-origin{display:block;margin-top:4px;font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.dashboard{display:flex;flex-direction:column;gap:20px}.quick-stats-bar{display:flex;align-items:center;justify-content:center;gap:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px 24px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:0 24px}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.stat-value.status-good{color:var(--success-green)}.stat-value.status-warning{color:var(--warning-yellow)}.stat-value.status-bad{color:var(--error-red)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.stat-divider{width:1px;height:32px;background:var(--border-color)}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:100%;overflow:hidden}.chart-grid-8{grid-template-columns:repeat(3,1fr)}.chart-grid-empty{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-muted)}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;overflow:hidden;min-width:0}.chart-card-simulcast{grid-column:span 2}.simulcast-badge{font-size:.65rem;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.simulcast-layers{display:flex;flex-direction:column;gap:8px}.simulcast-layer{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.simulcast-layer-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--bg-tertiary);border:none;cursor:pointer;font-family:inherit;font-size:.75rem;text-align:left}.simulcast-layer-header:hover{background:var(--bg-hover)}.simulcast-rid{font-weight:600;font-family:var(--font-mono)}.simulcast-summary{color:var(--text-muted);font-size:.7rem}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-card-title{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:8px}.codec-badge{font-size:.65rem;font-weight:400;font-family:var(--font-mono);padding:2px 6px;border-radius:3px;background:var(--bg-tertiary);color:var(--accent-cyan)}.chart-legend{display:flex;gap:12px}.chart-legend-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-muted)}.chart-legend-color{width:12px;height:2px;border-radius:1px}.chart-tooltip{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px;font-size:.75rem}.chart-tooltip-time{color:var(--text-muted);margin-bottom:4px}.chart-header-stats{display:flex;gap:12px;margin-bottom:8px;padding:4px 0;border-bottom:1px solid var(--border-color)}.chart-header-stat{display:flex;gap:4px;font-size:.65rem}.chart-header-stat-label{color:var(--text-muted)}.chart-header-stat-value{color:var(--text-secondary);font-weight:500;font-family:var(--font-mono)}.detail-sections{display:flex;flex-direction:column;gap:8px}.collapsible-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.collapsible-header{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:.9rem;font-weight:500;text-align:left;transition:background .15s}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform .2s}.collapsible-chevron.open{transform:rotate(90deg)}.collapsible-title{flex:1}.collapsible-badge{font-size:.7rem;font-weight:500;padding:2px 8px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-muted)}.collapsible-content{padding:0 16px 16px}@media (max-width: 768px){.quick-stats-bar{flex-wrap:wrap;gap:16px;padding:16px}.stat-item{flex:1 1 auto;min-width:80px;padding:0 12px}.stat-divider{display:none}.chart-grid,.chart-grid-8{grid-template-columns:1fr}.chart-card{padding:12px}.chart-card-header{flex-direction:column;align-items:flex-start;gap:8px}.chart-header-stats{flex-wrap:wrap;gap:8px}}@media (min-width: 769px) and (max-width: 1200px){.chart-grid-8{grid-template-columns:repeat(2,1fr)}}.dense-metrics-strip{display:flex;align-items:stretch;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto;padding:0}.dense-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 16px;min-width:70px;flex-shrink:0}.dense-metric-value{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.dense-metric-value.status-good{color:var(--success-green)}.dense-metric-value.status-warning{color:var(--warning-yellow)}.dense-metric-value.status-bad{color:var(--error-red)}.dense-metric-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;white-space:nowrap}.dense-metric-divider{width:1px;background:var(--border-color);align-self:stretch;flex-shrink:0}.health-timeline{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.timeline-lane{display:flex;align-items:center;margin-bottom:8px}.timeline-lane:last-child{margin-bottom:0}.timeline-lane-label{width:100px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.timeline-lane-track{flex:1;height:20px;background:var(--bg-tertiary);border-radius:4px;position:relative;overflow:hidden}.timeline-segment{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:500;color:#000000b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;transition:opacity .15s}.timeline-segment:hover{opacity:.85}.timeline-segment.state-new{background:var(--text-muted);color:var(--text-primary)}.timeline-segment.state-checking,.timeline-segment.state-gathering,.timeline-segment.state-connecting,.timeline-segment.state-have-local-offer,.timeline-segment.state-have-remote-offer{background:var(--warning-yellow)}.timeline-segment.state-connected,.timeline-segment.state-complete,.timeline-segment.state-completed,.timeline-segment.state-succeeded,.timeline-segment.state-stable{background:var(--success-green)}.timeline-segment.state-disconnected,.timeline-segment.state-failed,.timeline-segment.state-closed{background:var(--error-red);color:var(--text-primary)}.timeline-segment.limit-none{background:var(--success-green)}.timeline-segment.limit-cpu{background:var(--warning-yellow)}.timeline-segment.limit-bandwidth{background:var(--error-red)}.timeline-segment.limit-other{background:var(--text-muted)}.timeline-time-axis{display:flex;justify-content:space-between;margin-top:8px;padding-left:100px;font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono)}.chart-card.dense{padding:12px}.chart-card.dense .chart-card-header{margin-bottom:8px}.chart-header-stats{display:flex;gap:12px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.chart-header-stats span{white-space:nowrap}.chart-header-stats .stat-label{color:var(--text-muted)}.chart-header-stats .stat-value{color:var(--text-secondary)}.detail-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.detail-tabs-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.detail-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tab:hover{color:var(--text-secondary);background:#ffffff05}.detail-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.detail-tab-badge{font-size:.65rem;padding:1px 6px;background:var(--bg-primary);border-radius:8px;color:var(--text-muted)}.detail-tab.active .detail-tab-badge{background:var(--accent-cyan-dim);color:var(--accent-cyan)}.detail-tabs-content{padding:16px;max-height:600px;overflow-y:auto}.panel-content{display:flex;flex-direction:column;gap:20px}.panel-section{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.panel-section-title{font-size:.8rem;font-weight:500;color:var(--text-secondary);padding:10px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);margin:0}.panel-section-title.error{color:var(--error-red)}.panel-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.device-kind{white-space:nowrap}.text-muted{color:var(--text-muted)}.constraints-cell{display:flex;flex-wrap:wrap;gap:4px}.constraint-tag{display:inline-block;font-size:.7rem;font-family:var(--font-mono);padding:2px 6px;border-radius:3px;background:var(--bg-tertiary);color:var(--text-secondary)}.constraint-tag.default{color:var(--text-muted)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.75rem}.data-table th{text-align:left;padding:8px 10px;background:var(--bg-primary);color:var(--text-muted);font-weight:500;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.data-table td{padding:8px 10px;border-top:1px solid var(--border-color);color:var(--text-secondary)}.data-table code{font-family:var(--font-mono);font-size:.7rem}.data-table code.highlight{color:var(--accent-cyan)}.data-table tr:hover td{background:#ffffff05}.data-table tr.row-selected td{background:var(--accent-cyan-dim)}.fmtp-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-badge{display:inline-block;font-size:.7rem;font-weight:500;padding:2px 6px;border-radius:3px}.direction-badge.send{background:#22d3ee26;color:var(--accent-cyan)}.direction-badge.recv{background:#f472b626;color:var(--accent-pink)}.direction-badge.both{background:#8b5cf626;color:#a78bfa}.direction-badge.unknown{color:var(--text-muted)}.quality-badge,.loss-badge,.state-badge,.candidate-type{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:500}.quality-badge.good,.loss-badge.good{background:#22c55e26;color:var(--success-green)}.quality-badge.warning,.loss-badge.warning{background:#eab30826;color:var(--warning-yellow)}.quality-badge.bad,.loss-badge.bad{background:#ef444426;color:var(--error-red)}.state-badge.state-succeeded,.candidate-type.type-host{background:#22c55e26;color:var(--success-green)}.candidate-type.type-srflx{background:#22d3ee26;color:var(--accent-cyan)}.candidate-type.type-relay{background:#eab30826;color:var(--warning-yellow)}.selected-pair-card{padding:16px}.pair-info{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.pair-side{display:flex;flex-direction:column;align-items:center;gap:4px}.pair-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.pair-side code{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis}.pair-arrow{color:var(--accent-cyan);font-size:1.2rem}.pair-stats{display:flex;justify-content:center;gap:24px;padding-top:12px;border-top:1px solid var(--border-color)}.pair-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.pair-stat-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.config-grid{padding:12px;display:flex;flex-direction:column;gap:8px}.config-item{display:flex;gap:8px;font-size:.75rem}.config-label{color:var(--text-muted);min-width:120px}.config-item code{font-family:var(--font-mono);color:var(--text-secondary);font-size:.7rem}.sdp-negotiation-list{display:flex;flex-direction:column;gap:12px}.sdp-negotiation-item{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);overflow:hidden}.sdp-negotiation-header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.sdp-type-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.sdp-type-badge.offer{background:#22d3ee26;color:var(--accent-cyan)}.sdp-type-badge.answer{background:#f472b626;color:var(--accent-pink)}.sdp-direction-badge{font-size:.7rem;font-weight:500}.sdp-direction-badge.local{color:var(--accent-cyan)}.sdp-direction-badge.remote{color:var(--accent-pink)}.sdp-time{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.sdp-change-indicator{margin-left:auto;font-size:.65rem;color:var(--warning-yellow);padding:2px 6px;background:#eab3081a;border-radius:3px}.sdp-summary{padding:12px}.sdp-summary-row{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.sdp-summary-item{display:flex;align-items:center;gap:6px}.sdp-summary-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.sdp-summary-item code{font-size:.7rem;color:var(--text-secondary)}.sdp-media-summary{background:var(--bg-primary);border-radius:4px;margin-bottom:8px;overflow:hidden}.sdp-media-summary:last-child{margin-bottom:0}.sdp-media-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary)}.sdp-media-type{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px}.sdp-media-type.audio{background:#8b5cf626;color:#a78bfa}.sdp-media-type.video{background:#22c55e26;color:var(--success-green)}.sdp-media-type.application{background:#eab30826;color:var(--warning-yellow)}.sdp-media-direction{font-size:.65rem;color:var(--text-muted)}.sdp-media-direction.dir-sendrecv{color:var(--success-green)}.sdp-media-direction.dir-sendonly{color:var(--accent-cyan)}.sdp-media-direction.dir-recvonly{color:var(--accent-pink)}.sdp-media-direction.dir-inactive{color:var(--text-muted)}.sdp-media-inactive{font-size:.65rem;color:var(--error-red);margin-left:auto}.sdp-media-details{padding:8px 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sdp-media-codecs{display:flex;flex-wrap:wrap;gap:4px}.sdp-codec-badge{font-size:.65rem;padding:2px 5px;background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary)}.sdp-more{font-size:.65rem;color:var(--text-muted)}.sdp-simulcast-info{display:flex;align-items:center;gap:4px}.sdp-simulcast-label{font-size:.65rem;color:var(--text-muted)}.sdp-rid-badge{font-size:.65rem;padding:1px 4px;background:#22d3ee26;color:var(--accent-cyan);border-radius:2px}.sdp-bandwidth{display:flex;align-items:center;gap:4px}.sdp-bw-label{font-size:.65rem;color:var(--text-muted)}.sdp-bandwidth code{font-size:.65rem;color:var(--warning-yellow)}.sdp-diff{padding:12px}.sdp-diff-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-primary);border-radius:4px;margin-bottom:6px;border-left:3px solid var(--border-color)}.sdp-diff-item:last-child{margin-bottom:0}.sdp-diff-item.ice-restart{border-left-color:var(--warning-yellow)}.sdp-diff-item.direction{border-left-color:var(--accent-cyan)}.sdp-diff-item.codec-added{border-left-color:var(--success-green)}.sdp-diff-item.codec-removed{border-left-color:var(--error-red)}.sdp-diff-item.media-added{border-left-color:var(--success-green)}.sdp-diff-item.media-removed{border-left-color:var(--error-red)}.sdp-diff-item.bandwidth,.sdp-diff-item.simulcast{border-left-color:var(--accent-pink)}.sdp-diff-label{font-size:.7rem;font-weight:500;color:var(--text-primary)}.sdp-diff-detail{font-size:.7rem;color:var(--text-secondary);font-family:var(--font-mono)}.sdp-no-changes{padding:12px;font-size:.75rem;color:var(--text-muted);font-style:italic}.sdp-no-data{padding:12px;font-size:.75rem;color:var(--text-muted)}.sdp-raw-toggle{width:100%;padding:8px 12px;background:transparent;border:none;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.7rem;cursor:pointer;text-align:left}.sdp-raw-toggle:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.sdp-raw{margin:0;padding:12px;background:var(--bg-primary);font-family:var(--font-mono);font-size:.65rem;color:var(--text-secondary);overflow-x:auto;max-height:300px;white-space:pre;border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--border-color)}.feature-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg-secondary)}.feature-label{font-size:.65rem;color:var(--text-muted)}.feature-value{font-size:.8rem;color:var(--text-primary);font-family:var(--font-mono)}.track-features{margin-bottom:12px}.track-id{padding:8px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.track-id code{font-size:.7rem;color:var(--text-secondary)}.candidates-gathered{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-top:12px;background:var(--bg-primary);border-radius:4px;flex-wrap:wrap}.candidates-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.candidate-count{font-size:.75rem;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;background:var(--bg-tertiary)}.candidate-count.type-host{color:var(--success-green)}.candidate-count.type-srflx{color:var(--accent-cyan)}.candidate-count.type-relay{color:var(--warning-yellow)}.candidate-count.type-prflx{color:var(--accent-pink)}.tracks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px}.track-feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.track-feature-card.send{border-left:3px solid var(--accent-cyan)}.track-feature-card.recv{border-left:3px solid var(--accent-pink)}.track-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.track-direction{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:3px}.track-direction.send{background:#22d3ee33;color:var(--accent-cyan)}.track-direction.recv{background:#f472b633;color:var(--accent-pink)}.track-kind{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.track-rid{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);padding:1px 5px;background:var(--bg-secondary);border-radius:3px;margin-left:auto}.track-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-color)}.track-detail{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:var(--bg-secondary)}.track-detail .detail-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.track-detail code,.track-detail span:not(.detail-label){font-size:.75rem;font-family:var(--font-mono);color:var(--text-primary)}.track-detail .loss-value{color:var(--error-red)}.track-detail .limit-cpu{color:var(--warning-yellow)}.track-detail .limit-bandwidth{color:var(--error-red)}.track-id-row{padding:6px 10px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.track-id-value{font-size:.6rem;color:var(--text-muted);word-break:break-all}.api-failures{padding:12px;display:flex;flex-direction:column;gap:8px}.failure-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ef44441a;border-radius:4px}.failure-item code{font-size:.75rem;color:var(--error-red)}.failure-error{font-size:.75rem;color:var(--text-secondary)}.raw-features summary{padding:10px 12px;cursor:pointer;color:var(--text-muted);font-size:.8rem}.raw-features summary:hover{color:var(--text-secondary)}.raw-json{margin:0;padding:12px;background:var(--bg-primary);font-size:.7rem;color:var(--text-secondary);overflow-x:auto;max-height:300px}.dense-table{width:100%;border-collapse:collapse;font-size:.8rem}.dense-table th{text-align:left;padding:8px 12px;background:var(--bg-tertiary);color:var(--text-muted);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color)}.dense-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-secondary)}.dense-table tr:last-child td{border-bottom:none}.dense-table tr:hover td{background:#ffffff05}@media (max-width: 768px){.dense-metrics-strip{flex-wrap:nowrap;justify-content:flex-start}.dense-metric{padding:10px 12px;min-width:60px}.dense-metric-value{font-size:.9rem}.timeline-lane-label{width:70px;font-size:.6rem}}