.ew-fig{display:block;width:100%;height:auto;overflow:visible}.ew-fig[data-focus="1"]{--focus:var(--t1)}.ew-fig[data-focus="2"]{--focus:var(--t2)}.ew-fig[data-focus="3"]{--focus:var(--t3)}.ew-fig[data-focus="4"]{--focus:var(--t4)}.ew-fig[data-focus="5"]{--focus:var(--t5)}.ew-fig[data-focus="6"]{--focus:var(--t6)}.ew-fig[data-focus="7"]{--focus:var(--t7)}.ew-fig[data-focus="8"]{--focus:var(--t8)}.ew-fig[data-focus="9"]{--focus:var(--t9)}.ew-arc-value[data-type="1"],.ew-label[data-type="1"],.ew-node[data-type="1"]{--tc:var(--t1)}.ew-arc-value[data-type="2"],.ew-label[data-type="2"],.ew-node[data-type="2"]{--tc:var(--t2)}.ew-arc-value[data-type="3"],.ew-label[data-type="3"],.ew-node[data-type="3"]{--tc:var(--t3)}.ew-arc-value[data-type="4"],.ew-label[data-type="4"],.ew-node[data-type="4"]{--tc:var(--t4)}.ew-arc-value[data-type="5"],.ew-label[data-type="5"],.ew-node[data-type="5"]{--tc:var(--t5)}.ew-arc-value[data-type="6"],.ew-label[data-type="6"],.ew-node[data-type="6"]{--tc:var(--t6)}.ew-arc-value[data-type="7"],.ew-label[data-type="7"],.ew-node[data-type="7"]{--tc:var(--t7)}.ew-arc-value[data-type="8"],.ew-label[data-type="8"],.ew-node[data-type="8"]{--tc:var(--t8)}.ew-arc-value[data-type="9"],.ew-label[data-type="9"],.ew-node[data-type="9"]{--tc:var(--t9)}.ew-view{transform-box:view-box;transform-origin:0 0;transition:transform .75s cubic-bezier(.2,.85,.2,1)}.ew-fig[data-zoom=in]{--ring-w:1.6;--line-w:1.4;overflow:hidden}.ew-fig[data-zoom=in] .ew-label:not(.is-focus):not(.is-wing){opacity:0}.ew-viewframe{fill:none;stroke:var(--ink);stroke-width:5;opacity:0}.ew-inset .ew-viewframe{opacity:.9}.ew-ring{fill:none;stroke:var(--ink);stroke-width:var(--ring-w);opacity:.85}[data-tier=column] .ew-ring{stroke:var(--hair);opacity:1}.ew-ring{stroke-width:calc(var(--ring-w) * .82)}.ew-fig[data-mode=result] .ew-line.is-live,.ew-fig[data-mode=type] .ew-line.is-live{stroke-width:calc(var(--line-w) * 1.15)}.ew-lines{filter:drop-shadow(var(--dx) var(--dy) .6px var(--focus,transparent))}html[data-theme=dark] .ew-lines{filter:drop-shadow(var(--dx) var(--dy) 6px color-mix(in srgb,var(--focus,transparent) 62%,transparent))}.ew-line{fill:none;stroke:var(--ink);stroke-width:var(--line-w);stroke-linecap:round;transition:stroke-width .4s ease,opacity .4s ease}[data-tier=column] .ew-line{stroke:var(--hair)}.ew-fig[data-mode=result] .ew-line:not(.is-live),.ew-fig[data-mode=type] .ew-line:not(.is-live){opacity:.3}.ew-fig[data-mode=triad] .ew-line{opacity:.22}.ew-flow-line{fill:none;stroke:var(--focus,var(--ink));stroke-linecap:round;opacity:0;transition:opacity .45s ease}.ew-flow--growth-base{stroke-width:3}.ew-flow--growth{stroke-width:7;stroke-dasharray:6 94;animation:ew-run 2.6s linear infinite}.ew-flow--stress{stroke-width:3;stroke-dasharray:2 7.5}@keyframes ew-run{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.ew-fig[data-mode=result] .ew-flow-line,.ew-fig[data-mode=type] .ew-flow-line{opacity:1}.ew-fig[data-line=growth] .ew-flow--stress,.ew-fig[data-line=none] .ew-flow-line,.ew-fig[data-line=stress] .ew-flow--growth,.ew-fig[data-line=stress] .ew-flow--growth-base{opacity:0!important}.ew-fig[data-line=both] .ew-flow-line,.ew-fig[data-line=growth] .ew-flow--growth,.ew-fig[data-line=growth] .ew-flow--growth-base,.ew-fig[data-line=stress] .ew-flow--stress{opacity:1!important}.ew-arc-track,.ew-arc-value{fill:none;stroke-width:5;stroke-linecap:butt;opacity:0}.ew-arc-track{stroke:var(--hair-2);transition:opacity .4s}.ew-arc-value{stroke:var(--tc);transition:stroke-dasharray .7s cubic-bezier(.2,.8,.2,1),opacity .4s}.ew-fig[data-mode=result] .ew-arc-track,.ew-fig[data-mode=result] .ew-arc-value,.ew-fig[data-mode=test] .ew-arc-track,.ew-fig[data-mode=test] .ew-arc-value{opacity:1}.ew-fig[data-mode=test] .ew-arc-value{stroke:var(--ink-2)}.ew-node-halo{fill:transparent}.ew-node-dot{fill:var(--bg);stroke:var(--ink);stroke-width:var(--dot-w);r:12;transition:r .45s cubic-bezier(.2,.85,.2,1),fill .35s ease,stroke .35s ease}[data-tier=column] .ew-node-dot{stroke:var(--ink-mut)}.ew-node.is-wing .ew-node-dot{r:13}.ew-node.is-focus .ew-node-dot{r:20;fill:var(--tc);stroke:var(--tc)}html[data-theme=dark] .ew-node.is-focus .ew-node-dot{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--tc) 70%,transparent))}.ew-node.is-second .ew-node-dot{r:16;stroke:var(--tc);stroke-width:4;fill:var(--bg)}.ew-node.is-triad .ew-node-dot{stroke:var(--focus);stroke-width:3}.ew-fig[data-mode=triad] .ew-node:not(.is-triad) .ew-node-dot{opacity:.28}.ew-fig[data-mode=pair] .ew-node.is-pair .ew-node-dot{r:18;fill:var(--tc);stroke:var(--tc)}.ew-node-num{font-family:var(--font-num);font-size:13px;font-weight:600;fill:var(--ink);pointer-events:none;transition:fill .35s ease,font-size .35s ease}.ew-node.is-focus .ew-node-num{fill:var(--on-accent);font-size:17px}.ew-node.is-second .ew-node-num{fill:var(--tc)}.ew-fig[data-mode=pair] .ew-node.is-pair .ew-node-num{fill:var(--on-accent)}.ew-inst-arc{fill:none;stroke-width:4;opacity:0;transition:opacity .45s}.ew-inst--sp{stroke:var(--tc)}.ew-inst--so{stroke:color-mix(in srgb,var(--tc) 55%,var(--bg))}.ew-inst--sx{stroke:color-mix(in srgb,var(--tc) 25%,var(--bg))}.ew-fig[data-mode=instinct] .ew-node.is-focus .ew-inst-arc,.ew-fig[data-mode=result] .ew-node.is-focus .ew-inst-arc{opacity:1}.ew-label{font-family:var(--font-display);font-size:12.5px;font-weight:500;fill:var(--ink-mut);pointer-events:none;transition:fill .4s ease,opacity .4s ease}html[lang^=ja] .ew-label{font-family:var(--font-ja);font-size:13px}.ew-label.is-focus{fill:var(--ink);font-weight:700}.ew-label.is-wing{fill:var(--ink-2)}.ew-ladder-band,.ew-ladder-rail,.ew-ladder-region,.ew-ladder-tick{opacity:0;transition:opacity .5s}.ew-fig[data-mode=level] .ew-ladder-band,.ew-fig[data-mode=level] .ew-ladder-rail,.ew-fig[data-mode=level] .ew-ladder-region,.ew-fig[data-mode=level] .ew-ladder-tick,.ew-fig[data-mode=result] .ew-ladder-band,.ew-fig[data-mode=result] .ew-ladder-rail,.ew-fig[data-mode=result] .ew-ladder-region,.ew-fig[data-mode=result] .ew-ladder-tick{opacity:1}.ew-ladder-rail{stroke:var(--hair);stroke-width:1.2}.ew-ladder-tick{stroke:var(--hair);stroke-width:1.5;stroke-linecap:round}.ew-ladder-tick.is-in{stroke:var(--focus)}.ew-ladder-band{stroke:var(--focus);stroke-width:6;stroke-linecap:butt}.ew-ladder-region{stroke:var(--focus);stroke-width:8;stroke-linecap:butt}.ew-fig[data-mode=level] .ew-ladder-band,.ew-fig[data-mode=result] .ew-ladder-band{opacity:.3}.ew-wing-arc{fill:none;stroke:var(--focus);stroke-width:7;stroke-linecap:round;opacity:0;transition:opacity .4s,stroke-width .4s}.ew-wing-mark{fill:var(--ink);stroke:var(--bg);stroke-width:2.5;opacity:0;transition:cx .6s cubic-bezier(.15,.9,.2,1),cy .6s cubic-bezier(.15,.9,.2,1),opacity .4s,r .4s}.ew-fig[data-mode=wing] .ew-wing-arc{opacity:.32}.ew-fig[data-mode=wing] .ew-wing-mark{opacity:1}.ew-fig[data-mode=result][data-wing-state=set] .ew-wing-arc{opacity:.32}.ew-fig[data-mode=result][data-wing-state=set] .ew-wing-mark{opacity:1}.ew-fig[data-wing-state=even] .ew-wing-arc{opacity:.55;stroke-width:11}.ew-fig[data-wing-state=even] .ew-wing-mark{r:4;opacity:.5}.ew-fig[data-mode=result][data-wing-state=even] .ew-wing-arc{opacity:.5}.ew-pair-chord{fill:none;stroke:var(--ink-2);stroke-width:2.4;stroke-linecap:round;opacity:0}.ew-fig[data-mode=pair] .ew-pair-chord,.ew-fig[data-second] .ew-pair-chord{opacity:1}.ew-fig[data-chord=confusion] .ew-pair-chord{stroke-dasharray:5 6;stroke:var(--ink-mut)}.ew-field{opacity:0;transition:opacity .55s;pointer-events:none}.ew-fig[data-field] .ew-field{opacity:1}.ew-field-arc{fill:none;stroke:var(--focus);stroke-width:40;stroke-linecap:round;filter:blur(14px);opacity:.45}.ew-field-core{fill:var(--focus);filter:blur(12px);opacity:.5}.ew-field-rim{fill:none;stroke:var(--focus);stroke-width:2;stroke-dasharray:3 5;opacity:.55}.ew-fig[data-field] .ew-pair-chord{opacity:0!important}.ew-fig[data-field] .ew-node.is-second .ew-node-dot{stroke-width:2;opacity:.5}.ew-fig[data-field] .ew-node.is-focus .ew-node-dot{r:17}@media (max-width:700px){.ew-view{transform:none!important}.ew-node-halo{r:40}}@keyframes ew-draw-ring{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes ew-land{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.ew-fig[data-mode=result] .ew-ring{stroke-dasharray:100;animation:ew-draw-ring .76s cubic-bezier(.2,.8,.2,1) both}.ew-fig[data-mode=result] .ew-node.is-focus .ew-node-dot{transform-box:fill-box;transform-origin:50% 50%;animation:ew-land .42s cubic-bezier(.2,.9,.2,1) .62s both}.ew-fig[data-mode=result] .ew-ladder-band,.ew-fig[data-mode=result] .ew-ladder-tick{animation:ew-fade-in .5s ease .98s both}@keyframes ew-fade-in{0%{opacity:0}}