.sx-head{padding-top:12px;align-items:center}.sx-head .page-title{font-size:clamp(22px,2.3vw,30px)}.sx-sub{margin-left:10px;font-size:.52em;font-weight:600;letter-spacing:-.005em;color:var(--muted);white-space:normal}.sx-chips{flex-wrap:wrap;justify-content:flex-end}.sx-chips .chip{padding:3px 10px;font-size:12.5px}.sx{--stage-min:320px}.sx-body{display:flex;flex-direction:column;gap:14px;min-width:0;container-type:inline-size}.sx-a,.sx-b,.sx-c{display:grid;gap:14px;align-content:start;min-width:0}.sx-coach{display:none}.sx-about{font-size:14px;line-height:1.55;display:grid;gap:8px}.sx-when b{margin-right:4px}.sx-about[data-open="0"] .sx-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.sx-about[data-open="0"] .sx-when{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--muted)}.sx-more{justify-self:start;border:0;background:none;padding:0;color:var(--accent);font-weight:600;font-size:13px;cursor:pointer}.sx-notes .callout{padding:10px 12px;font-size:13.5px;gap:10px}.sx-notes{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.sx-inputs{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:4px}.sx-input{min-width:0;max-width:100%}.sx-input .input{width:92px;padding:7px 10px}@media (min-width:760px){.sx-stage .sv-top{position:absolute;inset:0 0 auto 0}}.sx-stage .sv-bot{min-height:48px;padding-top:2px}.sx-exgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.sx-ex{display:grid;gap:6px;padding:8px;align-content:start}.sx-ex-lock{min-height:200px}@container (min-width: 430px){.sx-detail{grid-template-columns:auto 1fr auto 1fr auto 1fr!important}.sx-detail>.col-span-2{grid-column:1/-1}}@media (max-width:759.98px){.sx{--stage-h:min(138vw,60vh)}.sx-head{flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding-top:10px}.sx-head>*{min-width:0;max-width:100%}.sx-head .page-title{font-size:23px}.sx-sub{display:block;margin:2px 0 0;font-size:14px}.sx-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.sx-a,.sx-b,.sx-c{display:contents}.sx-stage{order:1}.sx-bar{order:2}.sx-calc{order:3}.sx-detail{order:4}.sx-about{order:5}.sx-voice{order:6}.sx-notes{order:7}.sx-tabs{order:8}.sx-exgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}[data-page=system][data-layout="4"] .sx-about{order:0}[data-page=system][data-layout="3"] .sx-tabs{order:2}[data-page=system][data-layout="3"] .sx-exgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}[data-page=system][data-layout="3"] .sx-ex{flex:0 0 104px;scroll-snap-align:start}[data-page=system][data-layout="5"] .sx{--stage-h:min(150vw,70vh)}}@media (min-width:760px) and (max-width:1023.98px){.sx{--stage-h:clamp(420px,calc(100vh - 240px),640px)}.sx-body{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1fr);grid-template-areas:"a b" "c c";align-items:start}.sx-a{grid-area:a}.sx-b{grid-area:b}.sx-c{grid-area:c}.sx-a,.sx-b,.sx-c{container-type:inline-size}}@media (min-width:1024px){.sx-a,.sx-b,.sx-c{container-type:inline-size}.sx-body{display:grid;align-items:start}.sx-a{grid-area:a}.sx-b{grid-area:b}.sx-c{grid-area:c}[data-layout="1"] .sx{--stage-h:clamp(420px,calc(100vh - 236px),700px)}[data-layout="1"] .sx-body{grid-template-columns:minmax(340px,460px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"a b" "a c";column-gap:18px}[data-layout="1"] .sx-bar{order:1}[data-layout="1"] .sx-calc{order:2}[data-layout="1"] .sx-about{order:3}[data-layout="1"] .sx-voice{order:4}#pg[data-layout="2"] .sx-wrap,#pg[data-layout="3"] .sx-wrap{max-width:1480px}[data-layout="2"] .sx{--stage-h:clamp(440px,calc(100vh - 236px),720px)}[data-layout="2"] .sx-body{grid-template-columns:minmax(280px,1fr) minmax(320px,440px) minmax(250px,1fr);grid-template-areas:"b a c";column-gap:16px}[data-layout="2"] .sx-c,[data-layout="3"] .sx-c{position:sticky;top:72px;max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}[data-layout="2"] .sx-tabs,[data-layout="3"] .sx-tabs{order:-1}[data-layout="2"] .sx-exgrid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}[data-layout="3"] .sx{--stage-h:clamp(440px,calc(100vh - 236px),720px)}[data-layout="3"] .sx-body{grid-template-columns:minmax(220px,270px) minmax(320px,440px) minmax(0,1fr);grid-template-areas:"c a b";column-gap:16px}[data-layout="3"] .sx-exgrid{grid-template-columns:1fr;gap:6px}[data-layout="3"] .sx-ex{grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:6px 8px;align-items:center}[data-layout="3"] .sx-ex:hover{transform:none}[data-layout="3"] .sx-ex-fig{grid-row:1/span 2;width:38px}[data-layout="3"] .sx-ex-t{font-size:12.5px;line-height:1.3}[data-layout="3"] .sx-ex-lock{min-height:56px}[data-layout="2"] .sx-tabbar,[data-layout="3"] .sx-tabbar{flex-wrap:wrap;overflow:visible}[data-layout="2"] .sx-tabbar button,[data-layout="3"] .sx-tabbar button{padding:6px 8px;font-size:13px}[data-layout="2"] .sx-corr,[data-layout="2"] .sx-notes,[data-layout="2"] .sx-num,[data-layout="2"] .sx-prac,[data-layout="3"] .sx-corr,[data-layout="3"] .sx-notes,[data-layout="3"] .sx-num,[data-layout="3"] .sx-prac{grid-template-columns:minmax(0,1fr)}[data-layout="4"] .sx{--stage-h:clamp(340px,calc(100vh - 330px),540px)}[data-layout="4"] .sx-body{grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-rows:auto 1fr;grid-template-areas:"b a" "c a";column-gap:24px}[data-layout="4"] .sx-a{position:sticky;top:72px;max-height:calc(100vh - 84px);overflow-y:auto;scrollbar-width:thin}[data-layout="4"] .sx-about{font-size:15.5px;padding:18px 20px}[data-layout="4"] .sx-about .sx-intro,[data-layout="4"] .sx-about .sx-when{display:block;overflow:visible;color:inherit}[data-layout="4"] .sx-more{display:none}[data-layout="4"] .sx-when{border-top:1px solid var(--line);padding-top:10px}[data-layout="4"] .sx-when b{display:block;margin-bottom:2px}[data-layout="5"] .sx{--stage-h:clamp(460px,calc(100vh - 232px),860px)}[data-layout="5"] .sx-body{grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-areas:"stage stage" "detail c";column-gap:18px}[data-layout="5"] .sx-a{display:contents}[data-layout="5"] .sx-stage{grid-area:stage}[data-layout="5"] .sx-detail{grid-area:detail}[data-layout="5"] .sx-b,[data-layout="5"] .sx-coach{grid-area:stage;z-index:5;justify-self:end}[data-layout="5"] .sx-b{align-self:start;width:min(360px,32%);margin:54px 12px 0 0;max-height:calc(var(--stage-h) - 104px);overflow-y:auto;scrollbar-width:thin;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 18px 50px -24px rgba(0,0,0,.45)}[data-layout="5"] .sx-b .panel{background:color-mix(in srgb,var(--surface) 88%,transparent)}[data-layout="5"] .sx-coach{display:inline-flex;align-self:end;margin:0 12px 64px 0;padding:6px 12px;font-size:13px}[data-layout="5"] .sx[data-coach=off] .sx-b{display:none}[data-layout="5"] .sx-about[data-open="0"] .sx-intro{-webkit-line-clamp:2;line-clamp:2}[data-layout="5"] .sx-bar{order:1}[data-layout="5"] .sx-calc{order:2}[data-layout="5"] .sx-about{order:3}[data-layout="5"] .sx-voice{order:4}}@media (max-width:759.98px){.mx-stage .sv-top .seg button,.sx-stage .sv-top .seg button{padding:4px 7px;font-size:12px}.mx-stage .sv-top,.sx-stage .sv-top{gap:6px;padding:8px 8px 0;flex-wrap:nowrap}.mx-stage .sv-top>*,.sx-stage .sv-top>*{flex-shrink:0}}