.ruler{outline-offset:6px;border-radius:12px;min-width:0;max-width:100%;height:56px;position:relative}.ruler-track{scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;align-items:flex-end;height:100%;padding-inline:calc(50% - 7px);display:flex;overflow-x:auto}.ruler-track::-webkit-scrollbar{display:none}.ruler-track.dragging{cursor:grabbing;scroll-snap-type:none}.ruler-track i{scroll-snap-align:center;opacity:.3;background:linear-gradient(currentColor,currentColor) bottom/2px 15px no-repeat;flex:none;width:14px;height:44px}.ruler-track i.major{opacity:.85;background-size:2px 24px}.ruler-mark{background:var(--brand);pointer-events:none;border-radius:2px;width:3px;height:34px;margin-left:-1.5px;position:absolute;bottom:0;left:50%}.ruler-mark.tick{animation:tick .18s var(--ease)}@keyframes tick{40%{transform:scaleY(1.18)}}.ruler-mark{transform-origin:50% 100%}.ruler-mark:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:-10px;left:-1.5px}.call-grid{gap:var(--s-7);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.call-line{justify-content:space-between;align-items:flex-start;gap:var(--s-4);display:flex}.call-fit{flex:1;min-width:0;container-type:inline-size}.call-title{white-space:nowrap;font-size:clamp(20px,15cqw,46px);line-height:.98}.call-reason{margin-top:var(--s-4);color:var(--mute-night);min-height:4.5em;font-size:16px}.call .swap{animation:swap .32s var(--ease) both}@keyframes swap{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}.call-row output{transition:color .2s var(--ease)}.call-grid>*{min-width:0}.call-ctl{gap:var(--s-3);display:grid}.call-row{justify-content:space-between;align-items:baseline;display:flex}.call-row output{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--brand);font-size:28px;font-weight:500}.five{gap:var(--s-2);grid-template-columns:repeat(5,1fr);display:grid}.five button{background:var(--ink-3);height:44px;transition:background .2s var(--ease), color .2s var(--ease), scale .15s var(--ease);border-radius:99px;font-size:15px;font-weight:500}.five button:not([aria-pressed=true]):hover{background:color-mix(in srgb, var(--text-night) 18%, var(--ink))}.five button:active{scale:.94}.five button[aria-pressed=true]{background:var(--text-night);color:var(--ink)}@media (width<=860px){.call-grid{gap:var(--s-6);grid-template-columns:1fr}.call-line{gap:var(--s-5);flex-direction:column-reverse}.call-fit{flex:none;width:100%}}.chart{touch-action:pan-y;cursor:crosshair;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.tip{padding:var(--s-3) var(--s-4);background:var(--text-night);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:12px;font-size:14px;line-height:1.3;position:absolute;top:0;left:0;translate:-50% -100%}.tip b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;display:block}.legend{gap:var(--s-5);display:flex}.legend span{align-items:center;gap:var(--s-2);display:flex}.legend i{background:var(--brand);border-radius:2px;width:14px;height:3px}.legend .dots-key i{background:var(--mute-night);border-radius:50%;width:6px;height:6px}@media (width<=860px){.tip{padding:var(--s-2) var(--s-3);border-radius:10px;font-size:12px}.tip b{font-size:17px}}.axes{gap:var(--s-5);flex-direction:column;display:flex}.axes ol{gap:var(--s-5);padding:0;list-style:none;display:grid}.axes li{gap:var(--s-4);grid-template-columns:32px 1fr auto;align-items:start;display:grid}.axes .rank{background:var(--text-night);width:32px;height:32px;color:var(--ink);font:500 13px var(--f-mono);border-radius:50%;place-items:center;display:grid}.axes b{letter-spacing:-.01em;font-size:18px;font-weight:500;display:block}.axes p{margin-top:var(--s-1);color:var(--mute-night);font-size:15px;line-height:1.35}.axes .value{letter-spacing:-.03em;color:var(--brand);font-variant-numeric:tabular-nums;font-size:26px;font-weight:500}.homework{gap:var(--s-5);flex-direction:column;display:flex}.homework .progress{background:var(--ink-3);border-radius:99px;height:6px;overflow:hidden}.homework .progress i{background:var(--brand);height:100%;transition:width .35s var(--ease);border-radius:99px;display:block}.homework ul{gap:var(--s-2);padding:0;list-style:none;display:grid}.homework li{gap:var(--s-2);grid-template-columns:44px 1fr auto;align-items:center;min-height:44px;font-size:16px;font-weight:500;display:grid}.homework .check{place-items:center;width:44px;height:44px;display:grid}.homework .check:before{content:"";width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--mute-night);transition:background .2s var(--ease), box-shadow .2s var(--ease), scale .15s var(--ease);border-radius:50%}.homework .check:hover:before{box-shadow:inset 0 0 0 2px var(--text-night)}.homework .check:active:before{scale:.85}.homework .check.pop:before{animation:check .4s var(--ease)}@keyframes check{40%{transform:scale(1.3)}}.homework li>span{transition:color .2s var(--ease)}.homework .check[aria-pressed=true]:before{background:var(--brand);box-shadow:none}.homework li:has(.check[aria-pressed=true])>span{color:var(--mute-night);text-decoration:line-through}.homework a{border-radius:var(--s-3);background:var(--ink-3);width:44px;height:44px;transition:background .2s var(--ease), scale .15s var(--ease);place-items:center;display:grid}.homework a:hover{background:color-mix(in srgb, var(--text-night) 18%, var(--ink))}.homework a:active{scale:.94}.homework a svg{transition:translate .2s var(--ease)}.homework a:hover svg{translate:1.5px -1.5px}.goal-grid{gap:var(--s-7);grid-template-columns:1fr 1.1fr;align-items:center;display:grid}.goal-line{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.goal-verdict{margin-top:var(--s-4);color:var(--mute-night);min-height:3em;font-size:16px}.goal-grid>*{min-width:0}.goal-ctl{gap:var(--s-3);display:grid}.goal-ctl .seg{justify-self:start}@media (width<=860px){.goal-grid{gap:var(--s-6);grid-template-columns:1fr}}.grid64{gap:var(--s-7);grid-template-columns:minmax(0,420px) 1fr;align-items:center;display:grid}.g-board{gap:var(--s-2);padding:var(--s-6) var(--s-5) var(--s-5) var(--s-6);background:var(--brand);color:var(--ink);--mute:color-mix(in srgb, var(--ink) 62%, transparent);border-radius:30px;grid-template-rows:22px 1fr;grid-template-columns:28px 1fr;display:grid;position:relative}.g-across{top:var(--s-3);text-align:center;font-size:10px;position:absolute;left:0;right:0}.g-down{left:var(--s-3);writing-mode:vertical-rl;font-size:10px;position:absolute;top:50%;translate:0 -50%;rotate:180deg}.g-hours{grid-column:2;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.g-ranks{grid-row:2;grid-template-rows:repeat(8,minmax(0,1fr));display:grid}.g-hours span,.g-ranks span{font:500 11px var(--f-mono);opacity:.5;transition:opacity .2s var(--ease);place-items:center;display:grid}.g-hours span.on,.g-ranks span.on{opacity:1}.matrix{aspect-ratio:1;outline-offset:8px;touch-action:manipulation;cursor:pointer;grid-area:2/2;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.matrix i{place-items:center;display:grid}.matrix i:after{content:"";width:var(--d);height:var(--d);background:var(--card-light);opacity:var(--o);transition:width .2s var(--ease), height .2s var(--ease), opacity .2s var(--ease);border-radius:50%}.matrix i.axis:after{opacity:.9}.matrix i.sel:after{opacity:1;width:62%;height:62%}.g-read{gap:var(--s-4);min-width:0;display:grid}.g-sentence{min-height:2.1em;font-size:clamp(24px,2.8vw,38px);line-height:1.04}.g-value{align-items:baseline;gap:var(--s-3);flex-wrap:wrap;display:flex}.g-value b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--brand);font-size:clamp(56px,7vw,96px);font-weight:400;line-height:.9}.g-value span,.g-best{color:var(--mute-night);font-size:15px}.g-value{align-content:start;min-height:6.4em}.g-best{padding-top:var(--s-4);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-night) 14%, transparent)}@media (width<=860px){.grid64{gap:var(--s-5);padding:var(--s-3);grid-template-columns:1fr}.g-board{gap:var(--s-1);padding:var(--s-6) var(--s-2) var(--s-3) var(--s-5);border-radius:22px;grid-template-columns:18px 1fr}.g-hours span,.g-ranks span{font-size:9px}.g-read{padding:var(--s-2)}.g-value{min-height:0}.stage:has(.grid64){padding-inline:var(--s-2)}}.features{padding-bottom:var(--gap-section)}.features .more{margin-top:var(--s-6);grid-column:1/-1;justify-content:center;display:flex}.stagger li{opacity:0;translate:0 12px}.stagger.in li{opacity:1;transition:opacity .5s var(--ease), translate .5s var(--ease);translate:0}.stagger.in li:nth-child(2){transition-delay:90ms}.stagger.in li:nth-child(3){transition-delay:.18s}.stagger.in li:nth-child(4){transition-delay:.27s}