.trend-embed{margin:8px 0 16px}.trend-embed>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-size:12px;font-weight:650}.embed-code{display:block;box-sizing:border-box;width:100%;max-width:560px;margin:8px 0;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.trend-embed .form-status:empty{display:none}.trend-embed .is-error{color:#a52d20}
.trend-page{padding-bottom:48px}.trend-intro{padding-bottom:16px}.trend-intro>p:last-child{max-width:680px}.trend-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0}.trend-toolbar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;margin-right:8px}.trend-window{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:650}.trend-window:hover{text-decoration:none;border-color:var(--ink)}.trend-window.is-active{background:var(--ink);border-color:var(--ink);color:var(--white)}.trend-status{margin:16px 0 16px;color:var(--muted)}.trend-status.is-error{color:#a52d20}.trend-chart{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 16px 12px;margin-bottom:16px}.trend-chart-area{display:grid;grid-template-columns:40px minmax(0,1fr);padding-right:4%}.trend-axis{display:block;width:40px;height:280px}.trend-plot{display:block;width:100%;height:280px;overflow:visible}.trend-lines{overflow:visible}.trend-lines polyline{vector-effect:non-scaling-stroke}.trend-chart circle.trend-point{fill:var(--white);stroke-width:2;stroke-dasharray:none}.trend-grid{stroke:var(--line);stroke-width:1}.trend-axis-label{fill:var(--muted);font:11px Arial,Helvetica,sans-serif}.trend-line-love,.trend-line-diss{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-line-love{stroke:var(--love)}.trend-line-diss{stroke:var(--diss);stroke-dasharray:7 5}.trend-legend{display:flex;justify-content:center;gap:24px;margin-top:8px;font-size:11px;color:var(--muted)}.trend-legend span{display:inline-flex;align-items:center;gap:8px}.trend-legend i{width:22px;height:3px;background:currentColor;display:inline-block;border-radius:6px}.trend-legend-love{color:var(--love)}.trend-legend-love i{background:var(--love)}.trend-legend-diss{color:var(--diss)}.trend-legend-diss i{background:repeating-linear-gradient(to right,currentColor 0 7px,transparent 7px 12px)}.trend-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}.trend-table{width:100%;min-width:620px;border-collapse:collapse;font-size:12px}.trend-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trend-table th,.trend-table td{padding:12px 12px;border-bottom:1px solid #ecece4;text-align:right;white-space:nowrap}.trend-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--muted);font-weight:700}.trend-table thead th:first-child,.trend-table tbody th{text-align:left}.trend-table tbody tr:last-child th,.trend-table tbody tr:last-child td{border-bottom:0}.trend-table tbody th{font-weight:650}.trend-table time{display:inline-block}.trend-row-missing{color:var(--muted);background:#f7f5ee80}.trend-row-missing td{font-style:italic;text-align:left}.trend-missing{font-size:11px}.trend-no-votes{color:var(--muted)}.trend-love{color:var(--love)}.trend-diss{color:var(--diss)}.trend-sample{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:11px;letter-spacing:.2px;color:var(--muted)}.trend-sample-eligible{color:#3c6436;border-color:#b8c9aa}.trend-sample-small{color:#8a5b18;border-color:#d8bf8b}.trend-break{display:block;width:max-content;margin-top:4px;border-left:2px solid var(--coral);padding-left:8px;color:var(--muted);font-size:11px;font-weight:500}.trend-caveat{margin:16px 0 0}.trend-error{padding:40px 16px;border:1px dashed var(--line);border-radius:12px;text-align:center;background:#fffefa50}.trend-error p{color:var(--muted);font-size:12px;margin:0 0 16px}.trend-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.trend-footer .text-link{font-size:11px}.trend-page[aria-busy=true] .trend-chart,.trend-page[aria-busy=true] .trend-table-wrap{opacity:.62}.trend-page[aria-busy=true] .trend-window{pointer-events:none}
@media(max-width:600px){.trend-page{padding-bottom:32px}.trend-intro{padding-top:40px}.trend-toolbar{gap:8px}.trend-toolbar-label{width:100%;margin:0 0 0}.trend-window{padding:8px 12px;font-size:11px}.trend-chart{padding:12px 8px 8px;margin-bottom:12px}.trend-table th,.trend-table td{padding:12px 8px}.trend-footer{align-items:flex-start;flex-direction:column}.trend-footer .button{width:100%}}
.compare-people{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:0}.compare-people-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.compare-people ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}.compare-person{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 12px;background:var(--white);font-size:12px}.compare-person a{font-weight:650}.compare-person a:hover{text-decoration:none}.compare-remove{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:50%;background:#eeeae1;color:var(--ink);font-size:16px;line-height:1;cursor:pointer;text-decoration:none}.compare-remove:hover{background:var(--ink);color:var(--white);text-decoration:none}.compare-table{min-width:0;table-layout:fixed}.compare-table th:first-child{width:24%}.compare-table th,.compare-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.compare-table thead th{letter-spacing:0;text-transform:none;font-size:12px}.compare-column-label{display:block;color:var(--love);font-size:11px;font-weight:500}.compare-sample summary{cursor:pointer;min-height:44px;list-style:none;padding-right:10px;position:relative}.compare-sample summary::-webkit-details-marker{display:none}.compare-sample summary:after{content:"";position:absolute;right:0;top:4px;width:5px;height:5px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg)}.compare-sample[open] summary:after{transform:rotate(225deg)}.compare-love-count{display:block;font-variant-numeric:tabular-nums}.compare-sample:not([open]) .compare-sample-values{display:none}.compare-sample-values{display:flex;flex-direction:column;gap:4px;margin-top:4px;font-size:11px}.compare-sample .trend-sample{border:0;padding:0;white-space:normal}.compare-sample .trend-break{width:auto;padding-left:4px}.compare-sample summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.compare-table thead th{text-align:center}.compare-table thead th:first-child,.compare-table tbody th{text-align:left}.compare-table tbody td{text-align:right}.compare-table .trend-row-missing td{text-align:left;font-style:italic}.compare-chart .trend-line-compare{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.compare-legend{gap:16px;flex-wrap:wrap}.compare-legend span{color:var(--ink)}.compare-legend i{background:currentColor}.trend-legend-compare-0{color:#c84b3a!important}.trend-legend-compare-1{color:#3658ae!important}.trend-legend-compare-2{color:#6b4ba3!important}
.embed-page{max-width:900px;margin:0 auto;padding:16px 16px 24px;background:var(--paper)}.embed-heading{margin-bottom:16px}.embed-heading h1{margin:4px 0 8px;font-size:32px}.embed-heading p:last-child{margin:0;color:var(--muted);font-size:12px}.embed-page .trend-chart{margin-bottom:12px}.embed-page .trend-table-wrap{margin-bottom:12px}.embed-source{font-size:11px;margin:12px 0 0;text-align:right}.embed-source a{color:var(--muted)}
.compare-share{border-top:0;padding-top:8px;margin-top:0}.compare-share .compare-share-action{font-size:11px;padding:8px 12px;min-height:44px;border-radius:999px;white-space:nowrap}.compare-share .compare-share-action[disabled]{opacity:.55;cursor:default}.compare-share-status{margin:8px 0 0;color:var(--muted)}.compare-share-status.is-error{color:#a52d20}.compare-share-url{display:block;width:100%;max-width:560px;box-sizing:border-box;margin:8px 0 0;border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--white);color:var(--ink);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.compare-share-url[hidden]{display:none}
@media(max-width:600px){.compare-share{gap:8px}.compare-share .compare-share-action{flex:1 1 auto;padding:8px 8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.trend-page[aria-busy=true] .trend-chart,.trend-page[aria-busy=true] .trend-table-wrap{opacity:1}}

@media(min-width:768px){.compare-table .trend-row-missing th,.compare-table .trend-row-missing td{padding-block:16px;vertical-align:middle}.compare-table tbody th{vertical-align:middle}.compare-table tbody td{padding-block:0}.compare-table thead th:not(:first-child){text-align:right;padding-right:26px}.compare-sample summary{box-sizing:border-box;min-height:0;padding:16px 14px 16px 0;white-space:nowrap}.compare-sample summary:after{top:19px}.compare-love-count{display:inline}.compare-love-count:before{content:" · ";color:var(--muted)}.compare-sample[open] .compare-sample-values{margin:0 14px 12px 0}}
.history-sample{display:none}
@media(max-width:600px){.history-table{min-width:0;table-layout:fixed}.history-table .history-full{display:none}.history-table th,.history-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.history-table thead th{letter-spacing:0}.history-table thead th:first-child{width:38%}.history-table thead th:nth-child(2){width:34%}.history-table thead th:nth-child(3){width:28%}.history-table .history-share{padding-block:0}.history-sample{display:block}.history-sample summary{box-sizing:border-box;padding:12px 14px 12px 0}.history-sample summary:after{top:17px}.history-sample .compare-sample-values{margin:0 14px 12px 0}}
