.hate-bars{--hate-bars-height:180px;width:100%;min-width:0;margin:0;container:hate-bars/inline-size}.hate-bars--compact{--hate-bars-height:86px}.hate-bars-list{grid-template-columns:repeat(var(--hate-bars-columns), minmax(0, 1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.hate-bars-list:before{content:"";top:calc(var(--hate-bars-height) - 1px);border-top:1px solid var(--border);position:absolute;left:0;right:0}.hate-bars-list>li{text-align:center;min-width:0}.hate-bars-track{height:var(--hate-bars-height);position:relative}.hate-bars-plot{position:absolute;inset:24px 0 0}.hate-bars-fill{width:68%;max-width:48px;height:var(--hate-bar-height);background:color-mix(in oklab, var(--accent) 60%, var(--ink-3));border-radius:3px 3px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hate-bars--compact .hate-bars-fill{max-width:28px}.hate-bars-latest .hate-bars-fill{background:var(--accent)}.hate-bars-value,.hate-bars-year{color:var(--ink-2);font-family:var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;line-height:16px}.hate-bars-value{bottom:calc(var(--hate-bar-height) + 5px);position:absolute;left:50%;transform:translate(-50%)}.hate-bars-year{margin-top:8px;display:block}.hate-bars-year-short{display:none}.hate-bars-latest .hate-bars-value,.hate-bars-latest .hate-bars-year{color:var(--ink);font-weight:700}@container hate-bars (width<=379px){.hate-bars:not(.hate-bars--compact) .hate-bars-year-full{display:none}.hate-bars:not(.hate-bars--compact) .hate-bars-year-short{display:inline}}@container hate-bars (width>=380px){.hate-bars-value,.hate-bars-year{font-size:12px}.hate-bars:not(.hate-bars--compact) .hate-bars-value{font-size:13px}}.hate-bars-accessible{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hate-bars-empty{color:var(--ink-2);margin:0}.hate-main{padding:48px var(--gutter) 64px;max-width:var(--max-w);padding-top:var(--page-space);padding-left:var(--gutter);padding-right:var(--gutter)}.hate-intro{margin-bottom:32px}.hate-intro h1{font:var(--type-page);letter-spacing:var(--tracking-page);margin:12px 0}.hate-intro>p{max-width:64ch;color:var(--ink-2);margin:0;font-size:17px;line-height:1.65}.hate-overview{border:1px solid var(--border-soft);border-radius:var(--r-3);background:var(--surface);grid-template-columns:280px minmax(0,1fr);gap:36px;padding:28px;display:grid}.hate-city-summary{border-right:1px solid var(--border-soft);padding-right:28px}.hate-city-summary h2,.hate-chart-heading h3{font:var(--type-card);letter-spacing:var(--tracking-card);margin:0}.hate-period{color:var(--ink-2);margin-top:8px;font-size:13px;display:block}.hate-city-value{font:600 clamp(48px,5vw,68px)/1.1 var(--font-sans);letter-spacing:-.045em;margin-top:22px}.hate-unit{color:var(--ink-2);margin-top:2px;font-size:14px}.hate-city-change{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:22px;display:flex}.hate-city-change>span:last-child,.hate-city-summary>p{color:var(--ink-2);font-size:13px}.hate-city-summary>p{margin:8px 0 0;line-height:1.6}.hate-change{font:500 16px/1.4 var(--font-mono);font-variant-numeric:tabular-nums}.hate-page .up{color:var(--trend-up)}.hate-page .down{color:var(--trend-down)}.hate-page .flat{color:var(--ink-2)}.hate-city-chart{min-width:0}.hate-chart-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.hate-chart-heading>span{font:12px var(--font-mono);color:var(--ink-2)}.hate-city-chart .chart-data{margin-top:14px}.hate-city-chart .chart-data>summary{padding-bottom:0}.hate-context{color:var(--ink-2);align-items:baseline;gap:10px;margin:16px 0 48px;font-size:13px;line-height:1.6;display:flex}.hate-context strong{color:var(--ink);font-weight:500}.hate-context-icon{border:1px solid var(--border-loud);text-align:center;width:17px;height:17px;font:11px/15px var(--font-mono);border-radius:50%;flex-shrink:0}.hate-context-rate{border-left:2px solid var(--accent);padding-left:12px}.hate-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.hate-section-heading h2{font:var(--type-section);letter-spacing:var(--tracking-section);margin:10px 0 0}.hate-unit-chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-1);flex-shrink:0;padding:7px 10px;font-size:12px}.hate-section-lead{max-width:80ch;color:var(--ink-2);margin:14px 0 22px;font-size:15px;line-height:1.65}.hate-dims{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.hate-dims button{cursor:pointer;font:var(--type-control);border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);min-height:44px;padding:10px 16px}.hate-dims button:hover{border-color:var(--border-loud);color:var(--ink)}.hate-dims button[aria-pressed=true]{background:var(--surface-3);color:var(--ink);border-color:var(--border);box-shadow:none}.hate-page button:focus-visible,.hate-page summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hate-category-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.hate-category-heading h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:500}.hate-category-heading h3>span{font:13px var(--font-sans);color:var(--ink-2);letter-spacing:0;margin-left:10px}.hate-direction-summary{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0;font-size:13px;display:flex}.hate-summary-period{font-size:12px}.hate-reading-note{color:var(--ink-2);margin:12px 0 20px;font-size:13px;line-height:1.6}.hate-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hate-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-3);min-width:0;padding:22px 24px 20px}.hate-card h4{overflow-wrap:anywhere;font:var(--type-card);letter-spacing:var(--tracking-card);margin:0 0 16px}.hate-card-stats{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.hate-card-value{font:var(--type-stat);letter-spacing:-.03em;display:block}.hate-card-year{color:var(--ink-2);margin-top:5px;font-size:12px;display:block}.hate-card-comparison{text-align:right}.hate-card-comparison>span:last-child{color:var(--ink-2);margin-top:5px;font-size:12px;display:block}.hate-card-note{color:var(--ink-2);margin:12px 0 0;font-size:11px}.hate-more{margin-top:16px}.hate-more>summary,.hate-all-data>summary,.hate-method summary{cursor:pointer;min-height:48px;color:var(--ink);font:500 14px/1.5 var(--font-sans);padding:14px 0}.hate-more>summary{border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);padding:14px 20px}.hate-more>summary>span,.hate-all-data>summary>span{color:var(--ink-2);margin-left:10px;font-size:12px;font-weight:400}.hate-more[open]>summary{margin-bottom:16px}.hate-small-note{max-width:90ch;margin:20px 0 0}.hate-page .hate-all-data{margin-top:20px}.hate-group-table th:first-child{z-index:1;background:var(--bg);white-space:normal;min-width:130px;max-width:190px;position:sticky;left:0}.hate-group-table thead th{min-width:70px}.hate-table-note{color:var(--ink-2);font:11px var(--font-sans);margin-top:5px;display:block}.hate-empty{border:1px dashed var(--border);border-radius:var(--r-2);background:var(--surface);margin-top:20px;padding:32px}.hate-empty h4{margin:0 0 8px;font-size:18px;font-weight:500}.hate-empty p{max-width:65ch;color:var(--ink-2);margin:0;font-size:15px;line-height:1.6}.hate-method{border-top:1px solid var(--border-soft);margin-top:48px;padding-top:28px}.hate-method h2{margin:0;font-size:20px;font-weight:500}.hate-method>p{color:var(--ink-2);flex-wrap:wrap;gap:8px 24px;margin-bottom:4px;font-size:13px;line-height:1.6;display:flex}.hate-method>p>span{color:var(--ink-3)}.hate-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.hate-method h3{margin:16px 0 8px;font-size:15px;font-weight:500}.hate-method-grid p,.hate-method-grid ul{color:var(--ink-2);margin:0;font-size:14px;line-height:1.7}.hate-method-grid ul{padding:0;list-style:none}.hate-method-grid li{margin-bottom:12px}.hate-method-grid a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.hate-method-grid li>span{margin-top:2px;font-size:12px;display:block}@media (width<=1000px){.hate-overview{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:24px}.hate-city-summary{padding-right:20px}}@media (width<=760px){.hate-main{max-width:var(--max-w);padding:32px 16px 48px;padding-top:var(--page-space);padding-left:var(--gutter);padding-right:var(--gutter)}.hate-overview{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.hate-city-summary{border:0;border-bottom:1px solid var(--border-soft);padding:0 0 20px}.hate-city-value{font-size:52px;font:600 clamp(48px,5vw,68px)/1.1 var(--font-sans);letter-spacing:-.045em;margin-top:16px}.hate-city-change{margin-top:16px}.hate-context{margin-bottom:36px}.hate-section-heading{flex-direction:column;align-items:start;gap:12px}.hate-section-heading h2{font:var(--type-section);letter-spacing:var(--tracking-section)}.hate-cards{grid-template-columns:minmax(0,1fr)}.hate-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-3);padding:20px}.hate-dims{gap:6px;margin-bottom:24px}.hate-dims button{font:var(--type-control);border:1px solid var(--border-soft);border-radius:var(--r-2);background:var(--surface);color:var(--ink-2);min-height:44px;padding:9px 12px}.hate-category-heading{gap:10px}.hate-method-grid{grid-template-columns:minmax(0,1fr);gap:0}}@media (width<=380px){.hate-overview,.hate-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-3);padding:16px 12px}.hate-card-stats{gap:8px}.hate-card .hate-change{font-size:14px}.hate-more>summary>span,.hate-all-data>summary>span{margin:4px 0 0 16px;display:block}}