.mx{display:block}html:not(.js) .mx .mx-open{display:none}.mx .mx-open{all:unset;box-sizing:border-box;border:var(--frame-w) solid var(--frame-c);border-radius:var(--frame-r);background:var(--sheet);width:100%;box-shadow:var(--frame-sh);cursor:pointer;transition:border-color var(--t-2) var(--ease-out);align-items:center;gap:14px;padding:14px 18px 14px 14px;display:flex}.mx .mx-open:hover{border-color:var(--line)}.mx .mx-open:focus-visible{outline:2px solid var(--line);outline-offset:3px}.mx .mx-open[hidden]{display:none}.mx-open-ic{border-radius:var(--r-btn);background:var(--line);width:46px;height:46px;color:var(--on-ink);flex:none;place-items:center;display:grid}.mx-open-ic svg{fill:currentColor;width:18px;height:18px;margin-left:2px}.mx-open-tx{gap:2px;min-width:0;display:grid}.mx-open-t{font:700 1.04rem/1.4 var(--f-kr);color:var(--ink)}.mx-open-d{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:600}.mx-open-s{font:400 .92rem/1.5 var(--f-kr);color:var(--ink-2)}.mx-player,.mx-static{border:var(--frame-w) solid var(--frame-c);border-radius:var(--frame-r);background:var(--sheet);box-shadow:var(--frame-sh);overflow:hidden;container-type:inline-size}@media (width>=1241px){.mx-player{margin-right:calc(-1 * min(18vw, 260px, 50vw + var(--maxw) / 2 - var(--gutter) - 276px - var(--readw) - 16px))}}.mx-static:focus{outline:none}.mx-top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 18px;display:flex}.mx-top-r{flex:none;gap:6px;display:flex}.mx .mx-x.mx-voice{align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex}.mx-voice svg{width:18px;height:18px}.mx .mx-x.mx-voice[data-on="1"]{border-color:var(--line);color:var(--line);background:var(--line-soft)}.mx-voice[data-on="1"] .i-off,.mx-voice[data-on="0"] .i-on{display:none}.mx-ttl{font:600 .92rem/1.4 var(--f-kr);color:var(--ink);min-width:0}.mx-tag{color:var(--line);margin-right:4px}.mx .mx-x{all:unset;box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-btn);min-height:36px;font:600 .88rem/1 var(--f-kr);color:var(--ink-2);cursor:pointer;flex:none;place-items:center;padding:0 14px;display:inline-grid}.mx .mx-x:hover{border-color:var(--line);color:var(--line)}.mx .mx-x:focus-visible{outline:2px solid var(--line);outline-offset:2px}.mx-screen{position:relative}.mx-stage{visibility:hidden;gap:24px;padding:22px 26px 6px;display:grid}.mx-stage.is-ready{visibility:visible}.mx-head{gap:6px;display:grid}.mx-ebs,.mx-caps,.mx-val,.mx-body{display:grid}.mx-ebs>*,.mx-caps>*,.mx-val>*,.mx-body>*{grid-area:1/1}.mx .ln{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.mx .ln>span{display:inline-block}.mx-eb{font:600 .84rem/1.3 var(--f-kr);color:var(--line)}.mx-h{font:700 calc(clamp(1.22rem, .92rem + 1.7cqi, 1.72rem) * var(--reader-scale)) / 1.32 var(--f-kr);letter-spacing:-.02em;color:var(--ink)}.mx-s{font:500 calc(1rem * var(--reader-scale)) / 1.55 var(--f-kr);color:var(--ink-2);margin-top:4px}.mx-body{align-items:center}.mx-rows{gap:16px;display:grid}.mx-row{grid-template-columns:8.6rem minmax(0,1fr) 6.2rem;align-items:center;column-gap:20px;display:grid}.mx-row.is-dim{opacity:.38}.mx-k{font:600 .95rem/1.35 var(--f-kr);color:var(--ink-2)}.mx-val{text-align:right;font:700 1.1rem/1.25 var(--f-kr);color:var(--ink);font-variant-numeric:tabular-nums;justify-items:end}.mx .warn{color:var(--warn)}.mx-axis{height:1.2em;font:500 .76rem/1.2 var(--f-kr);color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:5px;position:relative}.mx-axis span{white-space:nowrap;position:absolute;top:0;translate:-50%}.mx-axis span:first-child{translate:0}.mx-axis span:last-child{translate:-100%}.mx-axis .mx-ax-goal{color:var(--ink);font-weight:700}.mx-bar{border-radius:var(--r-chip);background:var(--rule-2);height:10px;box-shadow:inset 0 0 0 1px var(--rule);position:relative}.mx-fill{border-radius:inherit;background:var(--line);transform-origin:0;position:absolute;inset:0}.mx-n{text-align:center;border:1.5px solid var(--ink);border-radius:var(--r-card);background:var(--sheet);align-content:center;gap:3px;padding:12px 10px;display:grid}.mx-n b{font:700 1rem/1.3 var(--f-kr);color:var(--ink)}.mx-n span{font:500 .84rem/1.35 var(--f-kr);color:var(--ink-2)}.mx-n--in{border-style:dashed;border-color:var(--ink-3)}.mx-arw{color:var(--ink-3);place-items:center;display:grid}.mx-arw svg{width:20px;height:20px}.mx-ask{text-align:center;background:var(--sheet);border:var(--frame-w) solid var(--frame-c);border-radius:var(--r-card);box-shadow:var(--shadow);animation:mxIn .35s var(--ease-out);justify-items:center;gap:12px;padding:18px 16px;display:grid;position:absolute;bottom:56px;left:18px;right:18px}.mx-ask-q{font:700 1.08rem/1.4 var(--f-kr);color:var(--ink)}.mx-ask-b{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@keyframes mxIn{0%{opacity:0;translate:0 8px}}.mx-note{min-height:3.2em;font:500 .95rem/1.55 var(--f-kr);color:var(--ink-2);padding:6px 26px 12px}.mx-ctl{border-top:1px solid var(--rule);align-items:center;gap:8px;padding:10px 12px;display:flex}.mx .mx-ib{all:unset;box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-btn);min-width:44px;height:44px;color:var(--ink);font:600 .9rem/1 var(--f-kr);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.mx .mx-ib:hover{border-color:var(--line);color:var(--line)}.mx .mx-ib:focus-visible{outline:2px solid var(--line);outline-offset:2px}.mx-ib svg{flex:none;width:18px;height:18px}.mx [data-play]{padding:0}.mx [data-play] svg{display:none}.mx [data-play][data-icon=play] .i-play,.mx [data-play][data-icon=pause] .i-pause,.mx [data-play][data-icon=again] .i-again{display:block}.mx-dots{flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.mx .mx-dots button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:6px;place-items:center;width:28px;height:36px;display:grid}.mx .mx-dots button:focus-visible{outline:2px solid var(--line);outline-offset:0}.mx-dots i{background:var(--rule);width:8px;height:8px;transition:width var(--t-3) var(--ease-out), background var(--t-3) var(--ease-out);border-radius:99px;display:block}.mx-dots button.done i{background:var(--ink-3)}.mx-dots button[aria-current=step] i{background:var(--line);width:22px}.mx-next{flex:none;justify-content:center}:root[data-look=mascot] .mx .mx-next.btn--solid,:root[data-look=mascot] .mx .mx-next.btn--solid:hover{color:#fff}.mx .mx-ctl>.mx-next.btn{min-height:44px;padding:8px 16px;font-size:.95rem}.mx-sp{border-bottom:1px solid var(--rule);gap:14px;padding:20px 22px;display:grid}.mx-sp-h{font:700 1.1rem/1.45 var(--f-kr);color:var(--ink)}.mx-sp-b>*+*{margin-top:14px}.mx-sp-b>summary{cursor:pointer;width:fit-content;list-style:none}.mx-sp-b>summary::-webkit-details-marker{display:none}.mx-sp-c{font:400 1rem/1.6 var(--f-kr);color:var(--ink-2);gap:4px;display:grid}.mx-sp-c b{color:var(--ink);font-weight:700}.mx-sp-k{color:var(--line);font-weight:700}.mx-sp-go{padding:18px 22px}.mx .mx-say{all:unset;box-sizing:border-box;border:1px solid var(--rule);border-radius:var(--r-btn);min-height:36px;font:600 .88rem/1 var(--f-kr);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.mx .mx-say:hover,.mx .mx-say[aria-pressed=true]{border-color:var(--line);color:var(--line)}.mx .mx-say:focus-visible{outline:2px solid var(--line);outline-offset:2px}.mx-script{font:400 .92rem/1.7 var(--f-kr);color:var(--ink-2);margin-top:10px}.mx-script summary{cursor:pointer;width:fit-content;color:var(--ink-2);font-weight:600}.mx-script summary:hover{color:var(--line)}.mx-script ol{gap:6px;margin:10px 0 0;display:grid}.mx-script b{color:var(--ink)}.mx-script em{color:var(--line);font-style:normal;font-weight:600}.mx-script-note{color:var(--ink-3);margin-top:8px;font-size:.82rem}@container (width<=560px){.mx-stage{gap:18px;padding:18px 16px 4px}.mx-rows{gap:14px}.mx-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k val""v v";row-gap:6px}.mx-row>.mx-k{grid-area:k;font-size:1rem}.mx-row>.mx-v{grid-area:v}.mx-row>.mx-val{grid-area:val;font-size:1.12rem}.mx-axis .mx-ax-minor{display:none}.mx-n{padding:9px 10px}.mx-top{padding-left:14px}.mx-player .mx-tag{display:none}.mx-ask{bottom:64px;left:12px;right:12px}.mx-note{padding:6px 16px 12px}.mx-ctl{flex-wrap:wrap}.mx-ib-l{display:none}.mx .mx-ib--t{padding:0}.mx .mx-ctl>.mx-next.btn{flex:1 0 100%;min-height:46px}.mx-sp{padding:18px 16px}}