html[data-landing-scheme=dark] #landing-top[data-theme-pending].svelte-121dwl0{color-scheme:dark}html[data-landing-scheme=light] #landing-top[data-theme-pending].svelte-121dwl0{color-scheme:light}.appearance-controls.svelte-121dwl0{display:inline-flex;gap:0;align-items:center}.motion-control.svelte-121dwl0{position:relative}.motion-panel.svelte-121dwl0{position:absolute;z-index:10;top:calc(100% + 8px);right:-44px;width:240px;max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px;border:1px solid var(--study-rule, #c8c1b0);border-radius:8px;background:var(--study-paper, #f6efdf);color:var(--study-text, #122b45);text-align:left}.motion-panel.svelte-121dwl0 label:where(.svelte-121dwl0){display:block;margin-bottom:10px;font-size:13px;font-weight:550}.motion-panel.svelte-121dwl0 select:where(.svelte-121dwl0){display:block;width:100%;min-height:44px;padding:8px;border:1px solid var(--study-rule, #c8c1b0);border-radius:4px;background:var(--study-paper, #f6efdf);color:inherit;font:inherit;font-size:14px}.motion-panel.svelte-121dwl0 .motion-toggle:where(.svelte-121dwl0){display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0 0;cursor:pointer}.motion-toggle.svelte-121dwl0 input:where(.svelte-121dwl0){flex:none;width:16px;height:16px;accent-color:var(--study-button, #163a59)}.motion-toggle.svelte-121dwl0 small:where(.svelte-121dwl0){display:block;margin-top:4px;color:var(--study-muted, #4d6071);font-size:11px;line-height:1.4;font-weight:400}.motion-slider.svelte-121dwl0{margin-top:16px}.motion-slider.svelte-121dwl0 label:where(.svelte-121dwl0){display:flex;justify-content:space-between;gap:12px;margin-bottom:0}.motion-slider.svelte-121dwl0 output:where(.svelte-121dwl0){font-variant-numeric:tabular-nums;font-weight:400}.motion-slider.svelte-121dwl0 input:where(.svelte-121dwl0){display:block;width:100%;min-height:36px;margin:0;accent-color:var(--study-button, #163a59);cursor:pointer}.motion-slider.svelte-121dwl0 input:where(.svelte-121dwl0):disabled{opacity:.5;cursor:default}.slider-ends.svelte-121dwl0{display:flex;justify-content:space-between;gap:8px;color:var(--study-muted, #4d6071);font-size:11px}.replay-control.svelte-121dwl0{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;background:transparent;border:0;padding:0;color:inherit;font-size:13px;cursor:pointer}.replay-control.svelte-121dwl0:disabled{opacity:.5;cursor:default}.motion-panel.svelte-121dwl0 p:where(.svelte-121dwl0){margin:8px 0 0;font-size:12px;line-height:1.5}.preset-actions.svelte-121dwl0{margin-top:16px;padding-top:16px;border-top:1px solid var(--study-rule, #c8c1b0)}.preset-actions.svelte-121dwl0 button:where(.svelte-121dwl0){width:100%;min-height:44px;padding:8px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.preset-actions.svelte-121dwl0 button:where(.svelte-121dwl0):disabled{opacity:.5;cursor:default}.preset-actions.svelte-121dwl0 button:where(.svelte-121dwl0):not(:disabled):hover{background:color-mix(in srgb,currentColor 8%,transparent)}.preset-actions.svelte-121dwl0 .restore-preset:where(.svelte-121dwl0){border-color:transparent;text-decoration:underline;text-underline-offset:3px}.preset-actions.svelte-121dwl0 .preset-hint:where(.svelte-121dwl0){color:var(--study-muted, #4d6071)}.motion-panel.svelte-121dwl0 :where(.svelte-121dwl0):focus-visible{outline:2px solid currentColor;outline-offset:3px}.mode-control.svelte-121dwl0,.theme-control.svelte-121dwl0{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;color:inherit;cursor:pointer}.mode-control.svelte-121dwl0{width:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.mode-control.svelte-121dwl0:focus:not(:focus-visible){outline:none}.theme-control.svelte-121dwl0{gap:7px;font-size:14px}.mode-control.svelte-121dwl0:hover,.theme-control.svelte-121dwl0:hover{opacity:.8}.theme-control.svelte-121dwl0 select:where(.svelte-121dwl0){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.theme-control.svelte-121dwl0 option:where(.svelte-121dwl0){background:#f6efdf;color:#122b45}.theme-control.svelte-121dwl0:has(select:where(.svelte-121dwl0):focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.mode-control.svelte-121dwl0:focus-visible{outline:2px solid currentColor;outline-offset:2px}