.night-history-link{border-top:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;border-radius:0;grid-column:1/-1;justify-content:space-between;align-items:center;padding:8px 0 0;font-size:12px;display:flex}.night-history-link .icon{width:16px;height:16px}.metric-history-launch{color:var(--fg);text-align:left;align-items:center;gap:14px;display:flex}.metric-history-launch span{flex:1;gap:4px;display:grid}.metric-history-launch small{color:var(--muted);font-weight:400}.metric-dialog{width:min(680px,100%);max-width:100%;height:min(920px,94dvh);max-height:94dvh;color:var(--fg);background:var(--field);border:1px solid var(--line);overscroll-behavior:contain;border-radius:32px 32px 0 0;margin:auto auto 0;padding:0;overflow:auto}.metric-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b0d18a8}.metric-dialog-header{z-index:2;background:var(--field);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 18px;display:flex;position:sticky;top:0}.metric-dialog-header h2{flex:1;margin:0;font-size:19px;font-weight:600}.metric-close{width:46px;height:46px;min-height:0;color:var(--fg);background:color-mix(in srgb, var(--muted) 30%, var(--field));border:1px solid var(--line);border-radius:50%;flex:0 0 46px;padding:10px}.metric-close .icon{transform:rotate(45deg)}.metric-dialog-content{padding:20px 18px max(24px, env(safe-area-inset-bottom))}.metric-tabs{scrollbar-width:thin;border:0;gap:8px;min-inline-size:0;max-inline-size:100%;margin:0;padding:0 0 12px;display:flex;overflow-x:auto}.metric-tabs button{width:auto;min-height:38px;color:var(--muted);background:var(--input);border-radius:99px;flex:none;padding:8px 14px;font-size:13px}.metric-tabs button[aria-pressed=true]{color:var(--fg);background:color-mix(in srgb, var(--muted) 40%, var(--field))}.metric-headline{justify-content:space-between;gap:16px;padding:12px 0;display:flex}.metric-headline p{margin:0;font-size:13px}.metric-headline .metric-current{color:var(--fg);letter-spacing:-1px;font-size:clamp(32px,10vw,48px);font-weight:600;line-height:1.25}.metric-current small{letter-spacing:0;font-size:17px}.metric-range{text-align:right;align-self:center;gap:4px;max-width:48%;font-size:12px;display:grid}.metric-range b{color:var(--muted);font-weight:500}.metric-range-usual{--metric-color:#57bd91}.metric-range-low{--metric-color:#6ca9f5}.metric-range-high{--metric-color:#f48b5c}.metric-range-neutral{--metric-color:#8ba4bd}.metric-range-usual b,.metric-range-low b,.metric-range-high b{color:var(--metric-color)}.metric-source-row{margin:2px 0 12px}.metric-source-row label{align-items:center;gap:10px;font-size:12px;display:flex}.metric-source-row select{border-radius:99px;max-width:75%;min-height:34px;padding:4px 8px;font-size:12px}.metric-chart{width:100%;min-width:0;position:relative}.metric-chart svg{width:100%;display:block;overflow:visible}.metric-chart text{fill:var(--muted);font-size:16px}.metric-gridline{stroke:var(--line);stroke-width:1px}.metric-personal-band{fill:var(--metric-color);opacity:.18}.metric-history-line{stroke:var(--metric-color);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.metric-history-dot{stroke:var(--metric-color);fill:var(--field);stroke-width:2px}.metric-average line{stroke:var(--metric-color);stroke-width:2px;stroke-dasharray:3 4}.metric-average rect{fill:var(--metric-color)}.metric-average text{fill:var(--field);font-weight:600}.metric-selected-dot{stroke:var(--field);stroke-width:4px;fill:var(--metric-color);filter:drop-shadow(0 0 7px var(--metric-color))}.metric-date-scrubber{opacity:0;cursor:crosshair;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.metric-chart:focus-within{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.metric-period-row{align-items:center;gap:6px;margin-top:14px;display:flex}.metric-periods{background:var(--input);border:0;border-radius:99px;flex:1;min-width:0;margin:0;padding:3px;display:flex}.metric-periods button{width:auto;min-width:0;min-height:36px;color:var(--muted);background:0 0;border-radius:99px;flex:1;padding:5px;font-size:12px}.metric-periods button[aria-pressed=true]{background:color-mix(in srgb, var(--muted) 35%, var(--field));color:var(--fg);box-shadow:inset 0 1px 1px #ffffff20}.metric-arrow{background:var(--input);width:36px;min-height:36px;color:var(--fg);border-radius:50%;flex:0 0 36px;padding:0;font-size:26px}.metric-arrow:disabled{opacity:.35}.metric-calendar{background:var(--input);border-radius:50%;flex:0 0 36px;place-items:center;height:36px;display:grid;position:relative}.metric-calendar .icon{width:18px;height:18px}.metric-calendar input{opacity:0;cursor:pointer;width:100%;min-width:0;padding:0;position:absolute;inset:0}.metric-window{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 24px;font-size:11px;display:flex}.metric-window .link{width:auto;padding:0;font-size:11px}.metric-trends{background:color-mix(in srgb, var(--bg) 80%, var(--field));margin:0 -18px;padding:24px 18px}.metric-trends h3{margin:0 0 6px;font-size:20px;font-weight:600}.metric-trends>p{margin-bottom:20px;font-size:12px}.metric-trends table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--line);background:var(--field);border-radius:24px;width:100%;padding:8px 12px;overflow:hidden}.metric-trends th,.metric-trends td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.metric-trends thead th{color:var(--muted);border:0;padding:8px 0;font-size:11px;font-weight:500}.metric-trends th:first-child{width:22%}.metric-trends th:nth-child(2){width:46%}.metric-trends th:nth-child(3){width:32%}.metric-trends tbody th{color:var(--muted);font-weight:500}.metric-trends tbody tr:last-child>*{border:0}.metric-direction{background:var(--trend-color);width:19px;height:19px;color:var(--field);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.metric-trend-up{--trend-color:#ed8758}.metric-trend-down{--trend-color:#6ca9f5}.metric-trend-flat,.metric-trend-unknown{--trend-color:#8b8d9b}.metric-trends td svg{width:100%;height:36px;display:block}.metric-trends td svg path{fill:none;stroke:var(--trend-color);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.metric-trends .metric-method{text-align:center;margin:18px 8px 0;font-size:11px;line-height:1.6}.metric-calculation{margin-top:20px;font-size:12px}.metric-calculation p{margin:12px 0 0}.metric-empty{text-align:center;padding:36px 0}@media (min-width:700px){.metric-dialog{border-radius:32px;margin:auto}}.metric-trends td svg .metric-spark-area{fill:var(--trend-color);stroke:none;opacity:.1}