.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;flex-shrink:0;z-index:100}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.5rem 1.25rem;border-bottom:1px solid var(--border);padding-top:calc(1.5rem + env(safe-area-inset-top,0px))}.sidebar-brand-row{display:flex;align-items:center;min-width:0}.sidebar-logo{display:inline-block;font-weight:700;font-size:.875rem;letter-spacing:.05em;background:var(--text);color:#fff;padding:.25rem .5rem;border-radius:4px;margin-right:.5rem;flex-shrink:0}.sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-close{display:none;flex-shrink:0;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;align-items:center;justify-content:center;padding:0}.sidebar-close:hover{background:var(--bg);color:var(--text)}.sidebar-nav{padding:1rem .75rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));flex:1}.nav-section{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:.75rem .75rem .5rem}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.625rem .75rem;border:none;border-left:3px solid transparent;background:transparent;border-radius:0 6px 6px 0;cursor:pointer;text-align:left;font-family:inherit;font-size:.875rem;color:var(--text);transition:background .15s;-webkit-tap-highlight-color:transparent}.nav-item:hover{background:var(--bg)}.nav-item.active{font-weight:600}.nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.overview-dot{background:linear-gradient(135deg,#64748b 50%,#0d9488 50%)}.nav-label{display:flex;flex-direction:column;gap:.1rem;min-width:0}.nav-code{font-size:.6875rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em}@media(max-width:1023px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(85vw,300px);min-width:0;height:100dvh;transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0f172a1f}.sidebar-close{display:flex}}@media(min-width:1440px){.sidebar-brand{padding:1.75rem 1.5rem}.nav-item{padding:.75rem 1rem}}.overview{display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.summary-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.25rem);display:flex;flex-direction:column;gap:.35rem;min-width:0}.summary-label{font-size:.8125rem;color:var(--text-muted);line-height:1.35}.summary-value{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;letter-spacing:-.02em;word-break:break-word}.summary-value--small{font-size:clamp(1.1rem,2.5vw,1.35rem)}.chart-section,.table-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.5rem);min-width:0}.chart-section h2,.table-section h2{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;margin-bottom:.25rem}.section-desc{font-size:.875rem;color:var(--text-muted);margin-bottom:1.25rem}.chart-wrap{width:100%;min-width:0}.chart-wrap.tall{min-height:240px}.legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:.75rem;font-size:.8125rem;color:var(--text-muted)}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.4rem;vertical-align:middle}.legend-swatch.control{background:#64748b}.legend-swatch.variant-b{background:#0d9488}.comparison-cards{display:none;flex-direction:column;gap:.75rem}.comparison-card{display:flex;flex-direction:column;gap:.75rem;width:100%;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.comparison-card:hover,.comparison-card:active{background:#fff;border-color:#cbd5e1}.comparison-card-header{display:flex;align-items:flex-start;gap:.5rem}.comparison-card-header strong{display:block;font-size:.875rem}.comparison-card-name{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:.1rem;line-height:1.35}.comparison-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}.comparison-card-stats div{display:flex;flex-direction:column;gap:.1rem}.comparison-card-stats dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.comparison-card-stats dd{font-size:.9375rem;font-weight:600}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1*clamp(1rem,2.5vw,1.5rem));padding:0 clamp(1rem,2.5vw,1.5rem)}table{width:100%;min-width:640px;border-collapse:collapse;font-size:.875rem}th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td{padding:.875rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}td:first-child{white-space:normal;min-width:160px}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:var(--bg)}.table-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;vertical-align:middle;flex-shrink:0}.winner-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.winner-a{background:#f1f5f9;color:#475569}.winner-b{background:#ccfbf1;color:#0f766e}.winner-tie{background:#fef3c7;color:#92400e}@media(max-width:1279px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.comparison-cards{display:flex}.table-wrap{display:none}}@media(max-width:399px){.comparison-card-stats,.summary-grid{grid-template-columns:1fr}}@media(min-width:1440px){.summary-grid{gap:1.25rem}}.site-report{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);min-width:0}.site-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(1rem,2.5vw,1.5rem);border-radius:var(--radius);border:1px solid;flex-wrap:wrap}.site-code{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--site-primary)}.site-header h2{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;margin:.25rem 0;letter-spacing:-.02em;line-height:1.25;word-break:break-word}.site-url{font-size:.8125rem;color:var(--text-muted);text-decoration:none;word-break:break-all}.site-url:hover{color:var(--site-primary);text-decoration:underline}.winner-panel{text-align:right;padding:1rem 1.25rem;background:#fff;border-radius:8px;border:1px solid;min-width:0;flex:1 1 200px;max-width:100%}.winner-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.winner-text{display:block;font-size:clamp(.9375rem,2vw,1rem);font-weight:700;line-height:1.35}.winner-lift{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:.35rem;line-height:1.4}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card{background:#fff;border:1px solid var(--border);border-top:3px solid;border-radius:var(--radius);padding:clamp(1rem,2vw,1.25rem);display:flex;flex-direction:column;gap:.25rem;min-width:0}.metric-label{font-size:.8125rem;color:var(--text-muted);line-height:1.35}.metric-value{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;letter-spacing:-.02em;word-break:break-word}.metric-sub{font-size:.75rem;color:var(--text-muted);line-height:1.4;word-break:break-word}.report-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.5vw,1.5rem);min-width:0}.report-section h3{font-size:clamp(.9375rem,2vw,1rem);font-weight:600;margin:0 0 .25rem}.section-desc{margin:0 0 1rem;color:#64748b;font-size:.875rem}.chart-wrap{width:100%;min-width:0;min-height:180px}.chart-wrap.compact{min-height:160px}.comparison-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.comparison-chart-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:clamp(.75rem,2vw,1rem);min-width:0}.comparison-chart-card h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.comparison-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1rem;font-size:.8125rem;color:var(--text-muted)}.comparison-legend .legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.4rem;vertical-align:middle}.comparison-legend .legend-swatch.control{background:#64748b}.tags-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.report-section.half{margin:0}.tag-list{list-style:none}.tag-list li{display:flex;justify-content:space-between;align-items:flex-start;padding:.625rem 0;border-bottom:1px solid var(--border);font-size:.875rem;gap:1rem}.tag-list li:last-child{border-bottom:none}.tag-label{color:var(--text);flex:1;min-width:0;line-height:1.4;word-break:break-word}.tag-clicks{font-weight:600;color:var(--site-primary);white-space:nowrap;flex-shrink:0}.insight-box p{font-size:clamp(.875rem,1.8vw,.9375rem);line-height:1.65;color:var(--text)}@media(max-width:1279px){.metrics-grid,.comparison-charts-grid{grid-template-columns:repeat(2,1fr)}.comparison-charts-grid .comparison-chart-card:last-child{grid-column:1 / -1}}@media(max-width:1023px){.site-header{flex-direction:column;align-items:stretch}.winner-panel{text-align:left;width:100%;flex:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.tags-grid,.comparison-charts-grid{grid-template-columns:1fr}.comparison-charts-grid .comparison-chart-card:last-child{grid-column:auto}}@media(max-width:639px){.metrics-grid{grid-template-columns:1fr}.site-header{gap:1rem}}@media(min-width:1440px){.metrics-grid,.comparison-charts-grid,.tags-grid{gap:1.25rem}}.app{display:flex;min-height:100vh;min-height:100dvh}.main{flex:1;min-width:0;width:100%;padding:var(--page-padding-y) var(--page-padding-x);padding-bottom:calc(var(--page-padding-y) + env(safe-area-inset-bottom,0px));overflow-y:auto;max-width:var(--content-max-width)}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.page-header-top{display:flex;align-items:flex-start;gap:.75rem}.page-header-text{min-width:0;flex:1}.page-header h1{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.25}.meta{margin-top:.5rem;font-size:clamp(.8125rem,1.5vw,.875rem);color:var(--text-muted);line-height:1.5}.meta-date{display:block;margin-top:.25rem;font-size:.8125rem}.menu-toggle{display:none;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:background .15s}.menu-toggle:hover{background:var(--bg)}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:1px}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:none;padding:0;background:#0f172a73;cursor:pointer;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1023px){.app{flex-direction:column}.main{max-width:none}.menu-toggle{display:flex}.sidebar-backdrop{display:block}.app:not(.sidebar-open) .sidebar-backdrop{display:none}}@media(min-width:1024px)and (max-width:1439px){.main{padding:1.75rem 2rem}}@media(min-width:1440px){.main{margin:0 auto}}@media(max-width:639px){.page-header{margin-bottom:1.5rem;padding-bottom:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f7f9;--sidebar-bg: #ffffff;--text: #1a1d23;--text-muted: #6b7280;--border: #e5e7eb;--control: #64748b;--variant-b: #0d9488;--sidebar-width: 260px;--content-max-width: 1200px;--page-padding-x: 2.5rem;--page-padding-y: 2rem;--radius: 10px}@media(min-width:1440px){:root{--sidebar-width: 280px;--content-max-width: 1320px;--page-padding-x: 3rem}}@media(max-width:1023px){:root{--page-padding-x: 1.5rem;--page-padding-y: 1.25rem}}@media(max-width:639px){:root{--page-padding-x: 1rem;--page-padding-y: 1rem}}html{-webkit-text-size-adjust:100%}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}button{font-family:inherit}img,svg{max-width:100%;height:auto}