.avatar-photo{color:var(--color-fg-strong);display:block}.avatar-photo--face{border-radius:50%;width:100%;height:100%}.avatar-photo--roster{width:var(--photo-roster-size);height:var(--photo-roster-size);border-radius:50%}.avatar-photo--square{width:var(--account-photo-size);height:var(--account-photo-size)}.avatar-photo-cheki{--cheki-edge:var(--space-2);--cheki-bottom:calc(var(--space-2) * 4);box-sizing:border-box;width:var(--photo-cheki-width);padding:var(--cheki-edge) var(--cheki-edge) var(--cheki-bottom);background:var(--color-bg);border:var(--stroke-2) solid var(--color-border-strong);color:var(--color-fg-strong);position:relative}.avatar-photo-cheki .avatar-photo--square{width:calc(var(--photo-cheki-width) - var(--cheki-edge) * 2 - var(--stroke-2) * 2);aspect-ratio:1;outline:var(--stroke-2) solid var(--color-border-strong);height:auto}.avatar-photo-cheki--none{--cheki-edge:0px;--cheki-bottom:0px}.avatar-photo-cheki--none .avatar-photo--square{outline:none}.avatar-photo-cheki--tape:before,.avatar-photo-cheki--tape:after{content:"";top:calc(var(--space-2) * -1);width:calc(var(--space-2) * 5);height:calc(var(--space-2) * 2);background:color-mix(in srgb, var(--color-now) 70%, transparent);position:absolute}.avatar-photo-cheki--tape:before{left:calc(var(--space-2) * -1);transform:rotate(-35deg)}.avatar-photo-cheki--tape:after{right:calc(var(--space-2) * -1);transform:rotate(35deg)}.avatar-photo-cheki__stars{left:var(--space-2);right:var(--space-2);bottom:var(--space-1);width:calc(100% - var(--space-2) * 2);height:calc(var(--space-2) * 2);position:absolute}.avatar-photo-cheki--cell{border:var(--stroke-3) solid var(--color-border-strong);border-radius:var(--radius-blob)}.avatar-photo__stamp{right:calc(var(--cheki-edge) + var(--space-1));bottom:calc(var(--cheki-bottom) + var(--space-1));width:calc(var(--space-2) * 4);height:calc(var(--space-2) * 4);position:absolute}.avatar{color:var(--color-fg-strong);aspect-ratio:80/96}.avatar--side{height:var(--avatar-size-side);width:auto}.avatar--drawer{height:var(--avatar-size-drawer);width:auto}.avatar--mirror{height:var(--avatar-size-mirror);width:auto}.avatar--levelup{height:var(--avatar-size-levelup);width:auto}.avatar--walker{width:var(--walker-width);height:auto}.explain{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);color:var(--color-fg);border:var(--stroke-2) solid var(--color-border-strong);border-radius:var(--radius-hand);grid-template-columns:minmax(0,1fr);display:grid}.explain__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.explain__language{align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-muted-fg);display:inline-flex}.explain__language select{max-width:12em;padding:var(--space-1) var(--space-2);color:var(--color-fg);background:var(--color-bg);border:var(--stroke-2) solid var(--color-border);border-radius:var(--radius-hand)}@media (width<=767px){.explain__language select{min-height:var(--button-min-height)}}.explain__subject{padding:var(--space-1) var(--space-3);color:var(--color-fg-strong);font-size:var(--text-small);font-weight:var(--text-strong-weight);line-height:var(--text-small-line);border-radius:var(--radius-hand)}.explain__title{font-family:var(--font-hand);font-size:var(--text-title);font-weight:var(--text-title-weight);line-height:var(--text-title-line);color:var(--color-fg-strong);margin:0}.explain__title:focus-visible{outline:var(--stroke-3) solid var(--color-focus-ring);outline-offset:0}.explain__approved{padding:var(--space-1) var(--space-3);background:var(--color-done);color:var(--color-fg-strong);font-size:var(--text-small);font-weight:var(--text-strong-weight);line-height:var(--text-small-line);border-radius:var(--radius-hand)}.explain__problem-label{margin:0 0 var(--space-1);font-size:var(--text-small);color:var(--color-muted-fg)}.explain__problem-box{box-sizing:content-box;padding:var(--space-3);border:var(--stroke-2) solid var(--color-border);border-radius:var(--radius-hand);font-size:var(--text-body);line-height:var(--text-body-line);overflow-wrap:anywhere}.explain__problem-box p,.explain__status p{margin:0}.explain__step-text{font-family:var(--font-hand);font-size:var(--text-title);line-height:var(--text-title-line);color:var(--color-fg-strong)}.explain__note{font-size:var(--text-body);line-height:var(--text-body-line);color:var(--color-fg);margin-top:var(--space-2)!important}.explain__dots{align-items:center;gap:var(--space-3);margin:var(--space-2) 0 0;font-size:var(--text-small);color:var(--color-muted-fg);display:flex}.explain__dot{min-width:1.4em;margin-right:var(--space-1);text-align:center;color:var(--color-fg);border-radius:50%;display:inline-block}.explain__dot.is-now{background:var(--color-now);color:var(--color-fg-strong)}.explain__dot.is-done{background:var(--color-done);color:var(--color-fg-strong)}.explain__work{gap:var(--space-3);align-content:start;min-width:0;display:grid}.explain__figure{min-width:0}.explain__figure svg{width:100%;height:auto;display:block}.explain__reading{gap:var(--space-2);font-size:var(--text-body);display:grid}.explain__reading-row{align-items:center;gap:var(--space-2);grid-template-columns:2em minmax(0,1fr) 9em;display:grid}.explain__bar{height:var(--space-4);border:var(--stroke-2) solid var(--color-border);border-radius:var(--radius-slot);display:block;overflow:hidden}.explain__bar-fill{background:var(--color-figure-weight);transform-origin:0;height:100%;transition:transform var(--duration-walk) var(--ease-in-out);display:block}.explain__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.explain__choice-label{font-size:var(--text-body);color:var(--color-fg-strong)}.explain__play{margin-left:auto}.explain__conclusion{padding:var(--space-3);border-left:var(--stroke-4) solid var(--color-done)}.explain__conclusion h3{margin:0 0 var(--space-1);font-size:var(--text-body);color:var(--color-fg-strong)}.explain__conclusion p{font-size:var(--text-body);line-height:var(--text-body-line);margin:0}.explain__retake{justify-self:start}.lever__beam,.lever__weight-hang{transition:transform var(--duration-walk) var(--ease-in-out)}.moon{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.explain__figure .moon__svg{touch-action:none;flex:200px;width:auto;min-width:0}.moon__orbit,.moon__body{transition:transform var(--duration-walk) var(--ease-in-out);cursor:grab}.moon__svg.is-dragging .moon__orbit,.moon__svg.is-dragging .moon__body{cursor:grabbing;transition:none}.moon__earth-view{padding:var(--space-2);text-align:center;border:var(--stroke-2) solid var(--color-border);border-radius:var(--radius-hand);flex:0 0 130px}.moon__earth-view-title,.moon__shape-name{font-size:var(--text-small);line-height:var(--text-small-line);color:var(--color-fg-strong);margin:0}.explain__figure .moon__shape{width:80px;height:80px;margin:var(--space-1) auto}@media (width>=768px){.explain{column-gap:var(--space-6);padding:var(--space-3);grid-template-rows:repeat(4,auto) 1fr;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;row-gap:0}.explain__problem-box{padding:var(--space-2)}.explain>*{margin-top:var(--space-2);grid-column:1}.explain>:first-child{margin-top:0}.explain__head{grid-row:1}.explain__problem{grid-row:2}.explain__steps{grid-row:3}.explain__conclusion{grid-row:4}.explain__retake{grid-row:5;align-self:end}.explain__work{grid-area:1/2/span 5;margin-top:0}.explain__problem-box{max-height:calc(var(--text-body-line) * 5em);overflow-y:auto}.explain__figure,.explain__figure .lever{height:300px}.moon{flex-wrap:nowrap;height:300px}.explain__figure .moon__svg{height:300px}}@media (prefers-reduced-motion:reduce){.lever__beam,.lever__weight-hang,.moon__orbit,.moon__body,.explain__bar-fill{transition:none}}.print{box-sizing:border-box;gap:var(--space-3);min-height:100svh;padding:var(--space-4);background:var(--color-bg);color:var(--color-fg);flex-direction:column;display:flex}.print__bar{justify-content:space-between;align-items:center;gap:0 var(--space-3);width:100%;max-width:var(--content-max-width);flex-wrap:wrap;min-height:48px;margin:0 auto;display:flex}.print__bar:after{content:"";flex-basis:100%;order:2}.print__back{margin-right:calc(var(--corner-reserve) - var(--space-4));order:1;grid-area:back}.print__title{margin:var(--space-2) 0 0;font-family:var(--font-hand);font-size:var(--text-title);font-weight:var(--text-title-weight);line-height:var(--text-title-line);color:var(--color-fg-strong);order:3;grid-area:title}.print__steps{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;order:3;grid-area:steps;padding:0;list-style:none;display:flex}.print__count{font-family:var(--font-hand);font-size:var(--text-body);color:var(--color-fg-strong);grid-area:count}.print-step{align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-hand);font-size:var(--text-small);line-height:var(--text-small-line);color:var(--color-muted-fg);display:inline-flex}.print-step[data-state=now]{background:var(--color-now);color:var(--color-fg-strong);font-weight:800}.print-step[data-state=done]{color:var(--color-fg)}.print-step:not([data-state=now]) .print-step__name{display:none}.print__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.print__file{display:none}.print__main{box-sizing:border-box;gap:var(--space-4);width:100%;max-width:var(--content-max-width);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.print__main p{margin:0}.print__class{font-family:var(--font-hand);font-size:var(--text-body);line-height:var(--text-body-line);color:var(--color-fg-strong);margin:0}.print__actions{gap:var(--space-2);justify-items:stretch;display:grid}.print__alert{font-size:var(--text-body);line-height:var(--text-body-line);color:var(--color-fg-strong)}.print-take{text-align:center;justify-content:center;align-items:center}.print-take__art{width:120px;height:auto;color:var(--color-fg-strong)}.print-take__lead{font-family:var(--font-hand);font-size:var(--text-title);line-height:var(--text-title-line);color:var(--color-fg-strong)}.print-take__note{font-size:var(--text-body);line-height:var(--text-body-line);color:var(--color-muted-fg)}.print-take .print__actions{width:min(100%,360px)}.print-take{justify-content:flex-start}.print-take .print__actions{margin-top:auto}.print-lasso{--lasso-max-h:55svh}.print-lasso__side{align-content:start;gap:var(--space-3);display:grid}.print-lasso__lead{font-family:var(--font-hand);font-size:var(--text-title);line-height:var(--text-title-line);color:var(--color-fg-strong)}.print-lasso__note{font-size:var(--text-body);line-height:var(--text-body-line)}.lasso{border-radius:var(--radius-hand);justify-content:center;min-width:0;display:flex}.lasso:focus-visible{outline:var(--stroke-3) solid var(--color-focus-ring);outline-offset:0}.lasso__desc{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lasso__stage{max-width:100%;line-height:0;display:inline-block;position:relative}.lasso__img{max-width:100%;max-height:var(--lasso-max-h,55svh);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.lasso__svg{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.lasso__dim{fill:var(--color-scrim)}.lasso__edge,.lasso__line{fill:none;stroke-linejoin:round;stroke-linecap:round}.lasso__edge{stroke:var(--color-border-strong);stroke-width:10px}.lasso__line{stroke:var(--color-figure-lasso);stroke-width:6px}.lasso__handle{box-sizing:border-box;border:var(--stroke-2) solid var(--color-border-strong);background:var(--color-figure-lasso);pointer-events:none;border-radius:50%;width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.print-wait{text-align:center;justify-content:center;align-items:center}.print-wait__thumb{border:var(--stroke-2) solid var(--color-border);border-radius:var(--radius-hand);max-width:100%;max-height:160px}.print-wait__lead{font-family:var(--font-hand);font-size:var(--text-title);line-height:var(--text-title-line);color:var(--color-fg-strong)}.print-wait__note{font-size:var(--text-body);color:var(--color-muted-fg)}.print-wait .print__actions{width:min(100%,360px)}.print-explain{gap:var(--space-6)}.print-explain__note{font-size:var(--text-body);line-height:var(--text-body-line)}.print-explain__nav{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width>=768px){.print{gap:var(--space-2);height:100dvh;padding-block:var(--space-2);overflow:hidden}.print__bar{padding-right:calc(var(--corner-reserve) - var(--space-4));grid-template-columns:auto auto auto 1fr;grid-template-areas:"back title steps count";display:grid}.print__bar:after{display:none}.print__back{margin-right:0}.print__title,.print__steps{margin-top:0}.print__count{white-space:nowrap;grid-area:count;justify-self:start}.print__bar{column-gap:var(--space-2)}.print__title{white-space:nowrap}.print-take{justify-content:center}.print-take .print__actions{margin-top:0}.print-take__art{width:160px}.print-lasso{--lasso-max-h:calc(100dvh - 48px - 32px - var(--space-3) - var(--space-4));gap:var(--space-4);grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;display:grid}.print-wait__thumb{max-height:240px}.print-explain{gap:var(--space-3)}.print-explain__nav{margin-top:auto}}@media (width>=1024px){.print-step:not([data-state=now]) .print-step__name{display:inline}}