.sky{position:relative;width:100%;padding:20px 22px 16px;box-sizing:border-box;background:#fff;color:var(--ink,#080808);border:1px solid var(--line,#e4e7ec);font-family:Arial,Helvetica,sans-serif}.sky *{box-sizing:border-box}.sky__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:14px}.sky__head h3{margin:0;font-size:16px;font-weight:400;line-height:1.3}.sky__head h3 b{font-weight:700;font-variant-numeric:tabular-nums}.sky__toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line,#e4e7ec)}.sky__toggle button{display:grid;place-items:center;width:32px;height:28px;padding:0;border:0;background:transparent;color:#67717f;cursor:pointer;transition:background-color .3s,color .3s}.sky__toggle button[aria-pressed="true"]{background:var(--ink,#080808);color:#fff}.sky__toggle button:focus-visible{outline:2px solid var(--ink,#080808);outline-offset:2px}.sky__plate{position:relative;border:1px solid var(--line,#e4e7ec);padding:16px 16px 4px}.sky__stage{position:relative;width:100%;height:150px;overflow:hidden}.sky__stage canvas{position:absolute;top:0;left:0;display:block;max-width:none;outline:none;touch-action:pan-y}.sky__stage:has(canvas:focus-visible){outline:2px solid var(--ink,#080808);outline-offset:4px}.sky__corner{position:absolute;display:flex;flex-direction:column;gap:20px;pointer-events:none;opacity:0;transition:opacity .3s,transform .3s}.sky__corner--tr{top:4px;right:4px;align-items:flex-end;text-align:right;transform:translateY(-10px)}.sky__corner--bl{bottom:4px;left:4px;align-items:flex-start;transform:translateY(10px)}.sky.is-up[data-view="3d"] .sky__corner{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.65,0,.35,1),transform .6s cubic-bezier(.65,0,.35,1)}.sky.is-narrow .sky__corner{display:none}.sky__stat{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}.sky__stat span{grid-column:1 / -1;font-size:13px;color:#67717f}.sky__corner--tr .sky__stat{justify-content:end}.sky__stat b{grid-row:2 / span 2;font-size:clamp(28px,3.2vw,48px);line-height:.95;font-weight:700;letter-spacing:-.02em;color:#0b4fd6;font-variant-numeric:tabular-nums}.sky__stat em{font-style:normal;font-size:15px;text-align:left}.sky__stat small{font-size:12.5px;color:#67717f;white-space:nowrap;text-align:left}.sky__tip{position:absolute;top:16px;left:16px;z-index:2;padding:7px 10px;white-space:nowrap;background:var(--ink,#080808);color:#fff;font-size:12px;line-height:1;pointer-events:none;opacity:0;transition:opacity .15s}.sky__tip.is-on{opacity:1}.sky__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:12px;font-size:12.5px;color:#67717f}.sky__legend{display:inline-flex;align-items:center;gap:4px}.sky__legend i{width:12px;height:12px;border-radius:2px;background:var(--c);cursor:pointer}.sky__legend i:first-of-type{margin-left:4px}.sky__legend i:last-of-type{margin-right:4px}@media (prefers-reduced-motion:reduce){.sky__corner,.sky__toggle button,.sky__tip{transition:none !important}}@media (max-width:1000px){.sky__toggle button{width:40px;height:40px}}@media (max-width:640px){.sky__plate{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sky[data-view="2d"] .sky__stage{min-width:640px}}