@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Mono:wght@400;500&family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Instrument+Sans:wght@400;500;600;700&display=swap");:root{--color-canvas:#f7f5f0;--color-surface:#fff;--color-surface-alt:#f0ede8;--color-border:#e2ddd6;--color-border-strong:#c8c2b8;--color-text-primary:#1a1714;--color-text-secondary:#6b6560;--color-text-muted:#a39e99;--color-accent:#e8441a;--color-accent-light:#fdf1ee;--color-accent-dark:#c23510;--color-data-1:#1a1714;--color-data-2:#e8441a;--color-data-3:#8fa68e;--color-data-4:#c4a882;--color-data-5:#a0a9c0;--color-success:#3d7a5e;--color-warning:#b8860b;--color-danger:#c23510;--font-display:"Playfair Display",serif;--font-heading:"Instrument Sans",sans-serif;--font-body:"Lora",serif;--font-mono:"DM Mono",monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;line-height:1.7;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.landing-page{min-height:100vh;flex-direction:column;overflow:hidden}.landing-nav,.landing-page{position:relative;display:flex}.landing-nav{z-index:20;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);max-width:1280px;margin:0 auto;width:100%}.logo{font-family:var(--font-heading);font-weight:700;font-size:18px;letter-spacing:-.3px;color:var(--color-text-primary);gap:var(--space-1)}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:28px;height:28px;background:var(--color-accent);border-radius:6px;justify-content:center;font-size:13px;color:#fff}.nav-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.landing-hero{flex:1;display:flex;align-items:center;padding:0 var(--space-6) var(--space-10);max-width:1280px;margin:0 auto;width:100%}.hero-content,.landing-hero{position:relative;z-index:10}.hero-content{max-width:600px}.hero-eyebrow{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);animation:fadeInUp .6s .2s forwards}.hero-eyebrow,.hero-headline{margin-bottom:var(--space-3);opacity:0;transform:translateY(20px)}.hero-headline{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.02;letter-spacing:-.02em;color:var(--color-text-primary);animation:fadeInUp .6s .35s forwards}.hero-headline .accent{color:var(--color-accent);font-style:italic;font-weight:400}.hero-sub{font-family:var(--font-body);font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);max-width:480px;margin-bottom:var(--space-5);animation:fadeInUp .6s .5s forwards}.hero-sub,.search-container{opacity:0;transform:translateY(20px)}.search-container{animation:fadeInUp .6s .65s forwards;width:100%}.search-box{display:flex;gap:0;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:12px;padding:6px;transition:border-color .3s,box-shadow .3s;width:100%}.search-box:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(232,68,26,.1)}.search-box.valid:focus-within{border-color:var(--color-success);box-shadow:0 0 0 4px rgba(61,122,94,.1)}.search-input{flex:1;background:transparent;border:none;outline:none;padding:14px 18px;color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;width:100%;min-width:0}.search-input::placeholder{color:var(--color-text-muted);font-style:italic}.search-status{display:flex;align-items:center;padding-right:var(--space-1);font-size:16px;transition:opacity .3s}.search-btn{background:var(--color-accent);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-family:var(--font-heading);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.search-btn:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.search-btn:active{transform:translateY(0)}.search-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.search-btn.loading{position:relative;color:transparent}.search-btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.search-error{margin-top:var(--space-1);font-size:.875rem;color:var(--color-danger);font-family:var(--font-body);display:none}.search-error.visible{display:block}.try-channels{display:flex;gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .6s .8s forwards}.try-label{font-size:.75rem;letter-spacing:.08em;color:var(--color-text-muted)}.try-label,.try-pill{font-family:var(--font-heading);font-weight:600;text-transform:uppercase}.try-pill{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:6px 14px;border-radius:4px;font-size:.7rem;letter-spacing:.06em;cursor:pointer;transition:all .2s}.try-pill:hover{background:var(--color-accent-light);border-color:transparent;color:var(--color-accent-dark)}#hero-canvas{right:-5%;width:60%;z-index:2}#hero-canvas,.globe-vignette{position:absolute;top:0;height:100%;pointer-events:none}.globe-vignette{left:0;width:100%;background:radial-gradient(ellipse at 70% 50%,transparent 20%,var(--color-canvas) 65%);z-index:3}.landing-marquee{position:relative;z-index:10;padding:var(--space-2) 0;border-top:1px solid var(--color-border);overflow:hidden;opacity:0;animation:fadeIn .6s 1s forwards}.marquee-track{display:flex;gap:var(--space-6);animation:marquee 35s linear infinite;white-space:nowrap}.marquee-item{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);letter-spacing:.02em;display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.marquee-dot{width:4px;height:4px;background:var(--color-accent);border-radius:50%}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-6) var(--space-4)}.site-footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.site-footer-label{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.recent-channels{flex:1;min-width:280px}.recent-channel-list{display:flex;gap:10px;flex-wrap:wrap}.recent-channel-chip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:2px;min-width:0;padding:10px 14px;border-radius:14px;border:1px solid var(--color-border);background:hsla(0,0%,100%,.8);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:left}.recent-channel-chip:hover{transform:translateY(-1px);border-color:var(--color-border-strong);box-shadow:0 10px 24px rgba(26,23,20,.06)}.recent-channel-chip img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;grid-row:1/span 2}.recent-channel-chip span{font-family:var(--font-heading);font-size:.84rem;font-weight:600;color:var(--color-text-primary);min-width:0}.recent-channel-chip small{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);grid-column:2}.dashboard-page{min-height:100vh;background:var(--color-canvas);max-width:100vw;overflow-x:hidden}.dash-nav{position:sticky;top:0;z-index:100;background:hsla(43,30%,95%,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:0 var(--space-6)}.dash-nav-inner{max-width:1280px;margin:0 auto;justify-content:space-between;min-height:64px;gap:var(--space-2)}.dash-nav-inner,.dash-nav-left{display:flex;align-items:center}.dash-nav-left{gap:var(--space-3)}.back-btn{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s;background:none;border:none;text-decoration:none}.back-btn:hover{color:var(--color-accent);text-decoration:underline}.dash-nav-divider{width:1px;height:22px;background:var(--color-border)}.dash-nav-label{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.dash-nav-right{gap:var(--space-1)}.dash-nav-right,.export-btn{display:flex;align-items:center}.export-btn{gap:6px;padding:8px 16px;background:transparent;border:1.5px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.channel-header{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-6) 0}.channel-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.channel-info{display:flex;align-items:center;gap:var(--space-3)}.channel-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--color-accent);padding:2px;overflow:hidden;flex-shrink:0}.channel-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.channel-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-accent)}.channel-meta h1{font-family:var(--font-heading);font-size:2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:4px;display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-primary);flex-wrap:wrap}.verified-badge{justify-content:center;width:20px;height:20px;background:var(--color-accent);border-radius:50%;font-size:11px;color:#fff}.demo-badge,.verified-badge{display:inline-flex;align-items:center}.demo-badge{padding:2px 10px;background:#fff9e6;border:1px solid #ffc107;color:#b28b00;border-radius:99px;font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.channel-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.channel-stat{font-family:var(--font-heading);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.channel-stat strong{color:var(--color-text-secondary);font-weight:600}.channel-actions-stack{display:flex;flex-direction:column;gap:12px;width:min(360px,100%)}.channel-actions-panel{min-width:270px;max-width:360px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:hsla(0,0%,100%,.72);box-shadow:0 1px 3px rgba(26,23,20,.04),0 10px 30px rgba(26,23,20,.04)}.channel-actions-label{font-family:var(--font-heading);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px}.channel-actions{display:flex;gap:10px}.channel-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:44px;border-radius:12px;border:1px solid transparent;padding:10px 14px;font-family:var(--font-heading);font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s}.channel-action-btn svg{flex-shrink:0}.channel-action-btn:hover{transform:translateY(-1px)}.channel-action-btn:disabled{opacity:.6;cursor:wait;transform:none}.channel-action-btn.primary{background:var(--color-text-primary);color:var(--color-canvas);box-shadow:0 10px 18px rgba(26,23,20,.08)}.channel-action-btn.primary:hover{background:#2b2622}.channel-action-btn.secondary{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}.channel-action-btn.secondary:hover{background:var(--color-surface-alt);color:var(--color-text-primary);border-color:var(--color-border-strong)}.comparison-controls{display:grid;gap:12px}.comparison-trigger{width:100%}.comparison-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.comparison-input{width:100%;border:1.5px solid var(--color-border-strong);border-radius:12px;background:var(--color-surface);padding:11px 14px;color:var(--color-text-primary);font-family:var(--font-body);font-size:.92rem;outline:none}.comparison-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(232,68,26,.12)}.comparison-submit{min-width:108px}.comparison-error{font-family:var(--font-body);font-size:.85rem;line-height:1.5;color:var(--color-danger)}.comparison-current{display:flex;align-items:center;gap:8px;border-top:1px solid var(--color-border);padding-top:12px}.comparison-current span{font-family:var(--font-heading);font-size:.74rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.comparison-current strong{flex:1;min-width:0;font-family:var(--font-heading);font-size:.9rem;color:var(--color-text-primary)}.comparison-clear{width:28px;height:28px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.comparison-clear:hover{border-color:var(--color-border-strong);background:var(--color-surface-alt);color:var(--color-text-primary)}.comparison-section{max-width:1280px;margin:var(--space-4) auto 0;padding:0 var(--space-6)}.comparison-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.comparison-title{font-size:1.35rem}.comparison-caption{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted)}.comparison-row{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:var(--space-3);align-items:stretch}.comparison-divider{width:1px;background:linear-gradient(180deg,transparent 0,var(--color-border) 15%,var(--color-border) 85%,transparent 100%)}.comparison-card{border:1px solid var(--color-border);border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(43,30%,95%,.88));padding:20px;box-shadow:0 8px 24px rgba(26,23,20,.05);min-width:0}.comparison-card-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.comparison-card-label,.comparison-card-title{font-family:var(--font-heading);font-weight:600}.comparison-card-title{font-size:1.2rem;color:var(--color-text-primary);line-height:1.2;margin-bottom:18px}.comparison-metrics{display:grid;gap:12px}.comparison-metric{border-top:1px solid hsla(35,17%,86%,.9);padding-top:12px;min-width:0}.comparison-metric:first-child{border-top:none;padding-top:0}.comparison-metric-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.comparison-metric-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.comparison-metric strong{display:block;font-family:var(--font-mono);font-size:1.25rem;font-weight:500;color:var(--color-text-primary);overflow-wrap:anywhere}.comparison-delta{font-family:var(--font-mono);font-size:.75rem;white-space:nowrap}.comparison-delta.up{color:var(--color-success)}.comparison-delta.down{color:var(--color-danger)}.comparison-delta.neutral{color:var(--color-text-muted)}.kpi-grid{max-width:1280px;margin:var(--space-2) auto 0;padding:0 var(--space-6);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-3);box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04);transition:all .2s ease;min-width:0}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(26,23,20,.08),0 8px 24px rgba(26,23,20,.06)}.kpi-card.is-expanded{box-shadow:0 4px 14px rgba(26,23,20,.08),0 14px 36px rgba(26,23,20,.08)}.kpi-toggle{width:100%;background:transparent;border:none;padding:0;text-align:left;cursor:default}.kpi-toggle.is-expandable{cursor:pointer}.kpi-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-label,.kpi-topline{margin-bottom:var(--space-2)}.kpi-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.kpi-topline .kpi-label{margin-bottom:0}.kpi-expand-indicator{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-family:var(--font-heading);font-size:.72rem;font-weight:600;white-space:nowrap;transition:color .2s,transform .2s}.kpi-expand-indicator.is-open{color:var(--color-accent)}.kpi-expand-indicator.is-open svg{transform:rotate(180deg)}.kpi-expand-indicator svg{transition:transform .2s ease}.kpi-value{font-family:var(--font-mono);font-size:clamp(28px,3.5vw,48px);font-weight:500;color:var(--color-text-primary);line-height:.95;margin-bottom:var(--space-1);display:flex;align-items:baseline;gap:3px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}.kpi-value.is-compact{font-size:clamp(24px,3vw,40px)}.kpi-number-ticker{letter-spacing:-.06em!important;min-width:0}.kpi-suffix{letter-spacing:-.04em;flex-shrink:0}.kpi-trend{font-family:var(--font-heading);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.kpi-trend.neutral{color:var(--color-warning)}.kpi-sub{font-family:var(--font-body);font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.kpi-detail-panel{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:grid;gap:8px}.kpi-detail-line{font-family:var(--font-body);font-size:.83rem;line-height:1.55;color:var(--color-text-secondary);overflow-wrap:anywhere}.charts-row{max-width:1280px;margin:var(--space-8) auto 0;padding:0 var(--space-6);display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-2);width:100%;overflow:hidden}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-3);box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04);min-width:0;max-width:100%}.chart-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.chart-label,.chart-title{font-family:var(--font-heading);font-weight:600}.chart-title{font-size:1.125rem;color:var(--color-text-primary);margin-bottom:2px}.chart-subtitle{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.chart-container{width:100%;height:300px;position:relative;margin-top:var(--space-4);overflow:hidden}.chart-container.is-scrollable{overflow-x:auto}.chart-container.is-scrollable canvas{min-width:500px}.chart-container canvas{width:100%!important;height:100%!important}.mobile-performance-chart{display:none}.mobile-performance-list{display:flex;flex-direction:column;gap:12px}.mobile-performance-item{width:100%;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(180deg,#fff,#faf8f4);padding:14px;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.mobile-performance-item:hover{transform:translateY(-1px);border-color:var(--color-border-strong);box-shadow:0 8px 24px rgba(26,23,20,.06)}.mobile-performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mobile-performance-title{font-family:var(--font-heading);font-size:.92rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-performance-value{font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-primary);white-space:nowrap}.mobile-performance-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-family:var(--font-heading);font-size:.72rem;color:var(--color-text-muted)}.mobile-performance-bar{height:8px;margin-top:12px;border-radius:999px;background:var(--color-surface-alt);overflow:hidden}.mobile-performance-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent) 0,#f28d70 100%)}.heatmap-section{max-width:1280px;margin:var(--space-12) auto 0;padding:0 var(--space-6)}.heatmap-card{--heatmap-cell-size:clamp(12px,1.15vw,18px);--heatmap-gap:clamp(4px,0.4vw,7px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:clamp(24px,3vw,40px);box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04);position:relative;overflow:visible}.heatmap-container{display:flex;position:relative;margin-top:10px;overflow-x:auto;overflow-y:visible;padding:48px 0 14px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.heatmap-days{flex-direction:column;padding-top:0;margin-right:12px;background:var(--color-surface);position:sticky;left:0;z-index:20;padding-right:8px}.heatmap-days,.heatmap-grid{display:flex;gap:var(--heatmap-gap)}.heatmap-grid{overflow:visible;position:relative;z-index:5}.heatmap-col{display:flex;flex-direction:column;gap:var(--heatmap-gap)}.heatmap-cell{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border-radius:3px;background:hsla(35,17%,86%,.4);transition:all .2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;appearance:none;border:none;padding:0}.heatmap-cell:hover{transform:scale(1.4);z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15);filter:brightness(1.1)}.heatmap-cell:active{transform:scale(1.2);transition:duration .1s}.heatmap-cell.selected{box-shadow:0 0 0 2px rgba(26,23,20,.14);transform:scale(1.2)}.heatmap-cell:focus-visible{outline:2px solid rgba(232,68,26,.4);outline-offset:2px}.heatmap-tooltip{display:none}.heatmap-tooltip-bubble{position:absolute;max-width:220px;transform:translate(-50%,calc(-100% - 12px));background:var(--color-text-primary);color:var(--color-canvas);padding:8px 12px;border-radius:10px;font-family:var(--font-heading);font-size:.72rem;line-height:1.45;pointer-events:none;z-index:40;box-shadow:0 12px 30px rgba(26,23,20,.2)}.heatmap-tooltip-bubble.is-bottom{transform:translate(-50%)}.heatmap-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}.heatmap-summary-pill{display:inline-flex;align-items:baseline;gap:8px;padding:9px 12px;border-radius:999px;background:var(--color-surface-alt);border:1px solid var(--color-border)}.heatmap-summary-pill strong{font-family:var(--font-mono);font-size:.92rem;font-weight:500;color:var(--color-text-primary)}.heatmap-summary-pill span{font-family:var(--font-heading);font-size:.75rem;color:var(--color-text-muted)}.heatmap-mobile-detail{display:none;margin-top:16px;border-top:1px solid var(--color-border);padding-top:14px}.heatmap-mobile-detail-label{font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.heatmap-mobile-detail-body{display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);font-size:.92rem;color:var(--color-text-secondary)}.heatmap-mobile-detail-body strong{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.heatmap-cell.l1{background:#fee8e2}.heatmap-cell.l2{background:#fca58f}.heatmap-cell.l3{background:#f65e3b}.heatmap-cell.l4{background:#e8441a;animation:pulse-soft 2.5s infinite}.heatmap-day-label{font-family:var(--font-heading);font-size:.7rem;color:var(--color-text-muted);height:var(--heatmap-cell-size);line-height:var(--heatmap-cell-size)}.insights-section{max-width:1280px;margin:var(--space-12) auto 0;padding:0 var(--space-6)}.section-header-ruled{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.section-header-ruled .section-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.section-header-ruled .section-h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.section-header-ruled .ruled-line{flex:1;border-top:1px solid var(--color-border);align-self:center;min-width:40px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-2)}.insight-card{background:var(--color-surface);border-radius:12px;padding:var(--space-3);border:1px solid var(--color-border);border-left:3px solid;box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04);transition:all .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px rgba(26,23,20,.08),0 8px 24px rgba(26,23,20,.06)}.insight-card.type-alert{border-left-color:var(--color-danger)}.insight-card.type-info{border-left-color:var(--color-data-5)}.insight-card.type-opportunity{border-left-color:var(--color-success)}.insight-card.type-warning{border-left-color:var(--color-warning)}.insight-icon{font-size:20px;margin-bottom:var(--space-1)}.insight-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.insight-body{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;overflow-wrap:break-word;word-break:break-word}.insight-stat{font-family:var(--font-mono);font-weight:500;color:var(--color-text-primary);white-space:nowrap}.videos-section{max-width:1280px;margin:var(--space-12) auto 0;padding:0 var(--space-6) var(--space-8)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.trending-score-info{margin-bottom:var(--space-3)}.trending-score-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);padding:8px 14px;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.trending-score-trigger:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-surface-alt)}.trending-score-panel{margin-top:12px;max-width:720px;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(180deg,hsla(0,0%,100%,.96),hsla(43,30%,95%,.96));padding:16px 18px;box-shadow:0 8px 24px rgba(26,23,20,.06);display:grid;gap:8px}.trending-score-panel p{font-family:var(--font-body);font-size:.92rem;line-height:1.65;color:var(--color-text-secondary)}.filter-bar{display:flex;gap:var(--space-1);flex-wrap:wrap;align-items:center}.filter-input{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:8px;padding:8px 14px;color:var(--color-text-primary);font-family:var(--font-body);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s;width:200px}.filter-input::placeholder{color:var(--color-text-muted);font-style:italic}.filter-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(232,68,26,.12)}.filter-select{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:8px;padding:8px 32px 8px 14px;color:var(--color-text-secondary);font-family:var(--font-heading);font-size:.85rem;font-weight:500;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A39E99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s}.filter-select:focus{border-color:var(--color-accent)}.filter-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:.8rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;user-select:none}.toggle-switch{width:36px;height:20px;background:var(--color-border-strong);border-radius:10px;position:relative;transition:background .2s;cursor:pointer}.toggle-switch.active{background:var(--color-accent)}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-switch.active:after{transform:translateX(16px)}.view-toggle{display:flex;background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:8px;overflow:hidden}.view-toggle-btn{padding:8px 14px;font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s}.view-toggle-btn.active{background:var(--color-accent);color:#fff}.sort-bar{display:flex;gap:4px;margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center}.sort-label{letter-spacing:.08em;text-transform:uppercase;margin-right:4px}.sort-btn,.sort-label{font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.sort-btn{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s}.sort-btn:hover{color:var(--color-text-secondary)}.sort-btn.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);border-radius:0}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2)}.video-grid.hidden{display:none}.video-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04)}.video-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(26,23,20,.08),0 12px 32px rgba(26,23,20,.06);border-color:var(--color-border-strong)}.video-thumb{position:relative;width:100%;padding-bottom:56.25%;background:var(--color-surface-alt);overflow:hidden}.video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumb img{transform:scale(1.03)}.video-thumb:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(232,68,26,0);transition:background .3s;pointer-events:none}.video-card:hover .video-thumb:after{background:rgba(232,68,26,.08)}.duration-badge{bottom:8px;right:8px;background:rgba(26,23,20,.85);padding:2px 8px;font-size:11px}.duration-badge,.trending-badge{position:absolute;border-radius:4px;font-family:var(--font-mono);font-weight:500;color:#fff;z-index:2}.trending-badge{top:8px;left:8px;padding:3px 8px;font-size:10px}.trending-badge.hot{background:var(--color-accent);animation:pulse 1.5s infinite}.trending-badge.rising{background:var(--color-warning)}.trending-badge.stable{background:var(--color-data-5)}.trending-badge.fading{background:var(--color-text-muted)}.video-body{padding:var(--space-2)}.video-title{font-family:var(--font-heading);font-size:.9rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-stats-row{display:flex;gap:14px;flex-wrap:wrap}.video-stat{font-family:var(--font-heading);font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.video-stat svg{width:13px;height:13px;opacity:.5}.video-stat strong{font-family:var(--font-mono);font-weight:500;color:var(--color-text-secondary)}.video-date{font-family:var(--font-heading);font-size:.7rem;color:var(--color-text-muted);margin-top:var(--space-1);letter-spacing:.02em}.video-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--color-border);display:none;box-shadow:0 1px 3px rgba(26,23,20,.06),0 4px 16px rgba(26,23,20,.04)}.video-table-wrap.active{display:block}.video-table{width:100%;border-collapse:collapse;font-size:.85rem}.video-table th{background:var(--color-surface-alt);text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;position:sticky;top:0;z-index:2}.video-table td,.video-table th{padding:12px 16px;font-family:var(--font-heading);border-bottom:1px solid var(--color-border)}.video-table td{color:var(--color-text-secondary);vertical-align:middle;font-size:.85rem}.video-table tr:nth-child(2n) td{background:var(--color-surface-alt)}.video-table tr:nth-child(odd) td{background:var(--color-surface)}.video-table tr:hover td{background:var(--color-accent-light)}.table-thumb{width:80px;height:45px;border-radius:4px;object-fit:cover;border:1px solid var(--color-border)}.table-title{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(26,23,20,.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-3);opacity:0;visibility:hidden;transition:all .3s}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;max-width:620px;width:100%;max-height:85vh;overflow-y:auto;transform:scale(.95);transition:transform .3s;box-shadow:0 8px 32px rgba(26,23,20,.15),0 2px 8px rgba(26,23,20,.08);position:relative}.modal-overlay.active .modal{transform:scale(1)}.modal-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0}.modal-body{padding:var(--space-3)}.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.modal-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.modal-stat{display:flex;flex-direction:column;gap:2px}.modal-stat-label{font-family:var(--font-heading);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.modal-stat-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--color-text-primary)}.modal-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-bottom:var(--space-3);gap:2px;background:var(--color-surface-alt)}.modal-bar-segment{height:100%;border-radius:2px}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}.modal-tag{background:var(--color-surface-alt);border:1px solid var(--color-border);padding:4px 10px;border-radius:4px;font-family:var(--font-heading);font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.modal-actions{display:flex;gap:var(--space-1)}.modal-cta{flex:1;padding:12px;border-radius:8px;font-family:var(--font-heading);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.modal-cta.primary{background:var(--color-accent);color:#fff}.modal-cta.primary:hover{background:var(--color-accent-dark);transform:translateY(-1px)}.modal-cta.secondary{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border-strong)}.modal-cta.secondary:hover{background:var(--color-surface-alt)}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(26,23,20,.6);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.modal-close:hover{background:rgba(26,23,20,.8)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:var(--space-4)}.page-btn{padding:8px 14px;border-radius:8px;background:var(--color-surface);border:1.5px solid var(--color-border-strong);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.page-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.page-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.toast-container{position:fixed;bottom:var(--space-3);right:var(--space-3);z-index:2000;flex-direction:column}.toast,.toast-container{display:flex;gap:var(--space-1)}.toast{background:var(--color-text-primary);border-radius:8px;padding:12px 20px;font-family:var(--font-heading);font-size:.85rem;font-weight:500;color:var(--color-canvas);box-shadow:0 8px 24px rgba(26,23,20,.2);transform:translateX(120%);transition:transform .3s;align-items:center}.toast.show{transform:translateX(0)}.dashboard-footer{border-top:1px solid var(--color-border);margin-top:var(--space-4)}.dashboard-footer-inner{max-width:1280px;margin:0 auto;padding:var(--space-3) var(--space-6) var(--space-4);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.dashboard-footer-note{max-width:520px;font-family:var(--font-body);font-size:.92rem;line-height:1.65;color:var(--color-text-secondary)}.skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,var(--color-border) 50%,var(--color-surface-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.charts-row{grid-template-columns:1fr;gap:var(--space-4)}.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-nav{padding:var(--space-2) var(--space-3)}.landing-hero{padding:0 var(--space-3) var(--space-5);flex-direction:column;min-height:auto}.hero-content{max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-6)}.hero-headline{font-size:clamp(2.5rem,10vw,3.5rem);margin-bottom:var(--space-2)}.hero-sub{max-width:100%;font-size:1rem;margin-bottom:var(--space-4)}.search-box{flex-direction:column;gap:var(--space-1);background:transparent;border:none;padding:0;box-shadow:none!important}.search-input{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:12px;margin-bottom:var(--space-1)}.search-status{position:absolute;right:18px;top:18px}.search-btn{width:100%;padding:16px;font-size:1rem}.try-channels{justify-content:center}#hero-canvas,.globe-vignette{display:none}.dash-nav{padding:0 var(--space-3)}.dash-nav-inner{min-height:60px;padding:10px 0}.dash-nav-left{gap:var(--space-2)}.dash-nav-label{display:none}.channel-header{padding:var(--space-4) var(--space-3) 0}.channel-header-top{flex-direction:column}.channel-info{flex-direction:row;align-items:center;text-align:left;gap:var(--space-2)}.channel-avatar{width:60px;height:60px}.channel-meta h1{font-size:1.25rem}.channel-stats{gap:4px 12px}.channel-actions-stack{width:100%}.channel-actions-panel{width:100%;max-width:none;min-width:0;padding:14px}.channel-actions{display:grid;grid-template-columns:1fr 1fr}.comparison-section{padding:0 var(--space-3);margin-top:var(--space-3)}.comparison-row{grid-template-columns:1fr}.comparison-divider{width:100%;height:1px}.kpi-grid{grid-template-columns:repeat(2,1fr);padding:0 var(--space-3)}.kpi-value{white-space:normal}.charts-row{padding:0 var(--space-3)}.heatmap-section,.insights-section,.videos-section{padding:0 var(--space-3);margin-top:var(--space-6)}.desktop-performance-chart{display:none}.mobile-performance-chart{display:block}.heatmap-card{--heatmap-cell-size:12px;--heatmap-gap:4px;padding:var(--space-4)}.heatmap-container{padding-top:16px}.heatmap-cell:hover{transform:none;box-shadow:none;filter:none}.heatmap-mobile-detail{display:block}.video-table-wrap.active{display:none}.video-table-wrap.active~.video-cards-mobile{display:flex}.dashboard-footer-inner,.site-footer{padding-left:var(--space-3);padding-right:var(--space-3)}}@media (max-width:480px){.logo-icon{width:24px;height:24px;font-size:11px}.nav-label{display:none}.hero-headline{font-size:2.2rem}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kpi-card{padding:18px}.kpi-value{font-size:clamp(22px,7vw,28px)}.kpi-topline{align-items:flex-start}.kpi-expand-indicator span{display:none}.dash-nav-left{width:100%;justify-content:space-between}.dash-nav-divider{display:none}.channel-info{align-items:flex-start;text-align:left}.channel-stats{gap:6px 12px}.channel-actions,.comparison-form{grid-template-columns:1fr}.mobile-performance-head{flex-direction:column;gap:8px}.trending-score-trigger{width:100%;justify-content:center}.recent-channel-list{flex-direction:column}.recent-channel-chip{width:100%;justify-content:flex-start}.modal{width:95%;margin:0 auto}.video-cards-mobile,.video-grid{grid-template-columns:1fr!important}}.video-cards-mobile{display:none;flex-direction:column;gap:var(--space-3);width:100%}.mobile-video-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);width:100%}.mobile-video-thumb{width:100%;aspect-ratio:16/9;position:relative}.mobile-video-thumb img{width:100%;height:100%;object-fit:cover}.mobile-video-content{padding:var(--space-2)}.mobile-video-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-video-badges{display:flex;gap:8px;margin-bottom:16px;align-items:center}.mobile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:12px 0;margin-bottom:12px}.mobile-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-stat-value{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.mobile-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.mobile-stat-label,.mobile-video-date{font-family:var(--font-heading);color:var(--color-text-muted)}.mobile-video-date{font-size:.75rem;text-align:center}