.DarkerOnly-module__4MQQnq__fig{--gap:6px;gap:var(--sp-3);width:100%;max-width:30rem;margin:0;display:grid;container-type:inline-size}.DarkerOnly-module__4MQQnq__badge{font-size:var(--t-label);color:var(--fg-3);font-weight:500;line-height:1.5}html[lang=en] .DarkerOnly-module__4MQQnq__badge{font-size:var(--t-label-latin);letter-spacing:var(--tr-latin-label);text-transform:uppercase}.DarkerOnly-module__4MQQnq__prompt{font-size:var(--t-caption);font-weight:600;line-height:var(--lh-caption);color:var(--fg)}.DarkerOnly-module__4MQQnq__stage{--cell:calc((100cqw - 6 * var(--gap)) / 7);padding-top:1.75rem;position:relative;container-type:inline-size}.DarkerOnly-module__4MQQnq__marker{width:var(--cell);font-size:var(--t-label);white-space:nowrap;color:var(--fg);transform:translateX(calc(var(--now) * (var(--cell) + var(--gap))));transition:transform var(--dur-scene) var(--ease-out);justify-items:center;gap:3px;font-weight:600;line-height:1.2;display:grid;position:absolute;top:0;left:0}.DarkerOnly-module__4MQQnq__marker:after{content:"";background:currentColor;width:1px;height:6px}.DarkerOnly-module__4MQQnq__ramp{gap:var(--gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.DarkerOnly-module__4MQQnq__tile{aspect-ratio:3/4;background:var(--bg-sunk);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;transition:box-shadow var(--dur-state) var(--ease-out);border:0;border-radius:0;padding:0;display:block;position:relative}.DarkerOnly-module__4MQQnq__tile:before{content:"";inset:0 calc(var(--gap) / -2);position:absolute}.DarkerOnly-module__4MQQnq__tile:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1514121a}.DarkerOnly-module__4MQQnq__tile:focus-visible{outline-offset:2px}.DarkerOnly-module__4MQQnq__tile[data-state=now]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}.DarkerOnly-module__4MQQnq__tile[data-state=now]:focus-visible{box-shadow:none}@media (hover:hover) and (pointer:fine){.DarkerOnly-module__4MQQnq__tile:not([data-state=now]):hover{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--line-strong)}}.DarkerOnly-module__4MQQnq__tile:active{opacity:.9}.DarkerOnly-module__4MQQnq__ink{background:var(--tone);position:absolute;inset:0}.DarkerOnly-module__4MQQnq__veil{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out) var(--d,0s);background:repeating-linear-gradient(135deg,#0000 0 4px,#1514124d 4px 5px),#f6f3ee66;place-items:center;display:grid;position:absolute;inset:0}.DarkerOnly-module__4MQQnq__tile[data-dark] .DarkerOnly-module__4MQQnq__veil{background:repeating-linear-gradient(135deg,#0000 0 4px,#f6f3ee80 4px 5px),#15141226}.DarkerOnly-module__4MQQnq__tile[data-state=locked] .DarkerOnly-module__4MQQnq__veil{opacity:1}.DarkerOnly-module__4MQQnq__lock{background:var(--bg);width:20px;height:20px;color:var(--fg);border-radius:50%;place-items:center;display:grid}.DarkerOnly-module__4MQQnq__axis{height:14px;margin-top:var(--sp-3);background:linear-gradient(90deg, var(--line-strong) 0 3px, transparent 3px 7px) 0 50% / 7px 1px repeat-x;position:relative}.DarkerOnly-module__4MQQnq__flow{top:calc(50% - 1px);left:calc(var(--now) * (var(--cell) + var(--gap)) + var(--cell) / 2);background:var(--fg);height:2px;position:absolute;right:1px}.DarkerOnly-module__4MQQnq__flow:before{content:"";background:var(--fg);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:-3.5px}.DarkerOnly-module__4MQQnq__flow:after{content:"";border-top:2px solid var(--fg);border-right:2px solid var(--fg);width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:0;transform:rotate(45deg)}.DarkerOnly-module__4MQQnq__fig[data-top] .DarkerOnly-module__4MQQnq__flow{visibility:hidden}.DarkerOnly-module__4MQQnq__ends{justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-2);font-size:var(--t-label);color:var(--fg-3);font-weight:500;line-height:1.4;display:flex}.DarkerOnly-module__4MQQnq__ends>span{opacity:0;transition:opacity var(--dur-state) var(--ease-out)}.DarkerOnly-module__4MQQnq__ends>span[data-show]{opacity:1}.DarkerOnly-module__4MQQnq__ends>span:last-child{text-align:right;color:var(--fg);margin-left:auto}.DarkerOnly-module__4MQQnq__result{min-height:calc(2 * var(--lh-caption) * 1em);font-size:var(--t-caption);line-height:var(--lh-caption);color:var(--fg-2);text-wrap:pretty}@container not (min-width:280px){.DarkerOnly-module__4MQQnq__result{min-height:calc(3 * var(--lh-caption) * 1em)}}@media (prefers-reduced-motion:no-preference){.DarkerOnly-module__4MQQnq__fig[data-pre] .DarkerOnly-module__4MQQnq__tile[data-state=open] .DarkerOnly-module__4MQQnq__ink{clip-path:inset(0 100% 0 0)}.DarkerOnly-module__4MQQnq__fig[data-pre] .DarkerOnly-module__4MQQnq__flow{clip-path:inset(-6px calc(100% + 6px) -6px -6px)}.DarkerOnly-module__4MQQnq__fig[data-reveal] .DarkerOnly-module__4MQQnq__tile[data-state=open] .DarkerOnly-module__4MQQnq__ink{animation:DarkerOnly-module__4MQQnq__dk-spread var(--dur-scene) var(--ease-out) var(--d) both}.DarkerOnly-module__4MQQnq__fig[data-run="1"] .DarkerOnly-module__4MQQnq__flow{animation:DarkerOnly-module__4MQQnq__dk-flow-1 calc(var(--dur-scene) + var(--span,.28s)) var(--ease-out) both}.DarkerOnly-module__4MQQnq__fig[data-run="0"] .DarkerOnly-module__4MQQnq__flow{animation:DarkerOnly-module__4MQQnq__dk-flow-0 calc(var(--dur-scene) + var(--span,.28s)) var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.DarkerOnly-module__4MQQnq__veil{transition-delay:0s}}@keyframes DarkerOnly-module__4MQQnq__dk-spread{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes DarkerOnly-module__4MQQnq__dk-flow-1{0%{clip-path:inset(-6px calc(100% + 6px) -6px -6px)}to{clip-path:inset(-6px)}}@keyframes DarkerOnly-module__4MQQnq__dk-flow-0{0%{clip-path:inset(-6px calc(100% + 6px) -6px -6px)}to{clip-path:inset(-6px)}}@media (forced-colors:active){.DarkerOnly-module__4MQQnq__tile{border:1px solid canvastext}.DarkerOnly-module__4MQQnq__tile[data-state=now]{border:3px solid highlight}.DarkerOnly-module__4MQQnq__tile:focus-visible{outline-offset:2px;outline:2px solid canvastext}.DarkerOnly-module__4MQQnq__ink,.DarkerOnly-module__4MQQnq__veil{forced-color-adjust:none}.DarkerOnly-module__4MQQnq__axis{forced-color-adjust:none;background-image:linear-gradient(90deg,graytext 0 3px,#0000 3px 7px)}.DarkerOnly-module__4MQQnq__flow,.DarkerOnly-module__4MQQnq__flow:before{forced-color-adjust:none;background:canvastext}.DarkerOnly-module__4MQQnq__flow:after{border-color:canvastext}.DarkerOnly-module__4MQQnq__marker:after{forced-color-adjust:none;background:canvastext}}