.mo-switch{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:var(--brand-surface);z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:1rem 1.25rem;display:flex;position:sticky;top:4.75rem}.mo-toggle{min-block-size:2.75rem;color:var(--brand-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.25rem .5rem;font-weight:650;display:inline-flex}.mo-toggle__track{background:var(--brand-surface-interactive);block-size:1.5rem;inline-size:2.75rem;box-shadow:inset 0 0 0 1px var(--brand-border-strong);transition:background-color var(--brand-motion-duration-fast) var(--brand-motion-ease-standard);border-radius:999px;position:relative}.mo-toggle__thumb{background:var(--brand-surface);block-size:1.125rem;inline-size:1.125rem;box-shadow:var(--brand-shadow-sm);transition:transform var(--brand-motion-spring-snappy-duration) var(--brand-motion-spring-snappy);border-radius:50%;position:absolute;inset-block-start:.1875rem;inset-inline-start:.1875rem}.mo-toggle[aria-checked=true] .mo-toggle__track{background:var(--brand-accent)}.mo-toggle[aria-checked=true] .mo-toggle__thumb{transform:translate(1.25rem)}.mo-toggle:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px;border-radius:var(--brand-radius-sm)}.mo-note{color:var(--brand-text-muted);font-size:.875rem}.mo-actions{gap:.75rem;display:flex}.mo-tracks{gap:.5rem;display:grid}.mo-track{align-items:center;gap:.35rem 1rem;display:grid}@media (width>=48rem){.mo-track{grid-template-columns:14rem minmax(0,1fr)}}.mo-track__label{gap:.75rem;font-size:.875rem;display:flex}.mo-track__label span{color:var(--brand-text-muted)}.mo-track__rail{background:var(--brand-surface-muted);cursor:pointer;border-radius:999px;block-size:1.75rem;position:relative;container-type:inline-size}.mo-track__rail--small{block-size:1.5rem}.mo-dot{background-image:var(--brand-action-depth-fill);block-size:1.25rem;inline-size:1.25rem;box-shadow:var(--brand-action-depth-rim);transition:transform var(--dot-duration,var(--brand-motion-duration-normal)) var(--dot-easing,var(--brand-motion-ease-standard));border-radius:50%;position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem}.mo-track__rail--small .mo-dot{block-size:1.125rem;inline-size:1.125rem;inset-block-start:.1875rem}.mo-dot[data-at-end]{transform:translateX(calc((100cqw - 1.75rem) * var(--brand-motion-travel,1)))}.mo-curves{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem;display:grid}.mo-curve{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:var(--brand-surface);gap:.5rem;margin:0;padding:.9rem;display:grid}.mo-curve svg{aspect-ratio:1;block-size:auto;inline-size:100%;overflow:visible}.mo-curve__axis{fill:none;stroke:var(--brand-border-strong);stroke-width:1px}.mo-curve__line{fill:none;stroke:var(--brand-accent);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.mo-curve figcaption{gap:.15rem;font-size:.8125rem;display:grid}.mo-curve figcaption span{color:var(--brand-text-muted)}.mo-grid{grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));gap:1rem;display:grid}.mo-grid--2{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr))}.mo-cell{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:var(--brand-surface);align-content:start;justify-items:start;gap:.85rem;min-inline-size:0;padding:1.1rem;display:grid}.mo-cell__name{font-size:.875rem;font-weight:650}.mo-tile{border-radius:var(--brand-radius-card);background-image:var(--brand-level-blue-fill);min-inline-size:12rem;color:var(--brand-level-blue-text);box-shadow:inset 0 1.5px 0 var(--brand-action-depth-edge), 0 10px 24px -12px var(--brand-level-blue-halo);gap:.25rem;padding:1rem 1.15rem;text-decoration:none;display:grid}.mo-tile span{opacity:.9;font-size:.875rem}.mo-tile:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}.mo-nofocus:focus-visible{outline-style:solid}.mo-popover{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:var(--brand-surface);max-inline-size:18rem;color:var(--brand-text);box-shadow:var(--brand-shadow-popover);margin:auto;padding:1rem 1.2rem}.mo-dialog,.mo-drawer{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);box-shadow:var(--brand-shadow-dialog);padding:1.5rem}.mo-dialog{border-radius:var(--brand-radius-panel);max-inline-size:26rem}.mo-dialog>*+*,.mo-drawer>*+*{margin-block-start:.75rem}.mo-drawer{border-radius:0;block-size:100dvh;max-block-size:none;inline-size:min(24rem,90vw);margin:0 0 0 auto}.mo-dialog::backdrop,.mo-drawer::backdrop{background:var(--brand-overlay-backdrop)}.mo-spinner-slot{color:var(--brand-accent);align-items:center;gap:.5rem;display:inline-flex}.mo-enter-slot,.mo-cards{gap:.5rem;inline-size:100%;display:grid}.mo-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-canvas);padding:.6rem .8rem;font-size:.875rem}.mo-reveal-demo{border-radius:var(--brand-radius-sm);background:var(--brand-surface-muted);padding:.75rem;font-size:.875rem}.mo-char{border:1px solid var(--brand-border);border-radius:var(--brand-radius-card);background:var(--brand-surface);gap:1.25rem;padding:1.25rem;display:grid}@media (width>=52rem){.mo-char{grid-template-columns:14rem minmax(0,1fr);align-items:center}}.mo-char__stage{border-radius:var(--brand-radius-card);background:var(--brand-surface-muted);place-items:end center;block-size:10rem;padding-block-end:1.5rem;display:grid}.mo-guide{background-image:var(--brand-action-depth-fill);block-size:4rem;inline-size:4rem;box-shadow:var(--brand-action-depth-rim), var(--brand-shadow-action-depth);border-radius:1.25rem;justify-content:center;align-items:center;gap:.6rem;display:flex}.mo-guide__eye{background:var(--brand-action-depth-text);border-radius:999px;block-size:.75rem;inline-size:.5rem}.mo-guide.m-blink .mo-guide__eye{animation:inherit}.mo-char__presets{gap:.6rem;display:grid}.mo-chips{flex-wrap:wrap;gap:.5rem;display:flex}.mo-chip{min-block-size:2.5rem;font-family:var(--brand-font-mono);padding-inline:.85rem;font-size:.8125rem}.mo-chip[aria-pressed=true],[data-loop][aria-pressed=true]{background:var(--brand-accent-subtle);border-color:var(--brand-accent)}.mo-phrases{gap:.4rem;display:grid}.mo-bubble{border-radius:var(--brand-radius-card);background:var(--brand-surface-muted);justify-self:start;padding:.5rem .75rem;font-size:.875rem}.mo-splash{border-radius:var(--brand-radius-card);background:var(--brand-surface-muted);justify-items:start;gap:.35rem;inline-size:100%;padding:1rem;display:grid}.mo-splash__art{border-radius:var(--brand-radius-sm);background-image:var(--brand-action-depth-fill);block-size:3rem;inline-size:3rem}.mo-splash__t{font-weight:650}.mo-splash__s{color:var(--brand-text-muted);font-size:.875rem}.mo-ripple-btn{position:relative;overflow:hidden}.mo-ripple{color:var(--brand-accent);opacity:.3}.mo-typing{background:var(--brand-surface-muted);border-radius:999px;gap:.35rem;padding:.75rem 1rem;display:inline-flex}.mo-typing span[aria-hidden]{background:var(--brand-text-muted);border-radius:50%;block-size:.5rem;inline-size:.5rem}.mo-progress{background:var(--brand-surface-muted);border-radius:999px;block-size:.5rem;inline-size:100%;position:relative;overflow:hidden}.mo-progress span{border-radius:inherit;background:var(--brand-accent);inline-size:35%;position:absolute;inset-block:0}.mo-list>summary{cursor:pointer;font-weight:650}.mo-list ul{gap:.3rem;margin-block-start:.75rem;font-size:.9375rem;display:grid}.mo-item{border:1px solid var(--brand-border-strong);border-radius:var(--brand-radius-control);background:var(--brand-canvas);min-block-size:2.5rem;color:var(--brand-text);font:inherit;cursor:pointer;text-align:start;padding:.4rem .85rem;font-size:.875rem;font-weight:600}.mo-item:disabled{cursor:default;opacity:.85}.mo-fly{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;inline-size:100%;display:grid}.mo-fly__from{align-content:start;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mo-fly__to{border:1px dashed var(--brand-border-strong);border-radius:var(--brand-radius-card);align-content:start;gap:.5rem;min-block-size:10rem;padding:.75rem;display:grid}.mo-follow{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;inline-size:100%;display:grid;position:relative}.mo-follow__guide{background-image:var(--brand-action-depth-fill);block-size:2.5rem;inline-size:2.5rem;box-shadow:var(--brand-action-depth-rim);border-radius:.75rem;grid-area:1/1;align-self:start}.mo-follow__list{grid-area:1/2;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.mo-follow__list .mo-item{inline-size:100%}.mo-hop{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;inline-size:100%;display:grid}.mo-hop__slot{border:1px dashed var(--brand-border-strong);border-radius:var(--brand-radius-card);place-items:center;block-size:4rem;display:grid}.mo-badge{border-radius:var(--brand-radius-sm);background:var(--brand-action-ink);color:var(--brand-action-ink-text);padding:.35rem .75rem;font-size:.875rem;font-weight:650}.mo-dial{background:var(--brand-surface-muted);touch-action:none;cursor:grab;border-radius:50%;place-items:center;block-size:9rem;inline-size:9rem;display:grid}.mo-dial:focus-visible{outline:3px solid var(--brand-focus);outline-offset:4px}.mo-dial__face{background-image:var(--brand-action-depth-fill);block-size:7rem;inline-size:7rem;box-shadow:var(--brand-action-depth-rim), var(--brand-shadow-action-depth);border-radius:50%;position:relative}.mo-dial__face span{background:var(--brand-action-depth-text);border-radius:999px;block-size:1.4rem;inline-size:.6rem;position:absolute;inset-block-start:.6rem;inset-inline-start:calc(50% - .3rem)}.mo-revealed{border-radius:var(--brand-radius-card);background:var(--brand-accent-subtle);margin-block-start:1.5rem;padding:1.25rem}.mr{border-block-start:1px solid var(--brand-border);gap:0;display:grid}.mr-status{color:var(--brand-text-muted);border-block-end:1px solid var(--brand-border);padding-block:.75rem;font-size:.9375rem}.mr-demo{border-block-end:1px solid var(--brand-border);gap:.75rem 1.5rem;padding-block:1rem;display:grid}@media (width>=52rem){.mr-demo{grid-template-columns:16rem minmax(0,1fr);align-items:center}}.mr-demo__name{font-size:.875rem;font-weight:650}.mr-demo__note{color:var(--brand-text-muted);font-size:.875rem}.mr-demo__stage{flex-wrap:wrap;align-items:center;gap:.75rem;min-inline-size:0;display:flex}.mr-tile{border-radius:var(--brand-radius-card);background-image:var(--brand-level-navy-fill);color:var(--brand-level-navy-text);box-shadow:inset 0 1.5px 0 var(--brand-action-depth-edge), 0 10px 24px -12px var(--brand-level-navy-halo);gap:.2rem;padding:1rem 1.15rem;text-decoration:none;display:grid}.mr-tile small{opacity:.85}.mr-tile:focus-visible{outline:3px solid var(--brand-focus);outline-offset:3px}.mr-layer{z-index:var(--brand-z-index-modal);place-items:center;display:grid;position:fixed;inset:0}.mr-scrim{background:var(--brand-overlay-backdrop);position:absolute;inset:0}.mr-panel{border-radius:var(--brand-radius-panel);background:var(--brand-surface);max-inline-size:26rem;color:var(--brand-text);box-shadow:var(--brand-shadow-dialog);justify-items:start;gap:.75rem;padding:1.5rem;display:grid;position:relative}.mr-panel h4{font-size:1.25rem}.mr-panel[data-kind=drawer]{border-radius:0;align-content:start;max-inline-size:min(24rem,90vw);position:fixed;inset-block:0;inset-inline-end:0}.mr-panel[data-kind=sheet]{border-radius:var(--brand-radius-panel) var(--brand-radius-panel) 0 0;max-inline-size:none;position:fixed;inset-block-end:0;inset-inline:0}.mr-list{gap:.6rem;display:grid}.mr-list ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.mr-list li{border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);background:var(--brand-canvas);padding:.45rem .75rem;font-size:.875rem}.mr-reveal{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mr-reveal__box{border-radius:var(--brand-radius-sm);background:var(--brand-surface-muted);padding:.75rem 1rem;font-size:.875rem}.mr-count{align-items:center;gap:1rem;display:flex}.mr-count__n{font-family:var(--brand-font-display);min-inline-size:5ch;font-size:2.25rem;font-weight:700}.mr-transitions{gap:.25rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.mr-transitions span{color:var(--brand-text-muted)}
