:root {
  --movement-ink: #18332d;
  --movement-deep: #103f35;
  --movement-green: #1c6655;
  --movement-mint: #9de3c4;
  --movement-soft: #e9f6ef;
  --movement-cream: #fbf8ef;
  --movement-coral: #ff7757;
  --movement-gold: #f2c96d;
  --movement-line: #c9ddd4;
  --movement-white: #fffef9;
  --movement-shadow: 0 1.35rem 3.5rem rgba(15, 63, 53, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--movement-ink); background: var(--movement-cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
button, input, textarea, select { font: inherit; }
button, summary, label { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; }
[hidden] { display: none !important; }

.movement-skip { position: fixed; z-index: 100; top: .75rem; left: .75rem; padding: .7rem 1rem; border-radius: 999px; color: #fff; background: var(--movement-deep); transform: translateY(-180%); transition: transform .2s; }
.movement-skip:focus { transform: translateY(0); }

.movement-masthead { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 4.65rem; padding: .8rem clamp(1rem, 4vw, 4.5rem); border-bottom: 1px solid rgba(24, 51, 45, .1); background: rgba(251, 248, 239, .94); backdrop-filter: blur(16px); }
.movement-brand { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; font-weight: 850; letter-spacing: -.02em; }
.movement-brand img { object-fit: contain; }
.movement-masthead nav { display: flex; align-items: center; gap: 1.5rem; }
.movement-masthead nav a { color: #315d52; text-decoration: none; font-size: .92rem; font-weight: 720; }
.movement-masthead nav a:hover, .movement-masthead nav a:focus-visible { color: var(--movement-deep); text-decoration: underline; text-underline-offset: .3rem; }

.movement-hero { position: relative; overflow: hidden; padding: clamp(2rem, 4vw, 3.7rem) clamp(1rem, 5vw, 5rem) clamp(2.5rem, 5vw, 4rem); color: var(--movement-ink); background: linear-gradient(145deg, #f7f4ea 0 52%, #e4f3ea 100%); border-bottom: 1px solid var(--movement-line); }
.movement-hero::after { content: ""; position: absolute; right: -9rem; top: -12rem; width: 34rem; height: 34rem; border: 1px solid rgba(28,102,85,.1); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(28,102,85,.025), 0 0 0 8rem rgba(28,102,85,.018); }
.movement-breadcrumb { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .5rem; max-width: 76rem; margin: 0 auto 2.2rem; color: #42675c; font-size: .83rem; }
.movement-breadcrumb a { text-underline-offset: .25rem; }
.movement-hero-intro { position: relative; z-index: 1; max-width: 76rem; margin: 0 auto; }
.movement-kicker { margin: 0 0 .65rem; color: var(--movement-green); font-size: .81rem; font-weight: 850; letter-spacing: .025em; }
.movement-hero .movement-kicker { color: var(--movement-green); }
.movement-hero h1 { max-width: 50rem; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.65rem, 5.5vw, 4.8rem); font-weight: 600; line-height: 1.02; letter-spacing: -.05em; }
.movement-lead { max-width: 47rem; margin: 1rem 0 0; color: #3f6258; font-size: clamp(1rem, 1.5vw, 1.16rem); }
.movement-overview { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 76rem; margin: 2rem auto 0; }
.movement-overview-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(9rem, .85fr); grid-template-rows: auto 1fr; column-gap: .65rem; overflow: hidden; min-width: 0; min-height: 16rem; padding: 1.35rem 1.5rem; border: 1px solid #bed4c9; border-radius: 1.1rem; color: #173f33; background: rgba(255,254,249,.94); text-decoration: none; transition: border-color .2s, background .2s; }
.movement-overview-card:hover { border-color: var(--movement-green); background: #fff; }
.movement-overview-card:hover strong { text-decoration: underline; text-underline-offset: .2rem; }
.movement-overview-running { background: #d9efe3; }
.movement-overview-index { grid-column: 1 / -1; display: flex; align-items: center; gap: .7rem; font-size: .85rem; font-weight: 850; }
.movement-overview-index > span { font-size: .71rem; letter-spacing: .025em; font-weight: 650; }
.movement-overview-art { grid-column: 2; grid-row: 2; align-self: center; }
.movement-overview-art img { display: block; width: 100%; height: auto; }
.movement-overview-copy { display: flex; flex-direction: column; gap: .4rem; }
.movement-overview-copy { grid-column: 1; grid-row: 2; align-self: center; margin-top: 1.2rem; }
.movement-overview-copy strong { max-width: 28rem; padding-right: 1.3rem; font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 850; line-height: 1.18; letter-spacing: -.025em; }
.movement-overview-copy > span { color: #315849; font-size: .88rem; line-height: 1.4; }
.movement-overview-copy small { margin-top: .35rem; color: #365a48; font-size: .74rem; line-height: 1.4; }
.movement-overview-arrow { position: absolute; bottom: 1.2rem; right: 1rem; font-size: 1.3rem; }
.movement-overview-help { position: relative; z-index: 1; max-width: 76rem; margin: 1rem auto 0; color: #315d52; font-size: .92rem; }
.movement-overview-help a { text-underline-offset: .25rem; font-weight: 750; }

.movement-chooser, .movement-understand, .movement-safety, .movement-sources { width: min(82rem, calc(100% - 2rem)); margin: 0 auto; }
.movement-chooser { padding: clamp(4rem, 8vw, 7rem) 0; }
.movement-section-heading { max-width: 48rem; margin-bottom: 2.3rem; }
.movement-section-heading h2, .movement-safety h2, .movement-sources h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.65rem); font-weight: 600; line-height: 1.06; letter-spacing: -.035em; }
.movement-section-heading > p:last-child { margin: 1rem 0 0; color: #547068; font-size: 1.05rem; }

.movement-form { display: grid; gap: 1.2rem; }
.movement-form fieldset { min-width: 0; margin: 0; padding: clamp(1rem, 2.6vw, 1.75rem); border: 1px solid var(--movement-line); border-radius: 1.3rem; background: rgba(255, 254, 249, .84); }
.movement-form legend { padding: 0 .55rem; color: var(--movement-deep); font-weight: 850; }
.movement-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.movement-options-families { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.movement-options-families label > span { display: grid; grid-template-columns: 6.8rem minmax(0, 1fr); column-gap: 1rem; align-items: center; }
.movement-family-art { grid-column: 1; grid-row: 1 / 3; display: block; overflow: hidden; aspect-ratio: 1; border-radius: .75rem; }
.movement-family-art img { display: block; width: 200%; max-width: none; height: auto; }
.movement-options-families strong, .movement-options-families small { grid-column: 2; }
.movement-options label { position: relative; display: block; min-width: 0; cursor: pointer; }
.movement-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.movement-options span { display: flex; flex-direction: column; min-height: 5.8rem; padding: 1rem; border: 1.5px solid #d5e2dc; border-radius: 1rem; background: #fff; transition: border-color .18s, background .18s, transform .18s, box-shadow .18s; }
.movement-options strong { color: var(--movement-ink); font-size: .97rem; }
.movement-options small { margin-top: .35rem; color: #60776f; line-height: 1.4; }
.movement-options input:checked + span { border-color: var(--movement-green); background: var(--movement-soft); box-shadow: inset 0 0 0 1px var(--movement-green); }
.movement-options input:focus-visible + span { outline: 3px solid var(--movement-gold); outline-offset: 3px; }
.movement-options label:hover span { transform: translateY(-2px); box-shadow: 0 .65rem 1.5rem rgba(16,63,53,.08); }
.movement-primary, .movement-secondary { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 3.1rem; padding: .78rem 1.15rem; border: 1px solid transparent; border-radius: .9rem; font-weight: 850; }
.movement-primary { color: #fff; background: var(--movement-deep); box-shadow: 0 .6rem 1.4rem rgba(16,63,53,.18); }
.movement-primary:hover { background: #175b4b; }
.movement-secondary { color: var(--movement-deep); border-color: var(--movement-line); background: #fff; }
.movement-form > .movement-primary { justify-self: start; margin-top: .4rem; }

.movement-proposal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr); gap: 2rem; margin-top: 3rem; padding: clamp(1.4rem, 3.4vw, 2.6rem); border-radius: 1.8rem; color: #fff; background: linear-gradient(135deg, #143e35, #1c6655); box-shadow: var(--movement-shadow); }
.movement-proposal .movement-kicker { color: var(--movement-mint); }
.movement-proposal h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 600; line-height: 1.05; }
.movement-proposal-main > p:not(.movement-kicker) { color: #ddede7; }
.movement-proposal-meta { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.movement-proposal-meta strong { color: var(--movement-gold); font-size: 1.15rem; }
.movement-proposal details { margin-top: 1.2rem; padding: .9rem 1rem; border: 1px solid rgba(255,255,255,.16); border-radius: .8rem; background: rgba(255,255,255,.06); }
.movement-proposal details summary { cursor: pointer; font-weight: 800; }
.movement-proposal details p { margin-bottom: 0; color: #dcebe6; }
.movement-proposal-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }
.movement-proposal .movement-primary { color: var(--movement-deep); background: var(--movement-mint); }
.movement-proposal .movement-secondary { color: #fff; border-color: rgba(255,255,255,.28); background: transparent; }
.movement-proposal-steps { align-self: start; max-height: 25rem; margin: 0; padding: .25rem .3rem .25rem 2.4rem; overflow: auto; }
.movement-proposal-steps li { padding: .72rem .4rem .72rem .3rem; border-bottom: 1px solid rgba(255,255,255,.12); }
.movement-proposal-steps li::marker { color: var(--movement-mint); font-weight: 900; }
.movement-proposal-steps span, .movement-proposal-steps small { display: block; }
.movement-proposal-steps span { font-weight: 760; }
.movement-proposal-steps small { color: #cfe4dd; }

.movement-player-shell { min-height: calc(100vh - 4.65rem); padding: clamp(1rem, 3vw, 2.2rem); color: #fff; background: #071d19; }
.movement-session-active .movement-masthead { display: none; }
.movement-player-topline { display: flex; align-items: center; justify-content: space-between; max-width: 88rem; margin: 0 auto 1rem; }
.movement-player-topline p { display: flex; gap: .8rem; align-items: center; margin: 0; color: #b9d5cc; }
.movement-player-topline strong { padding-left: .8rem; border-left: 1px solid #42645b; color: #fff; }
.movement-player-topline button { padding: .6rem .9rem; border: 1px solid #496a62; border-radius: .7rem; color: #fff; background: transparent; }
.movement-player { display: grid; grid-template-columns: minmax(19rem, 1.05fr) minmax(20rem, .95fr); min-height: min(68vh, 44rem); max-width: 88rem; margin: 0 auto; overflow: hidden; border: 1px solid #29483f; border-radius: 1.5rem; background: #0e2923; box-shadow: 0 2rem 5rem rgba(0,0,0,.3); }
.movement-demo { position: relative; display: grid; place-items: center; min-height: 28rem; overflow: hidden; background: #194639; }
.movement-demo.is-transition { background: #173c32; }
.movement-demo.is-paused::after { content: "En pause"; position: absolute; top: 1rem; right: 1rem; padding: .5rem .8rem; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: #fff; background: #103f35; font-weight: 850; }
.movement-diagram { margin: 0; }
.movement-diagram img { display: block; width: 100%; height: auto; border-radius: 1rem; }
.movement-diagram figcaption { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; padding: .75rem .3rem 0; color: #244d40; font-size: .88rem; font-weight: 750; }
.movement-diagram figcaption b { color: #a43e24; }
.movement-demo .movement-diagram { width: min(100%, 45rem); padding: clamp(.8rem, 2.3vw, 2rem); }
.movement-demo .movement-diagram figcaption { color: #e2eee8; font-size: clamp(.8rem, 1.1vw, 1.05rem); }
.movement-diagram-thumb { display: block; overflow: hidden; aspect-ratio: 1; border-radius: .65rem; }
.movement-diagram-thumb img { display: block; width: 200%; max-width: none; height: auto; transform: translateX(-50%); }
.movement-options-families .movement-diagram-thumb { margin: 0 0 .6rem; }
.movement-library summary .movement-diagram-thumb { flex: 0 0 5.5rem; width: 5.5rem; }
.movement-library details[open] > div > .movement-diagram { margin-top: .3rem; }
.movement-player-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.5rem, 4vw, 4rem); }
.movement-player-phase { margin: 0 0 .3rem; color: var(--movement-mint); font-size: .8rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.movement-timer { color: var(--movement-gold); font-size: clamp(3.2rem, 8vw, 6.7rem); font-weight: 880; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -.06em; }
.movement-player-content h2 { margin: 1rem 0 .7rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 600; line-height: 1.05; }
.movement-cue { max-width: 35rem; margin: 0; color: #dcebe6; font-size: 1.1rem; }
.movement-next { margin-top: 1.4rem; color: #9cb9b0; font-size: .92rem; }
.movement-next strong { color: #fff; }
.movement-player-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin-top: 1rem; }
.movement-player-controls button { min-height: 3.2rem; padding: .7rem; border: 1px solid #42645b; border-radius: .75rem; color: #fff; background: #173a32; font-weight: 750; }
.movement-player-controls button:hover, .movement-player-controls button:focus-visible { border-color: var(--movement-mint); background: #1f4c41; }
.movement-player-controls [data-action="next"] { color: #103f35; background: var(--movement-mint); }
.movement-player-voice { display: flex; gap: .7rem; align-items: center; margin-top: 1rem; font-size: .82rem; color: #d0e5da; }
.movement-player-voice button { flex: 0 0 auto; padding: .45rem .65rem; color: #fff; border: 1px solid #688c7a; border-radius: .5rem; background: transparent; }
.movement-sound-settings { display: flex; flex-wrap: wrap; gap: .7rem 1rem; align-items: center; padding: 1rem 1.2rem; border: 1px solid var(--movement-line); border-radius: 1rem; background: #edf5ed; }
.movement-sound-settings label { display: flex; align-items: center; gap: .6rem; font-weight: 750; }
.movement-sound-settings input { width: 1.1rem; height: 1.1rem; accent-color: var(--movement-green); }
.movement-sound-settings p { flex-basis: 100%; margin: 0; color: #446358; font-size: .9rem; }
.movement-sound-settings [data-state="error"], .movement-player-voice [data-state="error"] { font-weight: 800; }
button:disabled { opacity: .6; cursor: default; }
.movement-session-active main > section:not(.movement-player-shell), .movement-session-active .movement-footer { display: none; }
.movement-variant { margin-top: 1rem; padding: .9rem 1rem; border-left: .25rem solid var(--movement-gold); border-radius: .4rem; color: #edf6f3; background: #173a32; }
.movement-player-stop-rule { max-width: 88rem; margin: 1rem auto 0; color: #b6cec6; font-size: .84rem; }

.movement-understand { padding: clamp(4rem, 8vw, 7rem) 0; }
.movement-diagram-key { display: flex; flex-wrap: wrap; gap: .65rem 1.4rem; align-items: center; margin: -1rem 0 1.4rem; padding: 1rem 1.15rem; border: 1px solid var(--movement-line); border-radius: 1rem; color: #446358; background: #eef5f0; }
.movement-diagram-key strong { color: var(--movement-deep); }
.movement-diagram-key span { display: inline-flex; gap: .4rem; align-items: center; }
.movement-diagram-key b { display: grid; place-items: center; flex: 0 0 auto; width: 1.5rem; height: 1.5rem; border-radius: 50%; color: #fff; background: var(--movement-green); font-size: .75rem; }
.movement-library { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.movement-library details { border: 1px solid var(--movement-line); border-radius: 1rem; background: var(--movement-white); }
.movement-library details[open] { grid-column: 1 / -1; }
.movement-library summary { display: grid; grid-template-columns: minmax(0, 1fr) 7rem auto auto; gap: 1rem; align-items: center; padding: 1rem 1.1rem; cursor: pointer; list-style: none; }
.movement-library summary::-webkit-details-marker { display: none; }
.movement-library summary::after { content: "+"; flex: 0 0 auto; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: var(--movement-deep); background: var(--movement-soft); font-weight: 900; }
.movement-library details[open] summary::after { content: "−"; }
.movement-library summary > span:first-child { display: grid; gap: .35rem; }
.movement-library summary strong { color: var(--movement-deep); font-size: 1rem; }
.movement-library summary small { color: #60776f; font-size: .78rem; font-weight: 500; line-height: 1.35; }
.movement-library summary .movement-diagram-thumb { width: 7rem; }
.movement-library-action { color: #49675d; font-size: .78rem; font-weight: 750; }
.movement-library details > div { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr); gap: 1.4rem; align-items: start; padding: .2rem 1.2rem 1.3rem; color: #4e6860; }
.movement-library-copy { display: grid; gap: .8rem; }
.movement-library details p { margin: 0; }
.movement-library details strong { color: var(--movement-deep); }
.movement-library-copy strong { display: block; margin-bottom: .2rem; }
.movement-library details > div > .movement-diagram { padding: .9rem; border-radius: .9rem; background: #edf5ef; }
.movement-diagram-zoom { display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; min-height: 2.8rem; margin-top: .9rem; padding: .6rem .8rem; border: 1px solid #a3c1ae; border-radius: .6rem; color: var(--movement-deep); background: #fffef7; font-size: .85rem; font-weight: 750; }
.movement-diagram-zoom:hover { border-color: var(--movement-green); background: #e2f0e7; }
.movement-diagram-legend { font-size: .83rem; }
.movement-legend-arrow { color: #a3442b; font-size: 1.3rem; font-style: normal; line-height: 1; }
.movement-legend-ring { width: 1.1rem; height: 1.1rem; border: 2px dashed #a3442b; border-radius: 50%; }
.movement-diagram-open { overflow: hidden; }
.movement-diagram-dialog { width: min(56rem, calc(100% - 2rem)); max-width: none; max-height: calc(100dvh - 2rem); margin: auto; padding: clamp(1rem, 3vw, 2rem); border: 1px solid #95b2a0; border-radius: 1.25rem; color: var(--movement-ink); background: var(--movement-cream); box-shadow: 0 2rem 6rem #05291e55; overscroll-behavior: contain; }
.movement-diagram-dialog::backdrop { background: #082d24bc; }
.movement-diagram-dialog-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.movement-diagram-dialog h2 { margin: 0; font-size: clamp(1.25rem, 3vw, 2rem); line-height: 1.2; }
.movement-diagram-dialog-head button { flex: 0 0 auto; min-height: 2.8rem; padding: .5rem .75rem; border: 1px solid #a3bca9; border-radius: .6rem; color: var(--movement-deep); background: #fffdf3; font-weight: 750; }
.movement-diagram-dialog > p { color: #3c5c4c; }
.movement-diagram-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.movement-diagram-panels figure { min-width: 0; margin: 0; }
.movement-diagram-frame { overflow: hidden; aspect-ratio: 1; border-radius: 1rem; }
.movement-diagram-frame img { display: block; width: 200%; max-width: none; height: auto; }
.movement-diagram-frame[data-frame="1"] img { transform: translateX(-50%); }
.movement-diagram-panels figcaption { padding: .4rem .6rem; color: var(--movement-deep); font-weight: 750; }

.movement-safety { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(17rem, .65fr); gap: clamp(2rem, 6vw, 5rem); padding: clamp(2rem, 5vw, 4.5rem); border-radius: 2rem; color: #fff; background: var(--movement-deep); }
.movement-safety .movement-kicker { color: var(--movement-mint); }
.movement-safety > div p:not(.movement-kicker) { color: #dcebe6; }
.movement-safety aside { align-self: center; padding: 1.5rem; border: 1px solid rgba(255,255,255,.16); border-radius: 1.2rem; background: rgba(255,255,255,.06); }
.movement-safety aside strong { color: var(--movement-gold); }
.movement-safety ul { margin: 1rem 0 0; padding-left: 1.15rem; }
.movement-safety li + li { margin-top: .45rem; }

.movement-sources { padding: clamp(4rem, 8vw, 7rem) 0; }
.movement-sources p { max-width: 50rem; color: #557068; }
.movement-sources ul { display: flex; flex-wrap: wrap; gap: .7rem; padding: 0; list-style: none; }
.movement-sources a { display: inline-flex; padding: .65rem .85rem; border: 1px solid var(--movement-line); border-radius: 999px; background: #fff; text-underline-offset: .2rem; }

.movement-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1.5rem clamp(1rem, 5vw, 5rem); color: #a8c2b9; background: #092a24; font-size: .85rem; }
.movement-footer a { color: #fff; font-weight: 850; }
.movement-toast { position: fixed; z-index: 50; right: 1rem; bottom: 1rem; max-width: 24rem; padding: .85rem 1rem; border-radius: .8rem; color: #fff; background: var(--movement-deep); box-shadow: var(--movement-shadow); opacity: 0; pointer-events: none; transform: translateY(1rem); transition: opacity .2s, transform .2s; }
.movement-toast.is-visible { opacity: 1; transform: translateY(0); }

:focus-visible { outline: 3px solid var(--movement-gold); outline-offset: 3px; }

@media (max-width: 900px) {
  .movement-proposal, .movement-player, .movement-safety { grid-template-columns: 1fr; }
  .movement-overview { gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .movement-overview-card { grid-template-columns: minmax(0, 1fr) 6.5rem; padding: 1rem; }
  .movement-player { min-height: 0; }
  .movement-demo { min-height: 22rem; }
  .movement-player-content { min-height: 30rem; }
  .movement-player-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .movement-masthead { min-height: 4.15rem; }
  .movement-masthead nav { display: none; }
  .movement-hero { padding: 1.3rem 1rem 1.8rem; background: linear-gradient(155deg, #f7f4ea 0 58%, #e4f3ea 100%); }
  .movement-breadcrumb { margin-bottom: 1.25rem; }
  .movement-hero h1 { font-size: clamp(2.45rem, 10.5vw, 3.6rem); }
  .movement-hero .movement-kicker { font-size: .74rem; }
  .movement-lead { margin-top: .9rem; font-size: .93rem; line-height: 1.5; }
  .movement-overview { grid-template-columns: 1fr; gap: .65rem; margin-top: 1.25rem; }
  .movement-overview-card { grid-template-columns: minmax(0, 1fr) 5.5rem; min-height: 0; padding: 1rem; border-radius: .85rem; }
  .movement-overview-index { display: flex; }
  .movement-overview-copy { gap: .25rem; margin-top: .75rem; }
  .movement-overview-copy strong { font-size: 1.02rem; padding-right: .6rem; }
  .movement-overview-copy > span { font-size: .79rem; line-height: 1.35; }
  .movement-overview-copy small { margin-top: .1rem; font-size: .69rem; }
  .movement-overview-arrow { bottom: .75rem; right: .65rem; font-size: 1rem; }
  .movement-options, .movement-library { grid-template-columns: 1fr; }
  .movement-options span { min-height: 0; }
  .movement-options-families label > span { grid-template-columns: 5rem minmax(0, 1fr); column-gap: .7rem; }
  .movement-proposal { padding: 1.15rem; border-radius: 1.25rem; }
  .movement-proposal-actions { display: grid; }
  .movement-proposal-steps { max-height: 17rem; }
  .movement-player-shell { min-height: calc(100vh - 4.15rem); padding: .75rem; }
  .movement-player-topline p { display: block; }
  .movement-player-topline strong { display: block; margin-top: .2rem; padding: 0; border: 0; }
  .movement-demo { min-height: 13rem; }
  .movement-demo .movement-diagram { padding: .6rem; }
  .movement-player-content { min-height: 0; padding: 1rem; }
  .movement-player-content h2 { margin-top: .7rem; }
  .movement-next { margin-top: .9rem; }
  .movement-player-controls { position: sticky; bottom: .5rem; }
  .movement-library summary { grid-template-columns: minmax(0, 1fr) 5rem auto; gap: .6rem; padding: .75rem; }
  .movement-library summary .movement-diagram-thumb { width: 5rem; }
  .movement-library-action { display: none; }
  .movement-library details > div { grid-template-columns: 1fr; padding: .25rem .8rem 1rem; }
  .movement-diagram-panels { grid-template-columns: 1fr; gap: 1.1rem; }
  .movement-diagram-dialog { width: calc(100% - 1.2rem); max-height: calc(100dvh - 1.2rem); padding: 1rem; }
  .movement-diagram-dialog-head { position: sticky; top: -1rem; padding: .8rem 0; margin-top: -.8rem; background: var(--movement-cream); z-index: 1; }
  .movement-safety { padding: 1.35rem; border-radius: 1.3rem; }
  .movement-footer { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .movement-options label:hover span { transform: none; }
  .movement-overview-card:hover { transform: none; }
}

@media (forced-colors: active) {
  .movement-hero, .movement-proposal, .movement-player-shell, .movement-safety, .movement-running, .movement-running-live, .movement-paper-analysis { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .movement-hero *, .movement-proposal *, .movement-player-shell *, .movement-safety *, .movement-running *, .movement-running-live *, .movement-paper-analysis * { color: CanvasText !important; }
  .movement-diagram img, .movement-overview-art img, .movement-family-art img, .movement-diagram-thumb img, .movement-diagram-frame img, .movement-running-preview img { forced-color-adjust: none; }
  .movement-overview-card { border-color: CanvasText; background: Canvas; }
  .movement-diagram-dialog, .movement-diagram-zoom, .movement-diagram-dialog-head { color: CanvasText; border-color: CanvasText; background: Canvas; }
}

.movement-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.movement-running { width: min(88rem, calc(100% - 2rem)); margin: clamp(2rem, 5vw, 5rem) auto 0; padding: clamp(1.2rem, 3vw, 2.5rem); border-radius: clamp(1.5rem, 3vw, 2.5rem); color: #eef8f3; background: radial-gradient(circle at 86% 3%, rgba(157,227,196,.2), transparent 27rem), linear-gradient(145deg, #092a24, #103f35 58%, #0b3028); box-shadow: 0 2.2rem 6rem rgba(8,39,33,.18); scroll-margin-top: 6rem; }
#movement-chooser, #movement-understand { scroll-margin-top: 5rem; }
.movement-running-stage { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(.5rem, 2vw, 1.4rem) clamp(.2rem, 2vw, 1.2rem) clamp(2rem, 4vw, 3rem); }
.movement-running .movement-section-heading { max-width: 50rem; margin: 0; }
.movement-running .movement-section-heading h2 { color: #fff; }
.movement-running .movement-section-heading > p:last-child { color: #c4ded4; }
.movement-running .movement-kicker { color: var(--movement-mint); }
.movement-running-preview { margin: 0; padding: 1rem; border: 1px solid #98b79e; border-radius: 1.8rem; color: #214634; background: #d9e9d8; }
.movement-running-preview img { display: block; width: min(100%, 28rem); height: auto; margin: auto; }
.movement-running-preview figcaption { max-width: 26rem; margin: .2rem auto .5rem; text-align: center; font-size: .85rem; }
.movement-running-form { display: grid; gap: 1.1rem; padding: clamp(1rem, 3vw, 2rem); border-radius: 1.8rem; color: var(--movement-ink); background: #fbf8ef; box-shadow: 0 1.5rem 4rem rgba(1,18,14,.28); }
.movement-running-form-head { max-width: 42rem; padding: .3rem .35rem .8rem; }
.movement-running-form-head .movement-kicker { color: var(--movement-green); }
.movement-running-form-head h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 3vw, 2.6rem); font-weight: 600; line-height: 1.1; }
.movement-running-form-head p:last-child { margin: .55rem 0 0; color: #577067; }
.movement-running-form fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
.movement-running-controls { display: block; }
.movement-running-builder { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, .36fr); gap: 1.3rem; align-items: start; }
.movement-running-steps { display: grid; gap: 1rem; }
.movement-running-step { padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid #d6e3dc; border-radius: 1.2rem; background: rgba(255,255,255,.72); }
.movement-running-step h4 { display: flex; align-items: center; gap: .75rem; margin: 0 0 1rem; font-size: 1rem; }
.movement-running-step h4 > span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: #fff; background: var(--movement-green); font-size: .72rem; }
.movement-running-form :disabled { cursor: default; }
.movement-print-toolbar button:disabled { opacity: .55; cursor: default; }
.movement-paper { scroll-margin-top: 6rem; }
.movement-running-goals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.movement-running-levels { margin-bottom: 1rem; }
.movement-running-fields { display: grid; grid-template-columns: 1fr 1.35fr; gap: 1rem; }
.movement-running-fields label { display: grid; gap: .35rem; font-weight: 750; }
.movement-running-fields input, .movement-running-fields select, .movement-running-chrono input, .movement-running-chrono select { min-width: 0; width: 100%; min-height: 3rem; padding: .7rem; border: 1px solid #b4ccc0; border-radius: .7rem; background: #fff; color: #173c31; }
.movement-running-fields small { color: #60776f; font-weight: 500; }
.movement-running-check label { display: flex; align-items: flex-start; gap: .6rem; }
.movement-running-check input { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin-top: .22rem; accent-color: var(--movement-green); }
.movement-running-intents { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.movement-running-chrono { display: grid; grid-template-columns: .72fr 1.28fr; gap: 1rem; margin-top: 1rem; padding: 1rem; border-radius: 1rem; background: #eff6f0; }
.movement-running-chrono > p { grid-column: 1 / -1; margin: 0; color: #526b61; font-size: .82rem; }
.movement-running-field-title { display: grid; gap: .45rem; margin: 0 0 .5rem; font-weight: 800; }
.movement-time-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.movement-time-fields-reference { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.movement-time-fields label { display: grid; gap: .25rem; color: #547068; font-size: .78rem; font-weight: 700; }
.movement-running-privacy { margin: 0; color: #4a6656; font-size: .85rem; }
.movement-running-form [data-running-status] { margin: 0; padding: 1rem; border-left: 4px solid var(--movement-green); border-radius: .2rem .8rem .8rem .2rem; background: #e2f1e8; }
.movement-running-prerequisite { margin: 0; padding: .85rem 1rem; color: #325447; border-radius: .65rem; background: #eef5ed; font-size: .92rem; }
.movement-running-form button { justify-self: start; }
.movement-running-form [role="status"]:empty { display: none; }
.movement-running-live { position: sticky; top: 6rem; padding: 1.25rem; border-radius: 1.2rem; color: #fff; background: linear-gradient(155deg, #143f35, #0d2d27); box-shadow: 0 1rem 2rem rgba(8,39,33,.16); }
.movement-running-live h4 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.45rem; font-weight: 600; line-height: 1.2; }
.movement-running-live dl { margin: 1.2rem 0; }
.movement-running-live dl div { padding: .7rem 0; border-top: 1px solid rgba(255,255,255,.13); }
.movement-running-live dt { color: #b9d6cc; font-size: .72rem; }
.movement-running-live dd { margin: .15rem 0 0; font-weight: 760; }
.movement-running-live > p:last-child { margin: 0; color: #c9ddd5; font-size: .82rem; }
.movement-print-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin: 1.7rem 0; }
.movement-print-toolbar p { max-width: 50rem; margin: 0; color: #c5ded5; }
.movement-print-toolbar button { flex: 0 0 auto; }
.movement-paper { padding: clamp(1rem, 3vw, 2.2rem); border: 1px solid #c7d3c6; border-radius: 1.3rem; color: var(--movement-ink); background: #fff; box-shadow: 0 .7rem 2rem rgba(4,26,20,.22); }
.movement-paper h3 { margin: 0; font-size: clamp(1.6rem, 3vw, 2.6rem); line-height: 1.15; letter-spacing: -.025em; }
.movement-paper header > p:not(.movement-kicker) { max-width: 62rem; color: #466553; }
.movement-paper-scope { padding-bottom: 1rem; border-bottom: 1px solid #ccdacc; color: #365743; }
.movement-paper-analysis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin: 1.2rem 0; padding: 1rem; border-radius: 1rem; background: #103f35; }
.movement-paper-analysis p { display: grid; gap: .2rem; margin: 0; padding: .65rem; border-radius: .7rem; background: rgba(255,255,255,.08); }
.movement-paper-analysis span { color: #bdd8ce; font-size: .72rem; }
.movement-paper-analysis strong { color: #fff; font-size: 1.05rem; }
.movement-paper-analysis small { grid-column: 1 / -1; color: #cce0d8; }
.movement-running-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1.3rem; }
.movement-running-legend p { margin: 0; padding: .8rem; border-radius: .6rem; color: #3a5c45; background: #f0f5ec; font-size: .83rem; }
.movement-running-legend strong { display: block; color: #224a35; }
.movement-paper-weeks { display: grid; gap: 1rem; }
.movement-paper-week { padding: 1.1rem; border: 1px solid #d4dfd1; border-radius: .8rem; break-inside: avoid; scroll-margin-top: 6rem; }
.movement-paper-week h4 { margin: 0; color: #174735; font-size: 1rem; }
.movement-paper-week h4 span { display: block; margin-top: .25rem; color: #365a46; font-weight: 650; }
.movement-paper-week > p { margin: .7rem 0; color: #4b6552; font-size: .92rem; }
.movement-paper-sessions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.movement-paper-session { min-width: 0; padding: .85rem; border-radius: .65rem; background: #f4f7f0; }
.movement-paper-session-date { margin: 0 0 .4rem; color: #4b6655; font-size: .78rem; text-transform: capitalize; }
.movement-paper-session h5 { display: flex; flex-wrap: wrap; gap: .25rem .7rem; justify-content: space-between; margin: 0; color: #254c38; font-size: .94rem; }
.movement-paper-session h5 span { font-size: .8rem; font-weight: 600; }
.movement-paper-session ol { padding-left: 1.1rem; margin: .6rem 0 .9rem; font-size: .85rem; line-height: 1.45; color: #3c5c45; }
.movement-paper-session li + li { margin-top: .35rem; }
.movement-paper-sessions label { display: grid; gap: .4rem; min-width: 0; font-size: .87rem; }
.movement-paper-sessions textarea { resize: vertical; width: 100%; min-height: 3.2rem; padding: .6rem; border: 1px solid #b6ccba; border-radius: .5rem; color: #234d37; background: #fff; }
.movement-paper-session-print { display: none; }
.movement-paper footer { margin-top: 1.5rem; font-size: .83rem; color: #4b6150; }
.movement-paper footer ul { display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; padding: 0; list-style: none; }
.movement-paper footer a { text-underline-offset: .2rem; }
@media (max-width: 680px) {
  .movement-running { width: calc(100% - 1rem); padding: 1rem; border-radius: 1.4rem; }
  .movement-running-stage, .movement-running-builder, .movement-running-chrono { grid-template-columns: 1fr; }
  .movement-running-preview img { max-width: 21rem; }
  .movement-running-live { position: static; order: -1; }
  .movement-running-goals, .movement-running-fields, .movement-running-intents, .movement-paper-analysis, .movement-paper-sessions, .movement-running-legend { grid-template-columns: 1fr; }
  .movement-paper-analysis small { grid-column: 1; }
  .movement-time-fields-reference { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .movement-print-toolbar { align-items: stretch; flex-direction: column; gap: 1rem; }
}
@media print {
  @page { size: A4; margin: 14mm; }
  html { scroll-behavior: auto; }
  body { font: 10pt/1.4 Arial, sans-serif; color: #111; background: #fff; }
  .movement-masthead, .movement-footer, .movement-skip, .movement-toast, main > section:not(.movement-running), .movement-running-stage, .movement-running-form, .movement-print-toolbar { display: none !important; }
  .movement-running { display: block !important; width: 100%; margin: 0; padding: 0; }
  .movement-paper { border: 0; border-radius: 0; padding: 0; box-shadow: none; }
  .movement-paper h3 { font-size: 19pt; }
  .movement-paper-week { padding: 8pt; border-color: #aaa; border-radius: 0; }
  .movement-paper-week h4 { font-size: 11pt; }
  .movement-paper-weeks { gap: 8pt; }
  .movement-running-legend { gap: 6pt; margin-bottom: 10pt; }
  .movement-running-legend p { padding: 5pt; font-size: 8pt; border: 1px solid #aaa; background: #fff; }
  .movement-paper-sessions { grid-template-columns: 1fr 1fr; gap: 8pt; }
  .movement-paper-session { padding: 5pt; border: 1px solid #bbb; border-radius: 0; background: #fff; }
  .movement-paper-session h5 { font-size: 9pt; }
  .movement-paper-session h5 span, .movement-paper-session-date { font-size: 8pt; }
  .movement-paper-session ol { font-size: 8pt; margin-bottom: 3pt; }
  .movement-paper-session li + li { margin-top: 2pt; }
  .movement-paper-sessions label { display: none; }
  .movement-paper-sessions textarea { display: none; }
  .movement-paper-session-print { display: block; white-space: pre-wrap; overflow-wrap: anywhere; padding: 3pt 0; border-bottom: 1px dotted #888; }
  .movement-paper-session-print:empty { display: none; }
  .movement-paper footer { font-size: 8pt; break-inside: avoid; }
  .movement-paper footer a::after { content: " (" attr(href) ")"; overflow-wrap: anywhere; }
  .movement-paper * { color: #111 !important; }
  .movement-paper :focus-visible { outline: none; }
}