.sw{--sw-size:min(100%, 400px, 44svh);--sw-strip:44px;--g-result-after:.3s;--g-bar-today:var(--a-sky);--g-bar-today-ink:var(--a-sky-ink)}.sw-stage{margin-top:16px;position:relative}.sw .g-head{flex-wrap:wrap;row-gap:8px}.sw-how{scroll-margin-top:24px}.sw-how-tools{flex-wrap:wrap;gap:12px 8px;margin-top:16px;display:flex}.sw-top{width:var(--sw-size);flex-direction:column;gap:12px;margin-top:8px;display:flex}.sw-status{justify-content:space-between;align-items:center;gap:12px;min-height:26px;display:flex}.sw .sw-which{color:var(--text-2);font-variant-numeric:tabular-nums}.sw-pips{gap:6px;margin:0;padding:0;list-style:none;display:flex}.sw-pip{--hue:transparent;background:var(--fill-2);width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--hairline);border-radius:50%;flex:none}.sw-pip[data-now]{box-shadow:inset 0 0 0 1.5px var(--text-3)}.sw-pip[data-grade]{background:var(--hue);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--hue) 58%, black)}.sw-pip[data-grade="0"]{--hue:var(--a-green)}.sw-pip[data-grade="1"]{--hue:var(--a-amber)}.sw-pip[data-grade="2"]{--hue:var(--a-orange)}.sw-pip[data-grade="3"]{--hue:#ed4c3d}@supports (color:lab(0% 0 0)){.sw-pip[data-grade="3"]{--hue:lab(56.323% 62.0998 45.0269)}}.sw-ask{text-align:center;text-wrap:balance;flex-direction:column;min-height:52px;display:flex}.sw .sw-ask-head{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.sw .sw-ask p+p{font-variant-numeric:tabular-nums}.sw-panel{width:var(--sw-size);aspect-ratio:4/5;-webkit-user-select:none;user-select:none;border-radius:12px;display:flex;position:relative;overflow:clip;container-type:inline-size}.sw-panel[data-phase=ready]{background:var(--fill-2);color:var(--text-3)}.sw-panel[data-phase=verdict]{flex-direction:column}[data-ink=dark]{--sw-ink:#161616}@supports (color:lab(0% 0 0)){[data-ink=dark]{--sw-ink:lab(7.22637% -.0000149012 0)}}[data-ink=light]{--sw-ink:#fff}@supports (color:lab(0% 0 0)){[data-ink=light]{--sw-ink:lab(100% 0 0)}}.sw-panel[data-ink],.sw-panel [data-ink]{color:var(--sw-ink)}.sw-field,.sw-half{flex:1 1 0;min-width:0;min-height:0;position:relative}.sw .sw-count{color:inherit;opacity:.72;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:.875em;line-height:1.28571;position:absolute;top:16px;left:16px}.sw-panel[data-phase=looking]{--sw-ring-gap:8px;overflow:visible}.sw-ring{top:calc(-1 * var(--sw-ring-gap));left:calc(-1 * var(--sw-ring-gap));width:calc(100% + 2 * var(--sw-ring-gap));height:calc(100% + 2 * var(--sw-ring-gap));fill:none;pointer-events:none;position:absolute;overflow:visible}.sw-ring-track{stroke:color-mix(in oklab, var(--text) 14%, transparent);stroke-width:2.5px}.sw-ring-left{stroke:var(--text);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1 0;stroke-dashoffset:.898px;animation:sw-unwind var(--sw-look) linear forwards}.sw-panel[data-paused] .sw-ring-left{animation-play-state:paused}@keyframes sw-unwind{to{stroke-dasharray:0 1;stroke-dashoffset:-.102px}}@media (prefers-reduced-motion:reduce){.sw-ring-left{animation-timing-function:steps(5,end);animation-duration:var(--sw-look)!important}}.sw-figure{text-align:right;position:absolute;top:8px;right:16px}.sw .sw-big{color:inherit;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(48px,21cqw,84px);font-weight:500;line-height:1}.sw .sw-figure-sub{color:inherit;margin-top:2px;font-weight:500}.sw .sw-label{color:inherit;font-variant-numeric:tabular-nums;flex-direction:column;font-weight:500;display:flex;position:absolute;bottom:14px;left:16px}.sw-label span{opacity:.72;font-weight:400}.sw .g-mini{--g-mini-ratio:4 / 5}.g-mini-full>.sw-panel{animation:.22s ease-out sw-step-in}@keyframes sw-step-in{0%{opacity:0}}.sw-sliders{flex:none;display:flex}.sw-slider{width:var(--sw-strip);touch-action:none;cursor:ns-resize;flex:none;position:relative}.sw-slider:before{content:"";position:absolute;inset:0 -8px}.sw-slider:focus-visible{outline-offset:-2px;z-index:1;outline:2px solid #fff;outline:2px solid lab(100% 0 0)}.sw-thumb{--run:calc(100% - 28px - 8px);left:50%;bottom:calc(4px + var(--run) * var(--at));pointer-events:none;background:#fff;background:lab(100% 0 0);border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;box-shadow:0 0 0 1px #0000002e,0 2px 6px #00000047;box-shadow:0 0 0 1px lab(0% 0 0/.18),0 2px 6px lab(0% 0 0/.28)}.sw .sw-wide{width:var(--sw-size)}.sw-squares{width:var(--sw-size);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sw-square{aspect-ratio:4/5;color:var(--sw-ink);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:clip}.sw-square-half{flex:1 1 0}.sw-square-points{text-align:center;font-variant-numeric:tabular-nums;font-weight:500;position:absolute;top:8px;left:0;right:0}.sw .g-row.you.arrive{animation:.25s cubic-bezier(.22,1,.36,1) both g-arrive}@media (max-width:767px){.sw-ask{min-height:78px}.sw .g-board{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.sw .g-row.you.arrive{animation-name:g-fade-in}}