#trend24{margin:12px 0 24px}.trend24-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.trend24-head h3{margin:0;font-weight:600}.trend-range{background:var(--bg-soft,#94a3b81f);border-radius:999px;align-items:center;gap:6px;padding:2px;display:inline-flex}.trend-range button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font:500 .8rem/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background .15s,color .15s,transform .1s}.trend-range button:hover{transform:translateY(-1px)}.trend-range button.is-active{background:var(--brand-soft,#3b82f61f);color:var(--brand,var(--fg))}.trend-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:820px){.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.trend-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.trend-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.trend-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.trend-title{color:var(--fg);align-items:center;gap:8px;font:600 .95rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.trend-legend-dot{background:var(--c,var(--brand));border-radius:999px;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.trend-canvas{cursor:crosshair;touch-action:pan-y;background:var(--card);width:100%;height:150px;display:block}.trend-foot{border-top:1px solid var(--border);color:var(--muted);padding:6px 10px;font:500 .85rem/1.25 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.trend-tooltip{z-index:5;pointer-events:none;opacity:0;background:color-mix(in oklab, var(--card) 88%, #000 12%);border:1px solid color-mix(in oklab, var(--border) 85%, #000 15%);box-shadow:var(--shadow-2);color:var(--fg,var(--text));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:6px 8px;font:600 .86rem/1.1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:opacity 80ms;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)}.trend-tooltip.is-on{opacity:1}.trend-tooltip .tt-val{letter-spacing:.1px;font-weight:700}.trend-tooltip .tt-time{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:600}:root{--chart-temp:#ef4444;--chart-feels:#f97316;--chart-cloud-base:#2dd4bf;--chart-hum:#0ea5e9;--chart-wind:#22c55e;--chart-bar:#475569;--chart-sun:#facc15;--chart-uvi:#9333ea;--chart-prec:#2563eb;--chart-prec-int:#ec4899;--chart-prec-day:#14b8a6;--chart-wind-dir:#84cc16}