@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-28: 28px;--space-44: 44px;--radius-xs: 2px;--radius-lane: 3px;--radius-sm: 6px;--radius-seg: 7px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--wrap-max: 1280px;--control-h: 38px;--touch-min: 40px;--play-size: 44px;--sky-h-min: 340px;--sky-h-max: 540px;--dur-fast: .12s;--dur-base: .22s;--dur-flip: .42s;--dur-slow: .9s;--dur-breath: 2.4s;--dur-scan: 1.6s;--dur-twinkle: 3.2s;--dur-month: 12s;--ease-standard: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(.16,1,.3,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--bg: #07090D;--panel: #0E1218;--panel-2: #151B25;--line: rgba(220,230,245,.09);--line-2: rgba(220,230,245,.16);--fg: #E9EDF3;--muted: #939DAD;--faint: #626C7C;--sun: #FFB547;--earth: #4FA8FF;--both: #33D1A5;--none: #1B212B;--good: var(--both);--ok: #F2C14E;--poor: #FF6E5E;--focus: #8CC8FF;--sky-bg: #03050A;--sky-ink: #F4F6FA;--sky-sub: rgba(230,236,245,.8);--sky-note: rgba(210,218,230,.55);--sky-pill: rgba(10,14,22,.65);--sky-sun: #FFB547;--sky-sun-core: #FFF4D6;--sky-earth: #4FA8FF;--sky-both: #4FDDB4;--sky-none: #939DAD;--terrain: #2A303A;--ridge: #FFC56B;--term-bg: #05070B;--term-bg-2: #080B11;--term-fg: #D9DFE8;--term-dim: #9AA4B4;--term-key: #7CC2FF;--term-comment: #66727F;--term-tick: #FFC56B;--term-ok: #4FDDB4;--term-err: #FF8577;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #F3F4F6;--panel: #FFFFFF;--panel-2: #EBEEF2;--line: rgba(15,22,34,.1);--line-2: rgba(15,22,34,.18);--fg: #0E1420;--muted: #586274;--faint: #8B94A3;--sun: #D26A00;--earth: #0F6CC9;--both: #0B8F6C;--none: #DADFE6;--good: var(--both);--ok: #A87800;--poor: #CC3B2B;--focus: #0F6CC9;--sky-bg: #03050A;--sky-ink: #F4F6FA;--sky-sub: rgba(230,236,245,.8);--sky-note: rgba(210,218,230,.55);--sky-pill: rgba(10,14,22,.65);--sky-sun: #FFB547;--sky-sun-core: #FFF4D6;--sky-earth: #4FA8FF;--sky-both: #4FDDB4;--sky-none: #939DAD;--terrain: #2A303A;--ridge: #FFC56B;--term-bg: #05070B;--term-bg-2: #080B11;--term-fg: #D9DFE8;--term-dim: #9AA4B4;--term-key: #7CC2FF;--term-comment: #66727F;--term-tick: #FFC56B;--term-ok: #4FDDB4;--term-err: #FF8577;color-scheme:light}}:root[data-theme=light]{--bg: #F3F4F6;--panel: #FFFFFF;--panel-2: #EBEEF2;--line: rgba(15,22,34,.1);--line-2: rgba(15,22,34,.18);--fg: #0E1420;--muted: #586274;--faint: #8B94A3;--sun: #D26A00;--earth: #0F6CC9;--both: #0B8F6C;--none: #DADFE6;--good: var(--both);--ok: #A87800;--poor: #CC3B2B;--focus: #0F6CC9;--sky-bg: #03050A;--sky-ink: #F4F6FA;--sky-sub: rgba(230,236,245,.8);--sky-note: rgba(210,218,230,.55);--sky-pill: rgba(10,14,22,.65);--sky-sun: #FFB547;--sky-sun-core: #FFF4D6;--sky-earth: #4FA8FF;--sky-both: #4FDDB4;--sky-none: #939DAD;--terrain: #2A303A;--ridge: #FFC56B;--term-bg: #05070B;--term-bg-2: #080B11;--term-fg: #D9DFE8;--term-dim: #9AA4B4;--term-key: #7CC2FF;--term-comment: #66727F;--term-tick: #FFC56B;--term-ok: #4FDDB4;--term-err: #FF8577;color-scheme:light}:root[data-theme=dark]{--bg: #07090D;--panel: #0E1218;--panel-2: #151B25;--line: rgba(220,230,245,.09);--line-2: rgba(220,230,245,.16);--fg: #E9EDF3;--muted: #939DAD;--faint: #626C7C;--sun: #FFB547;--earth: #4FA8FF;--both: #33D1A5;--none: #1B212B;--good: var(--both);--ok: #F2C14E;--poor: #FF6E5E;--focus: #8CC8FF;--sky-bg: #03050A;--sky-ink: #F4F6FA;--sky-sub: rgba(230,236,245,.8);--sky-note: rgba(210,218,230,.55);--sky-pill: rgba(10,14,22,.65);--sky-sun: #FFB547;--sky-sun-core: #FFF4D6;--sky-earth: #4FA8FF;--sky-both: #4FDDB4;--sky-none: #939DAD;--terrain: #2A303A;--ridge: #FFC56B;--term-bg: #05070B;--term-bg-2: #080B11;--term-fg: #D9DFE8;--term-dim: #9AA4B4;--term-key: #7CC2FF;--term-comment: #66727F;--term-tick: #FFC56B;--term-ok: #4FDDB4;--term-err: #FF8577;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{margin:0;font-family:var(--font-text);font-size:16px;line-height:1.55}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}.pw-stack{display:grid;gap:var(--space-12);padding:var(--space-16)}.pw-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-16)}.pw-eyebrow{font-family:var(--font-text);font-size:14px;font-weight:600;letter-spacing:0;color:var(--muted)}.pw-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pw-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-stretch:112%;font-size:14px;font-weight:650;letter-spacing:.01em;padding:6px 13px;border-radius:var(--radius-pill);width:max-content;background:var(--sky-pill);border:1px solid rgba(255,255,255,.08)}.pw-pill i{width:8px;height:8px;border-radius:50%;display:block;background:currentColor;box-shadow:0 0 10px currentColor}.pw-pill[data-state=both]{color:var(--sky-both)}.pw-pill[data-state=sun]{color:var(--sky-sun)}.pw-pill[data-state=earth]{color:var(--sky-earth)}.pw-pill[data-state=none]{color:var(--sky-none)}.pw-pill[data-state=none] i{background:repeating-linear-gradient(45deg,currentColor 0 1.5px,transparent 1.5px 3px);box-shadow:none;outline:1px solid currentColor}.pw-onsky{background:var(--sky-bg);padding:var(--space-16);display:flex;flex-wrap:wrap;gap:var(--space-8);border-radius:var(--radius-lg)}.pw-qbadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--line-2);color:var(--muted);background:var(--panel);white-space:nowrap}.pw-qbadge svg{flex:none}.pw-qbadge[data-q=approximate]{color:var(--fg);border-style:dashed}.pw-qbadge[data-q=custom]{color:var(--earth);border-color:currentColor}.pw-btn{display:inline-flex;align-items:center;gap:8px;width:max-content;min-height:var(--touch-min);padding:10px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:650;cursor:pointer;text-decoration:none}.pw-btn-primary{background:var(--fg);color:var(--bg)}.pw-btn-primary:hover{opacity:.9}.pw-btn-quiet{background:var(--panel);color:var(--fg);border-color:var(--line-2)}.pw-btn-quiet:hover{border-color:var(--muted)}.pw-btn:disabled{opacity:.45;cursor:not-allowed}.pw-play{width:var(--play-size);height:var(--play-size);border-radius:50%;border:1px solid var(--line-2);background:var(--panel);color:var(--fg);display:grid;place-items:center;cursor:pointer;padding:0}.pw-play:hover{border-color:var(--muted)}.pw-seg{display:inline-flex;padding:3px;gap:var(--space-2);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-md)}.pw-seg button{border:0;background:transparent;padding:6px 12px;min-height:32px;border-radius:var(--radius-seg);cursor:pointer;color:var(--muted);font-weight:550;font-size:14px}.pw-seg button[aria-pressed=true]{background:var(--panel-2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-2)}.pw-seg button:hover{color:var(--fg)}.pw-field{display:grid;gap:var(--space-8)}.pw-field-inline{display:flex;align-items:center;gap:var(--space-8)}.pw-select{appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23939DAD' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line-2);border-radius:9px;padding:7px 34px 7px 12px;min-height:var(--control-h);font-weight:600;cursor:pointer}.pw-slider{display:flex;align-items:center;gap:10px}.pw-slider input{width:170px;accent-color:var(--earth)}.pw-slider output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px;min-width:4ch}.pw-readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--space-18) var(--space-16) var(--space-28)}.pw-stat{padding:4px var(--space-22) 4px 0;display:grid;gap:var(--space-8);align-content:start;min-width:0}.pw-stat+.pw-stat{padding-left:var(--space-22);border-left:1px solid var(--line)}.pw-stat .pw-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pw-big{font-family:var(--font-display);font-stretch:110%;font-weight:650;font-size:clamp(32px,3.3vw,44px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.pw-big small{font-size:.42em;font-weight:550;color:var(--muted);letter-spacing:0;margin-left:5px}.pw-stat p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.pw-stat .pw-state{font-size:13px;font-weight:650;display:inline-flex;gap:6px;align-items:center}.pw-stat .pw-state{color:var(--fg)}.pw-state:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.pw-state[data-tone=sun]:before{background:var(--sun)}.pw-state[data-tone=earth]:before{background:var(--earth)}.pw-state[data-tone=both]:before{background:var(--both)}.pw-state[data-tone=none]:before{background:repeating-linear-gradient(45deg,var(--muted) 0 1.5px,transparent 1.5px 3px);outline:1px solid var(--muted)}.pw-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14.5px;color:var(--muted);margin:0}.pw-dl dd{margin:0;text-align:right;color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.pw-monthbar{position:relative;display:grid;gap:6px}.pw-mb-lanes{position:relative;display:grid;gap:4px;padding-block:4px}.pw-mb-track{position:relative;overflow:hidden;background:repeating-linear-gradient(45deg,var(--line-2) 0 1.5px,var(--none) 1.5px 5px)}.pw-mb-lane{height:20px;border-radius:5px}.pw-mb-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;font-size:14px;font-weight:600}.pw-mb-row .pw-mb-name{display:inline-flex;align-items:center;gap:6px}.pw-mb-row .pw-mb-name:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}.pw-mb-row+.pw-mb-row{margin-top:6px}.pw-mb-lanes.labelled .pw-mb-overlay{position:absolute;inset:0 0 0 76px}.pw-mb-state{height:16px;border-radius:4px}.pw-mb-fill{position:absolute;top:0;bottom:0;border-radius:var(--radius-xs);transition:left var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out)}.pw-mb-head{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--fg);border-radius:1px;pointer-events:none}.pw-mb-lanes .pw-mb-head:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 2px var(--bg);transition:transform var(--dur-fast) var(--ease-spring)}.pw-monthbar:hover .pw-mb-head:after,[role=slider]:focus-visible .pw-mb-head:after{transform:scale(1.25)}.pw-mb-window{position:absolute;top:0;bottom:0;border:1.5px dashed color-mix(in srgb,var(--fg) 55%,transparent);border-radius:5px;transition:left var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out)}.pw-mb-violation{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--poor)}.pw-mb-violation:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--poor);animation:pw-ring 1.6s var(--ease-out) infinite}.pw-mb-violation:after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--poor)}.pw-mb-ticks{position:relative;height:20px;font-size:13px;color:var(--muted);margin-top:8px}.pw-mb-ticks.labelled{margin-left:76px}.pw-mb-ticks span{position:absolute;top:0;white-space:nowrap}.pw-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}.pw-key span{display:inline-flex;align-items:center;gap:6px}.pw-key i{width:14px;height:10px;border-radius:var(--radius-xs);display:inline-block}.pw-key i.none{background:repeating-linear-gradient(45deg,var(--line-2) 0 1.5px,var(--none) 1.5px 4px)}.pw-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;text-align:left;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);cursor:pointer;width:100%}.pw-pick:hover{border-color:var(--line-2)}.pw-pick[aria-pressed=true]{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun) inset}.pw-pick .nm{font-weight:650;font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pw-pick .meta{font-size:12.5px;color:var(--muted);font-family:var(--font-text)}.pw-pick .nums{text-align:right;font-family:var(--font-display);font-stretch:106%;font-weight:650;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums}.pw-pick .nums span{display:block}.pw-pick .bar{grid-column:1 / -1}.pw-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-20);display:grid;gap:var(--space-12);align-content:start;min-width:0}.pw-panel h3{margin:0;font-family:var(--font-display);font-stretch:118%;font-weight:650;font-size:15px}.pw-panel p{margin:0;font-size:14px;color:var(--muted)}.pw-panel-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.pw-linkbtn{border:0;background:none;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:12px}.pw-rules{display:grid}.pw-rule{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:2px 14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.pw-rule:last-child{border-bottom:0}.pw-rule .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.pw-rule .ic.ok{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}.pw-rule .ic.bad{background:color-mix(in srgb,var(--poor) 18%,transparent);color:var(--poor)}.pw-rule .ic.prev{background:transparent;border:1px dashed var(--line-2);color:var(--muted)}.pw-rule .nm{font-weight:650;font-size:16px;line-height:1.35}.pw-rule .verdict{font-size:14px;font-weight:650;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}.pw-rule .verdict.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.pw-rule .verdict.bad{color:var(--poor);background:color-mix(in srgb,var(--poor) 12%,transparent)}.pw-rule .verdict.prev{color:var(--muted);border:1px dashed var(--line-2)}.pw-rule .why{grid-column:2 / 4;font-size:15px;color:var(--muted);line-height:1.5}.pw-rule .tech{grid-column:2 / 4;font-size:13px;color:var(--muted)}.pw-rule .tech code{font-family:var(--font-mono);font-size:12.5px}.pw-rule .at{color:var(--poor);font-weight:600}.pw-preview-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);border:1px dashed var(--line-2);border-radius:var(--radius-pill);padding:2px 8px}.pw-term{background:var(--term-bg);border:1px solid rgba(220,230,245,.14);border-radius:var(--radius-xl);overflow:hidden;min-width:0}.pw-term-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(220,230,245,.1);font-family:var(--font-mono);font-size:12.5px;color:var(--term-dim)}.pw-term-bar .dots{display:flex;gap:6px}.pw-term-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--terrain);display:block}.pw-term pre{margin:0;padding:14px 16px;overflow:auto;max-height:340px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--term-fg)}.pw-term pre.out{border-top:1px solid rgba(220,230,245,.1);max-height:none;background:var(--term-bg-2)}.pw-term .k{color:var(--term-key)}.pw-term .c{color:var(--term-comment)}.pw-term .t{color:var(--term-tick)}.pw-term .g{color:var(--term-ok)}.pw-term .r{color:var(--term-err)}.pw-term-word{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline dotted;text-decoration-color:var(--muted);text-underline-offset:3px;cursor:help}.pw-tip-wrap{position:relative;display:inline-block}.pw-tip{position:absolute;z-index:5;left:0;top:calc(100% + 8px);width:280px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius-lg);padding:12px 14px;display:grid;gap:6px;box-shadow:0 12px 32px #00000047}.pw-tip b{font-family:var(--font-display);font-stretch:112%;font-weight:650;font-size:14px}.pw-tip span{font-size:13.5px;color:var(--muted);line-height:1.45}.pw-note{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.pw-note:before{content:"i";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;font-size:10px;font-weight:700;font-style:normal;flex:none}.pw-note[data-on=sky]{color:var(--sky-note)}.pw-teach{padding:14px 18px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--earth) 10%,transparent);color:var(--fg);font-size:14.5px;max-width:86ch}@keyframes pw-pulse{0%,to{box-shadow:0 0 6px currentColor;transform:scale(1)}50%{box-shadow:0 0 16px currentColor;transform:scale(1.18)}}@keyframes pw-flip-in{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes pw-scan{0%{background-position:-40% 0}to{background-position:140% 0}}@keyframes pw-twinkle{0%,to{opacity:.9}50%{opacity:.25}}@keyframes pw-caret{50%{opacity:0}}@keyframes pw-draw{0%{stroke-dashoffset:var(--len, 600)}to{stroke-dashoffset:0}}@keyframes pw-ring{0%{transform:scale(.8);opacity:.7}to{transform:scale(2.6);opacity:0}}@keyframes pw-verdict{0%{transform:scale(.4) rotate(-30deg);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:none}}.pw-pill i{animation:pw-pulse var(--dur-breath) var(--ease-standard) infinite}.pw-pill[data-state=none] i{animation:none}.pw-flip{animation:pw-flip-in var(--dur-flip) var(--ease-out) both}.pw-sky{position:relative;background:var(--sky-bg);border-radius:var(--radius-xl);overflow:hidden;color:var(--sky-ink);isolation:isolate}.pw-sky svg{display:block;width:100%;height:auto}.pw-sky .star{animation:pw-twinkle var(--dur-twinkle) ease-in-out infinite}.pw-sky-head{position:absolute;left:20px;top:18px;display:grid;gap:8px;max-width:70%;text-shadow:0 1px 14px rgba(0,0,0,.7);pointer-events:none}.pw-sky-head h1{margin:0;font-family:var(--font-display);font-stretch:122%;font-weight:720;font-size:clamp(22px,3.4vw,36px);line-height:1.02;color:var(--sky-ink)}.pw-sky-head .sub{font-size:14px;color:var(--sky-sub)}.pw-sky-time{position:absolute;right:20px;top:20px;text-align:right;font-family:var(--font-mono);font-size:13px;color:var(--sky-sub)}.pw-sky-time b{display:block;font-family:var(--font-display);font-stretch:112%;font-size:18px;color:var(--sky-ink);font-weight:650}.pw-sky-foot{position:absolute;right:20px;top:78px}.pw-sky-ctl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px 6px}.pw-bracket{position:relative;padding:var(--space-16) var(--space-20)}.pw-bracket:before,.pw-bracket:after{content:"";position:absolute;width:12px;height:12px;border:1.5px solid var(--line-2);transition:width var(--dur-base) var(--ease-out),height var(--dur-base) var(--ease-out),border-color var(--dur-base)}.pw-bracket:before{left:0;top:0;border-right:0;border-bottom:0}.pw-bracket:after{right:0;bottom:0;border-left:0;border-top:0}.pw-bracket:hover:before,.pw-bracket:hover:after,.pw-bracket:focus-within:before,.pw-bracket:focus-within:after{width:22px;height:22px;border-color:var(--focus)}.pw-horizon{display:block;width:100%;height:18px}.pw-horizon path.ridge{fill:none;stroke:var(--line-2);stroke-width:1}.pw-horizon path.lit{fill:none;stroke:var(--sun);stroke-width:1.4;stroke-dasharray:var(--len, 600);animation:pw-draw var(--dur-slow) var(--ease-out) both}.pw-skel{border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--panel) 30%,var(--panel-2) 50%,var(--panel) 70%) var(--panel);background-size:60% 100%;background-repeat:no-repeat;animation:pw-scan var(--dur-scan) linear infinite}.pw-progress{height:2px;background:var(--line);border-radius:2px;overflow:hidden}.pw-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),var(--both),var(--earth));transition:width var(--dur-base) var(--ease-out)}.pw-big [data-count]{display:inline-block}.pw-rule .ic.flip{animation:pw-verdict var(--dur-flip) var(--ease-spring) both}.pw-rule.violated{background:linear-gradient(90deg,color-mix(in srgb,var(--poor) 10%,transparent),transparent 70%)}.pw-caret{display:inline-block;width:.55em;height:1.1em;vertical-align:-2px;background:var(--term-ok);animation:pw-caret 1s steps(1) infinite}.pw-ping{transform-box:fill-box;transform-origin:center;animation:pw-ring 1.6s var(--ease-out) infinite}.pw-pick,.pw-btn,.pw-play,.pw-seg button{transition:border-color var(--dur-fast),background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base)}.pw-pick:hover{transform:translateY(-1px)}.pw-btn:active,.pw-play:active{transform:scale(.97)}.pw-tip{animation:pw-flip-in var(--dur-base) var(--ease-out) both}@media (prefers-reduced-motion: reduce){*,:before,:after{transition:none!important;animation:none!important}}.pw-details{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.pw-details>summary{cursor:pointer;padding:14px 16px;font-weight:650;font-size:15px;list-style:none;display:flex;align-items:center;gap:10px}.pw-details>summary::-webkit-details-marker{display:none}.pw-details>summary:before{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform var(--dur-base) var(--ease-out)}.pw-details[open]>summary:before{transform:rotate(45deg)}.pw-details>summary small{font-weight:400;color:var(--muted);font-size:14px}.pw-details>.pw-term{margin:0 12px 12px}.pw-sky .label{font-family:var(--font-text);font-size:14px;font-weight:650}html,body{background:var(--bg);color:var(--fg)}#root{min-height:100vh}.wrap{max-width:var(--wrap-max);margin:0 auto;padding-inline:var(--space-24)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.appbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.appbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-block:10px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-name{font-family:var(--font-display);font-stretch:125%;font-weight:750;font-size:17px;letter-spacing:.02em}.brand-sub{font-size:12px;color:var(--muted)}.appbar .pw-seg button{font-size:14px;white-space:nowrap}.appbar .pw-field-inline{min-width:0;flex:0 1 320px}.appbar .pw-field-inline .pw-eyebrow{white-space:nowrap}.appbar .pw-select{width:100%;min-width:0;max-width:320px;text-overflow:ellipsis}.bar-controls{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;min-width:0}.custom-range{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.custom-range input{background:var(--panel);border:1px solid var(--line-2);border-radius:9px;padding:6px 10px;min-height:var(--control-h);font-variant-numeric:tabular-nums}.step-head{padding-block:30px 18px;display:grid;gap:8px}.step-head h2{margin:0;font-family:var(--font-display);font-stretch:118%;font-weight:650;font-size:clamp(24px,2.6vw,32px);line-height:1.15;display:flex;gap:12px;align-items:center;flex-wrap:wrap;text-wrap:balance}.step-head .sub{color:var(--muted);font-size:14.5px;display:flex;flex-wrap:wrap;gap:4px 18px}.step-head .sub b{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.step-head p.lede{margin:0;color:var(--muted);font-size:16px;max-width:70ch}.step-no{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--fg);color:var(--bg);font-family:var(--font-display);font-weight:700;font-size:14px;flex:none}.step1{border-bottom:1px solid var(--line);padding-bottom:34px}.pick-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-24);align-items:start}.picklist{display:grid;gap:8px;max-height:640px;overflow:auto;padding:2px 6px 2px 2px}.pick-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.map-svg{display:block;width:100%;height:auto;touch-action:manipulation}.map-svg .site{cursor:pointer}.map-svg .site:focus-visible{outline:none}.map-svg .site:focus-visible circle{stroke:var(--focus);stroke-width:3}.compare-toggle{justify-self:start;font-size:13px}.summary{display:grid;grid-template-columns:1.3fr repeat(3,1fr);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);margin-bottom:20px}.summary>div{padding:18px 22px;display:grid;gap:4px;align-content:start}.summary>div+div{border-left:1px solid var(--line)}.summary .verdict{font-family:var(--font-display);font-stretch:112%;font-size:22px;font-weight:700;line-height:1.2}.summary .k{font-size:14px;color:var(--muted)}.summary .v{font-family:var(--font-display);font-stretch:110%;font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.summary p{margin:0;font-size:14.5px;color:var(--muted)}.readrow{border-bottom:1px solid var(--line)}.readrow .pw-readouts{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:0}.readrow input[type=range]{width:100%;accent-color:var(--earth)}.section{padding-block:36px 8px;display:grid;gap:18px}.section-head{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:end;justify-content:space-between}.section-head h3{margin:0;font-family:var(--font-display);font-stretch:118%;font-weight:650;font-size:22px;line-height:1.15}.section-head p{margin:4px 0 0;color:var(--muted);font-size:16px;max-width:64ch}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.cmp-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr) repeat(3,76px) 96px 32px;align-items:center;gap:0 16px;padding:10px 12px;border-bottom:1px solid var(--line)}.cmp-row.th{border-bottom-color:var(--line-2);padding-block:6px}.cmp-row.th span,.cmp-row.th button{text-align:right;font-size:14px}.cmp-row.th button{all:unset;cursor:pointer;text-align:right;font-weight:600;color:var(--muted)}.cmp-row.th button[aria-pressed=true]{color:var(--fg)}.cmp-row.th button:focus-visible{outline:2px solid var(--focus)}.cmp-row.sel{background:var(--panel);border-radius:var(--radius-md)}.cmp-row:not(.th){cursor:pointer}.cmp-row:not(.th):hover{background:var(--panel);border-radius:var(--radius-md)}.cmp-name{font-weight:650;font-size:14.5px;line-height:1.25}.cmp-name small{display:block;font-weight:400;font-size:13.5px;color:var(--muted)}.cmp-val{text-align:right;font-family:var(--font-display);font-stretch:106%;font-weight:650;font-size:18px;font-variant-numeric:tabular-nums}.good{color:var(--good)}.poor{color:var(--poor)}.icon-btn{all:unset;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.icon-btn:hover{color:var(--fg);background:var(--panel-2)}.icon-btn:focus-visible{outline:2px solid var(--focus)}.mission{display:grid;grid-template-columns:1fr;gap:var(--space-20)}.mission>.pw-stack{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-28);align-items:start;padding:0}.controls{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:end}.strip{display:grid;gap:2px}.strip button{height:40px;border:0;border-radius:6px;cursor:pointer;padding:0;font:700 14px var(--font-text);color:var(--bg);font-variant-numeric:tabular-nums;min-width:0}.strip button.dark{color:var(--fg)}.strip button[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:1px}.battery svg{display:block;width:100%}.bars svg{display:block;width:100%}.teach{display:none;padding:14px 18px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--earth) 10%,transparent);color:var(--fg);font-size:15px;line-height:1.55;max-width:86ch}body[data-mode=teach] .teach{display:block}body[data-mode=explore] .plan-only,body[data-mode=teach] .plan-only{display:none!important}.notice{padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--panel);color:var(--fg);font-size:15px}.notice.error{border-color:var(--poor)}.loading{padding-block:60px;display:grid;gap:16px}footer.foot{border-top:1px solid var(--line);margin-top:44px;padding-block:22px 40px;color:var(--muted);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}@media (max-width: 900px){.appbar{position:static}.appbar .pw-field-inline{flex:1 1 100%}.appbar .pw-select{max-width:none}.bar-controls{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:thin}.bar-controls>*{flex:none}}@media (max-width: 1000px){.pick-grid,.two,.mission>.pw-stack{grid-template-columns:minmax(0,1fr)}.readrow .pw-readouts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.readrow .pw-stat:nth-child(3){padding-left:0;border-left:0}.summary{grid-template-columns:repeat(2,1fr)}.summary>div:nth-child(3){border-left:0}.summary>div:nth-child(n+3){border-top:1px solid var(--line)}.cmp-row{grid-template-columns:minmax(130px,170px) minmax(0,1fr) repeat(2,60px) 28px}.cmp-row .hide-md{display:none!important}}@media (max-width: 600px){.wrap{padding-inline:var(--space-16)}.brand-sub{display:none}.readrow .pw-readouts{grid-template-columns:minmax(0,1fr)}.readrow .pw-stat+.pw-stat{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:16px}.summary{grid-template-columns:minmax(0,1fr)}.summary>div+div{border-left:0;border-top:1px solid var(--line)}.cmp-row{grid-template-columns:minmax(0,1fr) 56px 56px;row-gap:8px}.cmp-row>:nth-child(2){grid-column:1 / -1;grid-row:2}.cmp-row .hide-sm{display:none!important}.strip button{font-size:11px;height:34px}.pw-sky-head{max-width:92%}}@keyframes pw-grow{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion: reduce){.bars rect,.battery polyline{animation:none!important}}.pw-sky-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.pw-sky-scroll::-webkit-scrollbar{display:none}@media (max-width: 760px){.pw-sky-head{top:12px;left:14px}.pw-sky-head h1{font-size:22px}.pw-sky-time{bottom:auto;right:14px;top:12px}.pw-sky-time b{font-size:15px}.pw-sky-foot{position:static;padding:6px 14px 0;text-align:right}}.pw-sky .pw-sky-modes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px 0;background:var(--bg)}.pw-sky .pw-sky-modes .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted, #9AA4B4);margin-right:4px}.pw-sky .pw-sky-modes button{font:inherit;font-size:13px;font-weight:600;line-height:1.2;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--sky-ink, #E8ECF2);cursor:pointer}.pw-sky .pw-sky-modes button.on{background:var(--sky-ink, #E8ECF2);color:#0b0e13;border-color:transparent}.pw-sky .pw-sky-modes button:focus-visible{outline:2px solid var(--earth, #4FA8FF);outline-offset:2px}.pw-sky .pw-sky-modes-note{position:static;margin-left:auto;font-size:12px;color:var(--muted, #9AA4B4)}@media (max-width: 720px){.pw-sky .pw-sky-modes-note{margin-left:0;width:100%}}.hud{--glass: rgba(26, 31, 40, .62);--glass-2: rgba(255, 255, 255, .045);--edge: rgba(255, 255, 255, .09);--ink: #EEF2F7;--mute: #9AA4B4;--h-sun: #FFB547;--h-earth: #4FA8FF;--h-both: #4FDDB4;--h-poor: #FF6E5E;position:relative;color:var(--ink);font-family:var(--font-text);min-height:100vh;overflow:hidden;background:radial-gradient(120% 80% at 50% 38%,#141a24,#070a10 55%,#030407);color-scheme:dark}.hud .title{font-family:"Michroma",var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-weight:400}.hud .num{font-variant-numeric:tabular-nums}.hud .big{font-family:"Chakra Petch",var(--font-display);font-weight:700;font-variant-numeric:tabular-nums}.hud button{font:inherit;color:inherit}.hud :focus-visible{outline:2px solid #8CC8FF;outline-offset:2px}.hud-scale{width:1600px;transform-origin:0 0;position:relative}.hud-stage{position:relative;width:1600px;height:1210px}.hud-stage.tall{height:auto;min-height:1210px;padding:130px 40px 40px}.hud .scene{position:absolute;left:0;top:0;width:1600px;height:1180px}.hud .scene .star{animation:hud-tw var(--dur-twinkle) ease-in-out infinite}@keyframes hud-tw{50%{opacity:.2}}.hud .sweep-anim{transition:transform .6s var(--ease-out)}.hud .pulse{animation:hud-pulse 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hud-pulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.6);opacity:0}}.hud .beam{stroke-dasharray:3 5;animation:hud-dash 1.2s linear infinite}@keyframes hud-dash{to{stroke-dashoffset:-16}}.hud .bar{position:absolute;left:40px;right:40px;top:32px;display:flex;align-items:center;gap:14px;z-index:5}.hud .logo{display:flex;align-items:center;gap:12px;font-size:22px;margin-right:40px;white-space:nowrap}.hud .tab{padding:14px 22px;border-radius:14px;background:var(--glass);border:1px solid var(--edge);font-size:13px;color:var(--mute);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer}.hud .tab:hover{color:var(--ink)}.hud .tab[aria-current=page]{background:#ffffff29;color:var(--ink)}.hud .chip{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);white-space:nowrap}.hud .chip small{display:block;font-size:11px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase}.hud .chip b{font-size:16px;font-weight:650}.hud button.chip{cursor:pointer;text-align:left}.hud button.chip:hover{border-color:#fff3}.hud .grow{flex:1}.hud .dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:hud-breathe var(--dur-breath) ease-in-out infinite;flex:none;display:inline-block}@keyframes hud-breathe{50%{box-shadow:0 0 2px currentColor;opacity:.7}}.hud .iconbtn{width:52px;height:52px;border-radius:14px;background:var(--glass);border:1px solid var(--edge);color:var(--ink);display:grid;place-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer}.hud .iconbtn:hover{border-color:#ffffff38}.hud .iconbtn[aria-pressed=true]{background:#ffffff29}.hud .side{position:absolute;right:40px;top:150px;display:grid;gap:12px;z-index:4}.hud .panel{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h, auto);background:var(--glass);border:1px solid var(--edge);border-radius:20px;padding:18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000059;z-index:2;min-width:0}.hud-stage.tall .panel{position:relative;left:auto;top:auto;width:auto;height:auto}.hud .panel h3{margin:0 0 4px;font-size:14px}.hud .panel .sub{font-size:13px;color:var(--mute)}.hud .phead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.hud .live{font-size:13px;color:var(--mute);display:flex;gap:8px;align-items:center}.hud .live .dot{color:var(--h-both);width:7px;height:7px}.hud button.live{background:none;border:0;cursor:pointer;padding:0}.hud button.live:hover{color:var(--ink)}.hud .row{display:grid;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--glass-2);border:1px solid rgba(255,255,255,.04);margin-top:6px;font-size:14px}.hud button.row{width:100%;text-align:left;cursor:pointer}.hud button.row:hover{border-color:var(--edge)}.hud .row.sel{background:#ffb5471a;border-color:#ffb54759}.hud .row .m{color:var(--mute);font-size:13px}.hud .lbl{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em}.hud .val{font-size:22px;font-weight:650}.hud .val small{font-size:13px;color:var(--mute);font-weight:400;margin-left:3px}.hud .split{display:grid;gap:0}.hud .split>div{padding:0 14px;border-left:1px solid var(--edge);min-width:0}.hud .split>div:first-child{padding-left:0;border-left:0}.hud .toggle{display:inline-flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:14px;background:var(--glass-2);border:1px solid var(--edge);font-size:12px}.hud .sw{width:44px;height:24px;border-radius:12px;background:var(--h-both);position:relative}.hud .sw:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}.hud .tile{border-radius:14px;background:var(--glass-2);border:1px solid rgba(255,255,255,.05);padding:10px;display:grid;justify-items:center;gap:6px;text-align:center;font-size:13px;color:var(--mute);min-width:0}.hud .tile .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--edge)}.hud .tile.ok .ic{color:var(--h-both);box-shadow:0 0 18px #4fddb440 inset}.hud .tile.bad .ic{color:var(--h-poor);border-color:#ff6e5e80;box-shadow:0 0 18px #ff6e5e4d inset}.hud .tile b{color:var(--ink);font-weight:600;font-size:14px}.hud button.tile{cursor:pointer;color:var(--ink)}.hud button.tile:hover{border-color:var(--edge)}.hud .seg{height:6px;border-radius:3px}.hud .note{position:absolute;font-size:12px;color:#d2dae699;z-index:1}.hud .rules{display:grid;grid-template-columns:repeat(3,1fr) 190px;gap:10px}.hud .pop{position:absolute;right:40px;top:104px;width:420px;z-index:8;display:grid;gap:16px}.hud .pop .opt{display:flex;flex-wrap:wrap;gap:6px}.hud .opt button{padding:8px 12px;border-radius:10px;background:var(--glass-2);border:1px solid var(--edge);color:var(--mute);cursor:pointer;font-size:13px}.hud .opt button[aria-pressed=true]{background:#ffffff29;color:var(--ink)}.hud input[type=range]{accent-color:var(--h-earth);width:100%}.hud input[type=date]{background:var(--glass-2);border:1px solid var(--edge);border-radius:10px;color:var(--ink);padding:6px 10px;color-scheme:dark}.hud .pw-sky{border-radius:16px}.hud .pw-rule{border-color:var(--edge)}.hud.compact .hud-scale{width:auto;transform:none!important}.hud.compact .hud-stage{width:auto;height:auto;padding:14px 14px 32px;display:grid;gap:14px}.hud.compact .bar{position:static;flex-wrap:wrap;gap:10px}.hud.compact .bar .tabs{order:3;width:100%;display:flex;gap:8px;overflow-x:auto}.hud.compact .tab{padding:10px 14px;font-size:11px;flex:none}.hud.compact .logo{font-size:16px;margin-right:auto}.hud.compact .bar .chip.hide-compact{display:none}.hud.compact .scene-wrap{position:relative;width:100%;overflow:hidden;border-radius:20px}.hud.compact .scene{position:static;display:block;width:100%;height:auto}.hud.compact .panel{position:relative;left:auto;top:auto;width:auto;height:auto}.hud.compact .side,.hud.compact .note{display:none}.hud.compact .rules{grid-template-columns:repeat(2,minmax(0,1fr))}.hud.compact .tab-grid{grid-template-columns:minmax(0,1fr)!important}.hud.compact .pw-readouts.tab-grid .pw-stat+.pw-stat{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:16px}.hud.compact .tab-grid>*{min-width:0}.hud.compact .rules .count{grid-row:auto!important;grid-column:1 / -1}.hud.compact .pop{position:fixed;left:14px;right:14px;top:70px;width:auto}@media (prefers-reduced-motion: reduce){.hud .dot,.hud .pulse,.hud .beam,.hud .scene .star{animation:none!important}}.hud .hud-stage .panel.pop{position:absolute;left:auto;right:40px;top:104px;width:420px;height:auto}.hud.compact .hud-stage .panel.pop{position:fixed;left:14px;right:14px;top:70px;width:auto}.hud.compact .daybtn{font-size:0!important;height:30px!important}.hud .t3-box{position:absolute;left:480px;top:118px;width:640px;z-index:1}.hud .terrain3d{position:relative}.hud .terrain3d-gl,.hud .terrain3d-gl canvas{position:absolute;inset:0;display:block}.hud .terrain3d-gl canvas{cursor:grab}.hud .terrain3d-gl canvas:active{cursor:grabbing}.hud .terrain3d-overlay{position:absolute;inset:0;pointer-events:none}.hud .terrain3d-overlay .pin{pointer-events:auto}.hud.compact .t3-box{position:relative;left:auto;top:auto;width:100%}.hud .brand-emblem{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,120,40,.35))}.hud .brand-text{display:grid;line-height:1.1}.hud .brand-text .title{font-size:20px}.hud .brand-text small{font-size:10.5px;letter-spacing:.22em;color:#c9ced6;font-weight:600;margin-top:4px}.hud .brand-text small b{color:#e2342b;font-weight:700}.hud.compact .brand-emblem{width:40px;height:40px}.hud.compact .brand-text .title{font-size:16px}.hud .batt{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:end;margin-top:6px}.hud .batt-art{display:block;width:100px;height:168px;overflow:visible}.hud .batt-art .cells,.hud .batt-art .glow{transition:opacity .45s ease}.hud .batt-read{display:grid;gap:2px;padding-bottom:10px;min-width:0}.hud .batt-read .sub{font-size:12px;line-height:1.3}@media (prefers-reduced-motion: reduce){.hud .batt-art .cells,.hud .batt-art .glow{transition:none}}.hud .link{display:grid;justify-items:center;gap:1px;margin-top:2px}.hud .dish-art{display:block;width:88px;height:106px;overflow:visible}.hud .dish-art image{transition:opacity .45s ease}.hud .dish-art .act,.hud .dish-art .waves{opacity:0}.hud .dish-art.on .act,.hud .dish-art.on .waves{opacity:1}.hud .dish-art.on .off{opacity:0}.hud .dish-art .wave{opacity:0;animation:dish-wave 1.8s ease-in-out infinite}@keyframes dish-wave{0%,to{opacity:0}45%{opacity:.95}}.hud .link .cap{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:#9aa4b4;white-space:nowrap}.hud .link .cap .dot{width:7px;height:7px;border-radius:50%;background:#5b6474;animation:none}.hud .link.on .cap{color:#4fa8ff}.hud .link.on .cap .dot{background:#4fa8ff;box-shadow:0 0 8px #4fa8ff}.hud .link .when{font-size:11px;color:#7e8898;white-space:nowrap}@media (prefers-reduced-motion: reduce){.hud .dish-art image{transition:none}.hud .dish-art .wave{animation:none;opacity:.8}}