.mo-symbol{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mo-header{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.mo-header-icon{background:var(--color-indigo-50);color:var(--color-indigo-600);border-radius:9999px;flex-shrink:0;padding:.75rem;display:flex}.mo-header-icon .mo-symbol{font-size:26px}.mo-title{color:var(--color-slate-900);margin-bottom:.75rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.875rem;font-weight:700}.mo-description{color:var(--color-slate-600);max-width:68ch;font-family:Rubik,system-ui,sans-serif;font-size:1rem;line-height:1.65}.mo-description strong{color:var(--color-slate-900)}.mo-section{margin-top:2.75rem}.mo-section-title{text-transform:uppercase;color:var(--color-slate-500);letter-spacing:.1em;margin-bottom:1rem;font-size:.875rem;font-weight:700}.mo-lede{color:var(--color-slate-600);max-width:68ch;margin-bottom:1.25rem;font-family:Rubik,system-ui,sans-serif;font-size:.95rem;line-height:1.65}.mo-lede strong{color:var(--color-slate-900)}.mo-lede code,.mo-inline-code{background:var(--color-indigo-50);color:var(--color-indigo-600);border-radius:4px;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.8em}.mo-purpose{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.mo-purpose-card{border:1px solid var(--color-slate-200);background:var(--color-slate-50);border-radius:12px;padding:1.5rem}.mo-purpose-card.keep{border-color:var(--color-indigo-200);background:var(--color-indigo-50)}.mo-purpose-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate-500);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.6875rem;font-weight:700;display:flex}.mo-purpose-card.keep .mo-purpose-tag{color:var(--color-indigo-600)}.mo-purpose-tag .mo-symbol{font-size:18px}.mo-purpose-list{color:var(--color-slate-600);margin:0;padding-left:1.1rem;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6}.mo-purpose-list li{margin-bottom:.4rem}.mo-durations{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.mo-duration-card{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.mo-duration-stage{border:1px solid var(--color-indigo-50);background:#fff;border-radius:10px;height:56px;position:relative;overflow:hidden}.mo-duration-track{background:var(--color-indigo-100);height:2px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.mo-runner{background:var(--color-indigo-600);border-radius:7px;width:22px;height:22px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mo-duration-card:hover .mo-runner{animation-name:mo-run;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}.mo-duration-card.d-fast:hover .mo-runner{animation-duration:.15s}.mo-duration-card.d-normal:hover .mo-runner{animation-duration:.2s}.mo-duration-card.d-slow:hover .mo-runner{animation-duration:.3s}@keyframes mo-run{0%{left:12px}to{left:calc(100% - 34px)}}.mo-duration-value{color:var(--color-indigo-600);font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.mo-duration-name{color:var(--color-slate-900);margin-bottom:.35rem;font-size:.9375rem;font-weight:700}.mo-token{background:var(--color-indigo-50);color:var(--color-indigo-600);border-radius:4px;margin-bottom:.6rem;padding:.25rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem;display:inline-block}.mo-duration-usage{color:var(--color-slate-600);font-size:.8125rem;line-height:1.5}.mo-hint{color:var(--color-slate-500);align-items:center;gap:.35rem;margin-top:.75rem;font-size:.75rem;display:flex}.mo-hint .mo-symbol{font-size:15px}.mo-easings{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.mo-easing-card{background:var(--color-slate-50);border:1px solid var(--color-slate-200);border-radius:12px;padding:1.5rem}.mo-easing-top{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mo-curve{border:1px solid var(--color-indigo-50);background:#fff;border-radius:10px;flex-shrink:0;width:72px;height:72px;display:block}.mo-curve path.grid{stroke:var(--color-indigo-50);stroke-width:1px;fill:none}.mo-curve path.curve{stroke:var(--color-indigo-600);stroke-width:3px;fill:none;stroke-linecap:round}.mo-easing-name{color:var(--color-slate-900);margin-bottom:.35rem;font-size:.9375rem;font-weight:700}.mo-bezier{color:var(--color-slate-500);word-break:break-word;font-family:SF Mono,Monaco,monospace;font-size:.68rem}.mo-easing-role{color:var(--color-slate-600);font-size:.8125rem;line-height:1.55}.mo-easing-role strong{color:var(--color-slate-900)}.mo-table{border-collapse:collapse;border:1px solid var(--color-slate-200);background:#fff;border-radius:12px;width:100%;margin-top:1rem;overflow:hidden}.mo-table th,.mo-table td{text-align:left;border-bottom:1px solid var(--color-slate-200);vertical-align:top;padding:.75rem 1rem}.mo-table th{text-transform:uppercase;color:var(--color-slate-500);letter-spacing:.05em;background:var(--color-slate-50);font-size:.75rem;font-weight:600}.mo-table td{color:var(--color-slate-600);font-size:.875rem}.mo-table tr:last-child td{border-bottom:none}.mo-table code{background:var(--color-indigo-50);color:var(--color-indigo-600);border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.mo-anatomy{background:var(--color-slate-900);border-radius:14px;margin-top:1rem;padding:1.75rem;font-family:SF Mono,Monaco,monospace;overflow-x:auto}.mo-anatomy-line{color:var(--color-slate-200);white-space:nowrap;align-items:baseline;gap:.4rem;font-size:1rem;display:flex}.mo-part{padding-bottom:.15rem;position:relative}.mo-part.prop,.mo-part.dur{color:var(--color-indigo-300)}.mo-part.ease{color:var(--color-violet-300)}.mo-part.punc{color:var(--color-slate-400)}.mo-anatomy-legend{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.mo-legend-item{border-left:3px solid var(--color-indigo-600);padding-left:.85rem}.mo-legend-key{margin-bottom:.2rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem;font-weight:700}.mo-legend-item.prop .mo-legend-key,.mo-legend-item.dur .mo-legend-key{color:var(--color-indigo-300)}.mo-legend-item.ease .mo-legend-key{color:var(--color-violet-300)}.mo-legend-text{color:var(--color-slate-300);font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.5}.mo-perf{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.mo-perf-card{border:1px solid var(--color-slate-200);background:var(--color-slate-50);border-radius:12px;padding:1.5rem}.mo-perf-card.cheap{border-color:var(--color-indigo-200);background:var(--color-indigo-50)}.mo-perf-head{color:var(--color-slate-900);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:700;display:flex}.mo-perf-head .mo-symbol{color:var(--color-indigo-600);font-size:20px}.mo-perf-card:not(.cheap) .mo-perf-head .mo-symbol{color:var(--color-slate-500)}.mo-perf-props{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.mo-chip{border:1px solid var(--color-slate-200);color:var(--color-slate-600);background:#fff;border-radius:6px;padding:.2rem .55rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.mo-perf-card.cheap .mo-chip{border-color:var(--color-indigo-200);color:var(--color-indigo-600)}.mo-perf-text{color:var(--color-slate-600);font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.55}.mo-rulebook{gap:1rem;margin-top:1rem;display:grid}.mo-rule{border:1px solid var(--color-slate-200);border-left:3px solid var(--color-indigo-600);background:var(--color-slate-50);border-radius:12px;padding:1.25rem 1.5rem}.mo-rule-head{gap:.75rem;margin-bottom:.6rem;display:flex}.mo-why{gap:.75rem;display:flex}.mo-rule-tag,.mo-why-tag{text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;width:3rem;padding-top:.05rem;font-size:.6875rem;font-weight:700;line-height:1.6}.mo-rule-tag{color:var(--color-indigo-600)}.mo-why-tag{color:var(--color-slate-500)}.mo-rule-text{color:var(--color-slate-900);margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.9375rem;font-weight:600;line-height:1.55}.mo-why-text{color:var(--color-slate-600);margin:0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6}.mo-rule code{background:var(--color-indigo-50);color:var(--color-indigo-600);border-radius:4px;padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.mo-code{background:var(--color-slate-800);border-radius:12px;margin-top:1rem;overflow:hidden}.mo-code-header{background:var(--color-slate-700);border-bottom:1px solid var(--color-slate-600);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.mo-code-dot{border-radius:50%;width:12px;height:12px}.mo-code-dot.red{background:var(--color-red-500)}.mo-code-dot.yellow{background:var(--color-amber-500)}.mo-code-dot.green{background:var(--color-green-500)}.mo-code-lang{color:var(--color-slate-300);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.mo-code pre{color:var(--color-slate-200);margin:0;padding:1.25rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8125rem;line-height:1.7;overflow-x:auto}.mo-code .comment{color:var(--color-slate-400);font-style:italic}.mo-code .selector{color:var(--color-amber-400)}.mo-code .property{color:var(--color-indigo-300)}.mo-code .value{color:var(--color-indigo-200)}.mo-code .function{color:var(--color-violet-300)}.mo-code .punctuation{color:var(--color-slate-400)}.mo-sources-list{color:var(--color-slate-600);margin:1rem 0 0;padding:0;font-family:Rubik,system-ui,sans-serif;font-size:.8125rem;line-height:1.6;list-style:none}.mo-sources-list li{border-bottom:1px solid var(--color-slate-100);padding:.6rem 0}.mo-sources-list li:last-child{border-bottom:none}.mo-sources-list strong{color:var(--color-slate-900)}.mo-sources-list a{color:var(--color-indigo-600);text-decoration:none}.mo-sources-list a:hover{text-decoration:underline}.mo-spa{text-transform:uppercase;letter-spacing:.05em;color:var(--color-indigo-600);background:var(--color-indigo-50);border-radius:4px;margin-left:.35rem;padding:.05rem .35rem;font-size:.625rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.mo-duration-card:hover .mo-runner{animation:none}}
