@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{color:#f1f1f3;background:#26272b;font-family:ui-rounded,SF Pro Rounded,SF Pro Display,-apple-system,BlinkMacSystemFont,DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:#26272b}button{font:inherit}.station-screen,.detail-screen{min-height:100svh;color:#f1f1f3;background:radial-gradient(circle at 26% 23%,color-mix(in srgb,var(--thermal) 11%,transparent),transparent 34%),linear-gradient(144deg,#27282c,#25262a 60%,#222429)}.station-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:89px;padding:18px clamp(22px,5vw,66px);background:linear-gradient(180deg,color-mix(in srgb,var(--thermal) 8%,#27282c),#25262a)}.station-topbar__brand{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--thermal) 68%,#e7e7e9);font:600 9px IBM Plex Mono,monospace;letter-spacing:.12em}.station-topbar__brand img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--thermal) 30%,transparent))}.station-topbar__location{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.station-topbar__location svg{color:var(--thermal)}.station-topbar__location strong{font-size:clamp(22px,3vw,38px);font-weight:500;letter-spacing:-.045em}.station-live{justify-self:end;width:13px;height:13px;border-radius:50%;background:#71d799;box-shadow:0 0 0 5px #71d7991f,0 0 16px #71d79959}.station-live.is-waiting{background:#85878c;box-shadow:none}.station-current{border-top:1px solid color-mix(in srgb,var(--thermal) 15%,transparent)}.station-current__title{display:flex;align-items:center;justify-content:space-between;padding:17px clamp(22px,5vw,66px);border-bottom:2px solid color-mix(in srgb,var(--thermal) 45%,rgba(255,255,255,.54));color:#d1d2d6;background:color-mix(in srgb,var(--thermal) 4%,transparent)}.station-current__title span{font-size:clamp(16px,2vw,25px);letter-spacing:.025em}.station-current__title small{color:#989aa1;font:600 9px IBM Plex Mono,monospace;letter-spacing:.11em}.station-current__hero{width:min(100%,980px);margin:auto;padding:22px clamp(18px,5vw,56px) 0}.station-current__identity{display:grid;justify-items:center;gap:5px;color:#d1d3d7}.station-current__identity span{font-size:clamp(13px,1.8vw,20px)}.station-current__identity b{color:var(--thermal);font-size:clamp(19px,2.7vw,29px);font-weight:500;letter-spacing:.025em}.station-current__layout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(170px,.44fr);align-items:center;justify-content:center;gap:clamp(8px,4vw,56px);max-width:720px;margin:-1px auto 0}.station-dial{position:relative;display:block;width:min(100%,302px);aspect-ratio:1;justify-self:end;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer;touch-action:manipulation}.station-dial:focus-visible{outline:2px solid var(--thermal);outline-offset:8px}.station-dial svg{width:100%;height:100%;overflow:visible}.station-dial__arc{fill:none;stroke:url(#station-thermal-spectrum);stroke-width:4.4;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--thermal) 26%,transparent))}.station-dial line{stroke-width:1.4;stroke-linecap:round}.station-dial line.is-major{stroke-width:2.6}.station-dial__pointer{stroke:var(--thermal);stroke-width:7!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--thermal) 75%,transparent))}.station-dial__center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center}.station-dial__center strong{color:var(--thermal);font-family:ui-rounded,SF Pro Rounded,-apple-system,sans-serif;font-size:clamp(56px,8vw,83px);font-weight:500;line-height:.8;letter-spacing:-.1em;text-shadow:0 0 14px color-mix(in srgb,var(--thermal) 15%,transparent)}.station-dial__center strong small{margin-left:3px;vertical-align:top;color:color-mix(in srgb,var(--thermal) 45%,#e7e7e9);font-size:.25em;font-weight:600;letter-spacing:-.04em}.station-dial__limit{position:absolute;top:74%;color:color-mix(in srgb,var(--thermal) 55%,#b8b9bf);font:600 9px IBM Plex Mono,monospace}.station-dial__limit--low{left:6%}.station-dial__limit--high{right:4%}.station-dial__hint{margin:-4px 0 13px;color:#91939a;text-align:center;font-size:11px}.station-side-signals{display:grid;gap:18px;justify-items:center}.station-signal{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;min-width:0;padding:11px 8px 11px 10px;border-top:1px solid rgba(255,255,255,.1);color:#d5d6d9}.station-signal:before{position:absolute;top:9px;bottom:9px;left:0;width:2px;border-radius:2px;content:"";background:var(--signal)}.station-signal__icon{display:grid;width:28px;height:28px;place-items:center;color:var(--signal)}.station-signal__icon svg{width:20px;height:20px}.station-signal__copy p{margin:0;color:#aeb0b7;font:600 8px IBM Plex Mono,monospace;letter-spacing:.09em}.station-signal__copy strong{display:block;margin-top:2px;overflow:hidden;color:#f0f0f2;font-size:clamp(15px,1.6vw,19px);font-weight:500;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap}.station-signal__copy strong i{color:#8e9096;font-style:normal}.station-signal__copy small{display:block;overflow:hidden;margin-top:2px;color:#85878e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.station-humidity-orb{display:grid;justify-items:center;gap:3px;width:112px;padding:3px 0;text-align:center}.station-humidity-orb>div{display:flex;align-items:center;justify-content:center;gap:4px;width:84px;height:84px;border:2px solid #72b7ed;border-top-color:color-mix(in srgb,#72b7ed 32%,transparent);border-radius:50%;background:radial-gradient(circle at 43% 34%,rgba(114,183,237,.2),transparent 58%)}.station-humidity-orb svg{color:#72b7ed}.station-humidity-orb strong{color:#eaf3fa;font-size:24px;font-weight:500;letter-spacing:-.08em}.station-humidity-orb strong small{color:#9bbbd0;font-size:11px}.station-humidity-orb>span{color:#b8b9bf;font:600 9px IBM Plex Mono,monospace;letter-spacing:.09em}.station-humidity-orb>small{color:#85878e;font-size:9px}.station-wind-orb{display:grid;justify-items:center;gap:4px;width:132px;padding:5px 0;text-align:center}.station-wind-orb__compass{position:relative;display:grid;width:84px;height:84px;place-items:center;border:2px dashed rgba(255,255,255,.52);border-radius:50%}.station-wind-orb__compass:before,.station-wind-orb__compass:after{position:absolute;width:2px;height:17px;content:"";background:#ffffff80}.station-wind-orb__compass:after{transform:rotate(90deg)}.station-wind-orb__compass i{width:6px;height:6px;border-radius:50%;background:var(--thermal)}.station-wind-orb__compass svg{position:absolute;top:50%;left:50%;color:var(--thermal);transform-origin:center;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--thermal) 55%,transparent))}.station-wind-orb>span{color:#b8b9bf;font:600 9px IBM Plex Mono,monospace;letter-spacing:.09em}.station-wind-orb>strong{color:#f0f0f2;font-size:19px;font-weight:500;letter-spacing:-.07em}.station-wind-orb>strong i{color:#92949a;font-style:normal}.station-wind-orb>small{color:#85878e;font-size:9px}.station-signals{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:4px auto 0}.station-current__reading{display:flex;justify-content:space-between;gap:12px;margin:17px calc(clamp(18px,5vw,56px)*-1) 0;padding:17px clamp(18px,5vw,56px);border-top:1px solid color-mix(in srgb,var(--thermal) 38%,rgba(255,255,255,.28));color:#c9cbd0;font-size:13px}.station-current__reading b{color:var(--thermal);font-style:italic}.detail-screen{padding:max(17px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:repeating-radial-gradient(ellipse at 82% 4%,transparent 0 24px,color-mix(in srgb,var(--thermal) 6%,transparent) 25px 26px,transparent 27px 41px),radial-gradient(circle at 14% 9%,color-mix(in srgb,var(--thermal) 9%,transparent),transparent 26%),#25262a}.detail-screen__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:54px}.detail-screen__header button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;color:var(--thermal);background:none;font-size:14px}.detail-screen__header>div{display:inline-flex;align-items:center;gap:7px;color:#d8d9dc;font:600 9px IBM Plex Mono,monospace;letter-spacing:.1em}.detail-screen__header img{width:23px;height:23px;object-fit:contain}.detail-screen__hero{display:grid;justify-items:center;gap:9px;padding:25px 0;text-align:center}.detail-screen__hero p{margin:0;color:#85878e;font:600 10px IBM Plex Mono,monospace;letter-spacing:.13em}.detail-screen__hero strong{color:var(--thermal);font-family:ui-rounded,SF Pro Rounded,-apple-system,sans-serif;font-size:clamp(64px,18vw,96px);font-weight:500;line-height:.85;letter-spacing:-.11em}.detail-screen__hero strong small{margin-left:4px;vertical-align:top;color:#c3c5ca;font-size:.26em}.detail-screen__hero>span{color:#bbbcc1;font-size:14px}.detail-list{border-top:1px solid color-mix(in srgb,var(--thermal) 28%,rgba(255,255,255,.08))}.detail-list__hint{margin:10px 0 3px;color:#888a90;font-size:11px}.detail-metric{grid-template-columns:35px minmax(0,1fr) 94px auto;align-items:center;min-height:67px;cursor:pointer;transition:background .14s ease-out}.detail-metric:hover{background:color-mix(in srgb,var(--signal) 6%,transparent)}.detail-metric:before{top:18%;bottom:18%}.detail-metric .station-signal__icon{width:33px;height:33px}.detail-metric .station-signal__icon svg{width:23px;height:23px}.detail-metric .station-signal__copy strong{display:none}.detail-metric>.station-signal__preview{width:92px;height:32px}.detail-metric>.station-signal__copy{min-width:0}.detail-metric>.station-signal__copy small{max-width:150px}.detail-metric>.station-signal__copy+.station-signal__preview+*{color:#fff}.detail-metric>.station-signal__preview+*{color:#fff}.detail-metric:after{content:"›";color:var(--signal);font-size:22px}.station-sparkline{display:block;width:100%;height:100%;overflow:visible}.station-sparkline--empty{height:1px;margin-top:15px;background:#ffffff26}.metric-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:end center;padding:18px}.metric-modal__backdrop{position:absolute;inset:0;border:0;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.metric-modal__panel{position:relative;width:min(100%,620px);padding:21px;border:1px solid color-mix(in srgb,var(--thermal) 22%,rgba(255,255,255,.1));border-radius:22px;background:#2a2b30;box-shadow:0 -18px 60px #00000073}.metric-modal__panel header{display:flex;justify-content:space-between;align-items:center}.metric-modal__panel header div{display:grid;gap:5px}.metric-modal__panel header span{color:#a9abb1;font:600 9px IBM Plex Mono,monospace;letter-spacing:.12em}.metric-modal__panel header strong{color:#f2f2f4;font-size:25px}.metric-modal__panel header button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#e0e1e4;background:transparent}.metric-modal__panel>.station-sparkline{height:190px;margin:18px 0 12px}.metric-modal__panel footer{display:flex;justify-content:space-between;color:#9c9ea4;font:600 9px IBM Plex Mono,monospace;letter-spacing:.08em}.metric-modal__panel footer b{display:block;margin-top:4px;color:#ececef;font:500 15px ui-rounded,-apple-system,sans-serif;letter-spacing:0}.spin-soft{animation:spin-soft 1s linear infinite}@keyframes spin-soft{to{transform:rotate(360deg)}}@media (max-width: 680px){.station-topbar{grid-template-columns:auto 1fr auto;min-height:76px;padding:14px 19px}.station-topbar__brand span{display:none}.station-topbar__brand img{width:27px;height:27px}.station-topbar__location{justify-self:center;gap:8px}.station-topbar__location svg{width:18px}.station-topbar__location strong{font-size:21px}.station-current__title{padding:15px 19px}.station-current__title span{font-size:14px}.station-current__title small{display:none}.station-current__hero{padding:19px 19px 0}.station-current__identity span{font-size:12px}.station-current__identity b{font-size:20px}.station-current__layout{grid-template-columns:minmax(0,.87fr) minmax(104px,.39fr);gap:2px;max-width:355px}.station-dial{width:min(100%,248px);justify-self:start}.station-dial__center strong{font-size:54px}.station-side-signals{gap:14px}.station-humidity-orb{width:104px}.station-humidity-orb>div{width:70px;height:70px}.station-humidity-orb strong{font-size:20px}.station-wind-orb{width:106px}.station-wind-orb__compass{width:70px;height:70px}.station-wind-orb>strong{font-size:16px}.station-wind-orb>small{max-width:112px;font-size:8px}.station-dial__hint{margin:-3px 0 10px}.station-signals{grid-template-columns:repeat(2,1fr);gap:7px}.station-signal{min-height:61px;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:8px 6px 8px 8px}.station-signal__icon{width:24px;height:24px}.station-signal__icon svg{width:17px;height:17px}.station-signal__copy strong{font-size:14px}.station-current__reading{margin:14px -19px 0;padding:14px 19px;font-size:12px}.detail-screen{padding-inline:19px}.detail-screen__header>div span{display:block;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-screen__hero{padding:22px 0 24px}.detail-metric{grid-template-columns:30px minmax(0,1fr) 74px 16px;gap:6px}.detail-metric .station-signal__icon{width:28px;height:28px}.detail-metric .station-signal__icon svg{width:19px;height:19px}.detail-metric>.station-signal__preview{width:72px}.detail-metric .station-signal__copy small{max-width:130px}.metric-modal{padding:10px}.metric-modal__panel{padding:18px;border-radius:18px}.metric-modal__panel>.station-sparkline{height:150px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.station-topbar{background:#15181d}.station-dial line{stroke:color-mix(in srgb,var(--thermal) 78%,#f5b95c)}.station-humidity-orb>div{display:grid;width:84px;height:84px;place-items:center;border:3px solid #72b7ed;border-top-color:color-mix(in srgb,#72b7ed 36%,transparent);border-radius:50%;background:radial-gradient(circle at 43% 34%,rgba(114,183,237,.16),transparent 58%)}.station-humidity-orb strong{font-weight:600}.station-wind-orb__compass i{position:absolute}.station-wind-orb__core{z-index:2;width:7px!important;height:7px!important;border-radius:50%;background:var(--thermal)}.station-wind-orb__needle{top:50%;left:50%;width:2px!important;height:30px!important;transform-origin:50% 100%;border-radius:0!important;background:linear-gradient(to top,rgba(255,255,255,.25),var(--thermal));box-shadow:0 0 6px color-mix(in srgb,var(--thermal) 50%,transparent)}.station-wind-orb__needle:before{position:absolute;top:-2px;left:50%;width:8px;height:8px;border-top:2px solid var(--thermal);border-left:2px solid var(--thermal);content:"";transform:translate(-50%) rotate(45deg)}.station-signals{grid-template-columns:repeat(4,1fr)}@media (max-width: 680px){.station-humidity-orb>div{width:70px;height:70px}.station-humidity-orb strong{font-size:20px}.station-signals{grid-template-columns:repeat(2,1fr)}}html,body,#root{background:#15181d}.station-topbar{padding-top:calc(18px + env(safe-area-inset-top))}.station-wind-orb__compass{border-color:#ffffffad}.station-wind-orb__compass:before,.station-wind-orb__compass:after{background:#ffffffc7}.station-wind-orb__compass .station-wind-orb__core{background:#fff}.station-wind-orb__compass .station-wind-orb__needle{background:linear-gradient(to top,#ffffff61,#fff);box-shadow:0 0 6px #ffffff38}.station-wind-orb__needle:before{border-color:#fff}.station-signals .station-signal__icon{color:#f4f4f5}.station-humidity-orb strong{display:inline-flex;align-items:baseline;gap:5px;margin-left:4px}.station-humidity-orb strong small{margin-left:1px}.detail-metric .station-signal__copy strong{display:block;margin-top:3px;color:#f5f5f6;font-size:14px;font-weight:600;letter-spacing:-.04em}@media (max-width: 680px){.station-topbar{padding-top:calc(14px + env(safe-area-inset-top))}.detail-metric .station-signal__copy strong{font-size:12px}}:root,html,body,#root{background:#000}.station-screen,.detail-screen,.metric-modal__panel{background:#000}.station-screen{background-image:radial-gradient(circle at 26% 23%,color-mix(in srgb,var(--thermal) 7%,transparent),transparent 35%)}.station-topbar,.station-current__title{background:#000}.detail-screen{background-image:repeating-radial-gradient(ellipse at 82% 4%,transparent 0 24px,color-mix(in srgb,var(--thermal) 5%,transparent) 25px 26px,transparent 27px 41px),radial-gradient(circle at 14% 9%,color-mix(in srgb,var(--thermal) 7%,transparent),transparent 28%)}.station-humidity-orb strong{display:flex;align-items:baseline;gap:7px;margin:0}.station-humidity-orb strong em{color:#e8e9ec;font:600 10px IBM Plex Mono,monospace;letter-spacing:.1em;font-style:normal}.station-humidity-orb strong span{color:#f4f5f7;font-size:21px;font-weight:600;letter-spacing:-.06em}.station-wind-orb__compass{border:0;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.82) 0 2deg,transparent 2deg 12deg);-webkit-mask:radial-gradient(transparent 0 54%,#000 55% 63%,transparent 64%);mask:radial-gradient(transparent 0 54%,#000 55% 63%,transparent 64%)}.station-wind-orb__compass:before,.station-wind-orb__compass:after{display:none}.station-wind-orb__compass .station-wind-orb__needle{width:14px!important;height:20px!important;border-radius:0;background:#fff!important;box-shadow:0 0 6px #ffffff3d;clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);transform-origin:50% 50%}.station-wind-orb__needle:before{display:none}.station-signals .station-signal__icon,.detail-metric .station-signal__icon{color:#fff}.detail-metric{grid-template-columns:38px minmax(0,1fr) 112px auto;min-height:78px}.detail-metric .station-signal__copy p{font-size:10px;letter-spacing:.11em}.detail-metric .station-signal__copy strong{display:block;margin-top:4px;font-size:16px;font-weight:600;letter-spacing:-.04em}.detail-metric .station-signal__copy small{margin-top:4px;font-size:10px}.detail-metric>.station-signal__preview{width:110px;height:36px}.metric-modal__panel{border-color:#ffffff29}.metric-modal__panel header span{font-size:10px}.metric-modal__panel header strong{font-size:29px}.metric-modal__panel footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin-top:14px}.metric-modal__panel footer span{font-size:9px}.metric-modal__panel footer b{font-size:16px}@media (max-width: 680px){.detail-metric{grid-template-columns:32px minmax(0,1fr) 82px 16px;min-height:76px}.detail-metric>.station-signal__preview{width:80px;height:34px}.detail-metric .station-signal__copy p{font-size:9px}.detail-metric .station-signal__copy strong{font-size:13px}.detail-metric .station-signal__copy small{font-size:9px}.metric-modal__panel footer{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-modal__panel footer b{font-size:14px}}.detail-screen{background-image:none}.station-wind-orb__compass{border:0;background:none;-webkit-mask:none;mask:none}.station-wind-orb__compass:before{position:absolute;z-index:0;inset:0;display:block;width:auto;height:auto;content:"";background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.82) 0 2deg,transparent 2deg 12deg);-webkit-mask:radial-gradient(transparent 0 54%,#000 55% 63%,transparent 64%);mask:radial-gradient(transparent 0 54%,#000 55% 63%,transparent 64%)}.station-wind-orb__compass:after{display:none}.station-wind-orb__compass .station-wind-orb__core{position:relative;z-index:2;width:6px!important;height:6px!important;border-radius:50%;background:#fff}.station-wind-orb__compass .station-wind-orb__core:before,.station-wind-orb__compass .station-wind-orb__core:after{position:absolute;top:50%;left:50%;width:2px;height:17px;content:"";background:#ffffffe0;transform:translate(-50%,-50%)}.station-wind-orb__compass .station-wind-orb__core:after{transform:translate(-50%,-50%) rotate(90deg)}.station-wind-orb__compass .station-wind-orb__needle{z-index:3;width:16px!important;height:28px!important;background:#fff!important}.station-humidity-orb>small,.station-humidity-orb>span,.station-wind-orb>small{display:none}.metric-chart{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;height:212px;margin:18px 0 12px}.metric-chart__y{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 26px;color:#9a9ca2;font:600 9px IBM Plex Mono,monospace;text-align:right}.metric-chart__plot{position:relative;min-width:0;border-left:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);background:repeating-linear-gradient(to bottom,transparent 0 49px,rgba(255,255,255,.08) 50px 51px)}.metric-chart__plot .station-sparkline{height:calc(100% - 26px);margin:0;padding:8px 6px 0}.metric-chart__x{position:absolute;right:0;bottom:-1px;left:0;display:flex;justify-content:space-between;color:#9a9ca2;font:600 9px IBM Plex Mono,monospace;transform:translateY(19px)}@media (max-width: 680px){.metric-chart{grid-template-columns:31px minmax(0,1fr);height:178px}.metric-chart__y,.metric-chart__x{font-size:8px}}.station-wind-orb__compass .station-wind-orb__needle{width:13px!important;height:23px!important}.detail-screen__hero strong{display:inline-flex;align-items:flex-start}.detail-screen__hero strong small{display:block;margin:9px 0 0 10px;line-height:1;vertical-align:initial}.metric-chart__legend{display:flex;gap:14px;margin:16px 0 -7px 44px;color:#a9abb1;font:600 9px IBM Plex Mono,monospace;letter-spacing:.08em}.metric-chart__legend span{display:inline-flex;align-items:center;gap:5px}.metric-chart__legend i{width:15px;height:2px;border-radius:2px}@media (max-width: 680px){.station-current__identity{margin-bottom:8px}.station-dial__hint{margin:3px 0 18px}.station-signals{margin:16px auto 0;row-gap:13px}.station-current__reading{margin-top:21px}.metric-chart__legend{margin-left:39px;font-size:8px}}.station-humidity-orb>span{display:block;color:#b8b9bf;font:600 9px IBM Plex Mono,monospace;letter-spacing:.09em}.detail-temperature-summary{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,44px);width:min(100%,520px)}.detail-temperature-summary>div{display:grid;justify-items:start;gap:5px}.detail-temperature-summary>div>span{color:#a9abb1;font:600 9px IBM Plex Mono,monospace;letter-spacing:.11em}.detail-temperature-summary .detail-screen__hero strong{margin:0}.detail-temperature-summary__graph{display:grid;grid-template-rows:48px auto;gap:5px;width:min(38vw,160px);padding:0;border:0;color:#9d9fa5;background:transparent;cursor:pointer}.detail-temperature-summary__graph .station-sparkline{align-self:stretch;min-width:0}.detail-temperature-summary__graph>span{color:var(--thermal);font:600 8px IBM Plex Mono,monospace;letter-spacing:.11em}.detail-temperature-summary__graph:focus-visible{outline:2px solid var(--thermal);outline-offset:5px}.metric-chart__comparison-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px;padding:11px;border:1px solid rgba(240,201,91,.18);border-radius:12px;background:#f0c95b0b;color:#b3a983;font:600 8px IBM Plex Mono,monospace;letter-spacing:.06em}.metric-chart__comparison-summary span{min-width:0}.metric-chart__comparison-summary b{display:block;margin-top:4px;overflow:hidden;color:#f0c95b;font:500 13px ui-rounded,-apple-system,sans-serif;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 680px){.detail-temperature-summary{gap:16px}.detail-temperature-summary__graph{width:118px;grid-template-rows:42px auto}.detail-temperature-summary__graph .station-sparkline{height:42px}.metric-chart__comparison-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-chart__comparison-summary b{font-size:12px}}.detail-screen__hero strong{align-items:center}.detail-screen__hero strong small{align-self:center;margin:0 0 0 13px}.detail-temperature-summary__graph{grid-template-rows:48px}.detail-temperature-summary__graph>span{display:none}@media (max-width: 680px){.station-current__identity{margin-bottom:20px}.station-current__layout{margin-top:4px}.station-dial__hint{margin:15px 0 26px}.station-signals{margin-top:22px}.detail-temperature-summary__graph{grid-template-rows:42px}}.station-current__title small{display:inline-block;font-size:10px;letter-spacing:.08em}.station-dial__center{grid-template-rows:auto auto auto;align-content:center;gap:8px}.station-dial .station-dial__thermometer{width:17px;height:17px;color:color-mix(in srgb,var(--thermal) 72%,#fff);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--thermal) 38%,transparent))}.station-dial__day-range{display:flex;justify-content:center;gap:11px;color:#aeb0b7;font:600 8px IBM Plex Mono,monospace;letter-spacing:.06em}.station-dial__day-range span{display:inline-flex;gap:4px}.station-dial__day-range b{color:#f1f1f2;font-weight:600}.station-dial__label{position:absolute;bottom:5%;left:50%;color:#bfc1c7;font:600 9px IBM Plex Mono,monospace;letter-spacing:.12em;transform:translate(-50%)}.station-humidity-orb>div{border-width:4px;box-shadow:0 0 0 1px #72b7ed2b,inset 0 0 18px #72b7ed1a}.station-wind-orb>span{display:inline-flex;align-items:center;gap:4px}.station-wind-orb>strong{font-size:21px;letter-spacing:-.055em}.detail-metric{grid-template-columns:38px minmax(0,1fr) 46px 112px auto;column-gap:9px}.detail-metric__orb{display:grid;width:40px;height:40px;place-items:center;border:1.5px solid var(--signal);border-radius:50%;color:color-mix(in srgb,var(--signal) 76%,#fff);background:color-mix(in srgb,var(--signal) 7%,#000);font:600 8px IBM Plex Mono,monospace;letter-spacing:-.03em}.direction-chart line{stroke:#ffffff24;stroke-width:1;vector-effect:non-scaling-stroke}.direction-chart circle{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--thermal) 30%,transparent))}.station-wind-orb__compass .station-wind-orb__needle{clip-path:polygon(50% 100%,100% 0,50% 28%,0 0)}.station-humidity-orb>div{border-width:6px}.station-signal:before,.detail-metric:before{background:#fff}.station-dial__center strong{display:inline-flex;align-items:flex-start;gap:7px;letter-spacing:-.08em}.station-dial__unit-stack{display:grid;justify-items:center;gap:7px;padding-top:3px}.station-dial__center strong small{margin:0;line-height:1}.station-dial .station-dial__thermometer{width:15px;height:15px}.detail-temperature-summary .detail-screen__hero strong{letter-spacing:-.07em}.detail-temperature-summary .detail-screen__hero strong small{margin-left:18px}.detail-metric{grid-template-columns:38px minmax(0,1fr) 112px auto}.detail-metric:after{color:#fff}.direction-chart rect{filter:drop-shadow(0 0 2px rgba(255,255,255,.32))}@media (max-width: 680px){.station-humidity-orb>div{border-width:5px}.station-dial__center strong{gap:5px}.station-dial__unit-stack{gap:5px;padding-top:2px}.station-dial .station-dial__thermometer{width:12px;height:12px}.detail-temperature-summary .detail-screen__hero strong small{margin-left:15px}.detail-metric{grid-template-columns:32px minmax(0,1fr) 80px 16px}}.detail-metric .station-signal__copy p{font-size:11px}.detail-metric .station-signal__copy strong{font-size:17px;letter-spacing:-.02em}.detail-metric .station-signal__copy small{font-size:11px}@media (max-width: 680px){.station-current__title{align-items:flex-start;flex-direction:column;gap:5px}.station-current__title small{display:block;font-size:9px}.station-dial__center{gap:6px}.station-dial .station-dial__thermometer{width:13px;height:13px}.station-dial__day-range{gap:7px;font-size:7px}.station-dial__label{bottom:3%;font-size:8px}.station-humidity-orb>div{border-width:3.5px}.station-wind-orb>strong{font-size:18px}.detail-metric{grid-template-columns:32px minmax(0,1fr) 38px 76px 16px;column-gap:6px}.detail-metric__orb{width:34px;height:34px;font-size:7px}.detail-metric .station-signal__copy p{font-size:10px}.detail-metric .station-signal__copy strong{font-size:14px}.detail-metric .station-signal__copy small{font-size:10px}}