.number-token,.hit-pad,.drag-target,.resolve-state,.approach-ring,.spin-out{--primitive-tone: var(--color-lime);--primitive-tone-rgb: 198, 255, 0}.number-token--blue,.hit-pad--blue,.spin-out--blue{--primitive-tone: var(--color-blue);--primitive-tone-rgb: 102, 184, 255}.number-token--orange,.hit-pad--orange,.spin-out--orange{--primitive-tone: var(--color-orange);--primitive-tone-rgb: 255, 155, 93}.number-token--purple,.hit-pad--purple,.spin-out--purple{--primitive-tone: var(--color-purple);--primitive-tone-rgb: 183, 150, 255}.hit-pad--cyan{--primitive-tone: #5bd9cf;--primitive-tone-rgb: 91, 217, 207}.hit-pad--gold{--primitive-tone: #ffd166;--primitive-tone-rgb: 255, 209, 102}.number-token--neutral{--primitive-tone: var(--color-ink-muted);--primitive-tone-rgb: 169, 178, 172}.number-token{display:inline-grid;min-width:3.5rem;min-height:3.5rem;place-items:center;padding:.45rem;border:1px solid var(--primitive-tone);border-radius:50%;background:#041315c7;box-shadow:inset 0 0 0 .18rem rgba(var(--primitive-tone-rgb),.08);color:var(--color-ink);font-family:Dela Gothic One,sans-serif;font-size:1.1rem;line-height:1;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.number-token__glyph{display:grid;width:100%;height:100%;place-items:center;line-height:1;transform:translateY(-.035em)}button.number-token{cursor:grab}button.number-token:active{cursor:grabbing}.number-token--small{min-width:2.75rem;min-height:2.75rem;font-size:.85rem}.number-token--large{min-width:5.25rem;min-height:5.25rem;font-size:1.65rem}.number-token--active,.number-token--selected{background:rgba(var(--primitive-tone-rgb),.16);box-shadow:0 0 1.6rem rgba(var(--primitive-tone-rgb),.24),inset 0 0 0 .18rem rgba(var(--primitive-tone-rgb),.2);transform:translateY(-.18rem) scale(1.03)}.number-token--disabled{border-color:var(--color-border-strong);box-shadow:none;color:var(--color-ink-faint);opacity:.58}.number-token:focus-visible,.hit-pad:focus-visible,.drag-target:focus-visible,.resolve-state__action:focus-visible,.primitive-harness__control:focus-visible,.primitive-harness__range:focus-visible{box-shadow:var(--focus-ring);outline:0}.approach-ring{position:relative;display:grid;width:7rem;height:7rem;place-items:center;overflow:visible;transform:scale(var(--approach-ring-scale, 1));transform-origin:50% 50%}.approach-ring--small{width:4.75rem;height:4.75rem}.approach-ring--large{width:10rem;height:10rem}.approach-ring__svg{width:100%;height:100%;overflow:visible}.approach-ring__track{fill:none;stroke-width:var(--approach-ring-outline-width, 1.5px)}.approach-ring__track{stroke:#e8f1edb8;stroke-linecap:round;filter:drop-shadow(0 0 .25rem rgba(232,241,237,.12))}.approach-ring--active .approach-ring__track{stroke:var(--color-success);filter:drop-shadow(0 0 .38rem rgba(113,226,154,.38))}.approach-ring--disabled{opacity:.45}.approach-ring__label{position:absolute;max-width:72%;overflow:hidden;color:var(--color-ink);font-size:.64rem;font-weight:700;letter-spacing:.1em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hit-pad{position:relative;display:grid;width:min(100%,9rem);min-height:7.75rem;place-items:center;border:1px solid var(--primitive-tone);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.24),#041315e0 64%);box-shadow:inset 0 0 0 .45rem rgba(var(--primitive-tone-rgb),.08);color:var(--color-ink);cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background-color .13s ease}.hit-pad:before,.hit-pad:after{position:absolute;content:""}.hit-pad:before{inset:.65rem;border:1px solid rgba(var(--primitive-tone-rgb),.5);border-radius:inherit}.hit-pad:after{width:1rem;height:1rem;border:1px solid var(--primitive-tone);border-radius:50%;background:var(--color-background-deep)}.hit-pad:hover:not(:disabled),.hit-pad--active{background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.46),#041315cc 64%);box-shadow:0 0 1.8rem rgba(var(--primitive-tone-rgb),.26),inset 0 0 0 .45rem rgba(var(--primitive-tone-rgb),.16);transform:translateY(-.14rem)}.hit-pad:active:not(:disabled){transform:scale(.96)}.hit-pad:disabled{border-color:var(--color-border-strong);color:var(--color-ink-faint);cursor:not-allowed;opacity:.55}.hit-pad__inner{position:relative;z-index:1;font-family:Dela Gothic One,sans-serif;font-size:1.65rem;line-height:1}.spin-out{position:relative;display:grid;width:8rem;height:8rem;place-items:center}.spin-out__token{position:relative;z-index:1;display:grid;width:3.75rem;height:3.75rem;place-items:center;border:1px solid var(--primitive-tone);border-radius:50%;background:var(--color-background-deep);box-shadow:inset 0 0 0 .2rem rgba(var(--primitive-tone-rgb),.1);color:var(--color-ink);font-family:Dela Gothic One,sans-serif;font-size:1.2rem}.spin-out__burst{position:absolute;width:1.2rem;height:1.2rem;border:1px solid rgba(var(--primitive-tone-rgb),.54);border-radius:50%;opacity:0}.spin-out--active .spin-out__token{animation:primitive-spin-out .56s cubic-bezier(.14,.75,.31,1) forwards}.spin-out--active .spin-out__burst{animation:primitive-spin-burst .56s ease-out forwards}.spin-out--unlock{width:11.5rem;height:11.5rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--primitive-tone);cursor:grab;isolation:isolate;touch-action:none}.spin-out--unlock:active:not(:disabled){cursor:grabbing}.spin-out--unlock:focus-visible{box-shadow:var(--focus-ring);outline:0}.spin-out--unlock:disabled{cursor:not-allowed;opacity:.5}.spin-out__unlock-track,.spin-out__unlock-charge,.spin-out__unlock-indicator{position:absolute;border-radius:50%;pointer-events:none}.spin-out__unlock-track{inset:.5rem;border:1px solid rgba(var(--primitive-tone-rgb),.36);box-shadow:inset 0 0 0 .55rem rgba(var(--primitive-tone-rgb),.05)}.spin-out__unlock-charge{inset:.32rem;background:conic-gradient(from -90deg,var(--primitive-tone) calc(var(--spin-progress) * 1turn),rgba(var(--primitive-tone-rgb),.08) 0);-webkit-mask:radial-gradient(transparent 62%,#000 63%);mask:radial-gradient(transparent 62%,#000 63%);filter:drop-shadow(0 0 .4rem rgba(var(--primitive-tone-rgb),.45))}.spin-out__unlock-indicator{top:.18rem;left:calc(50% - .33rem);width:.66rem;height:.66rem;border:1px solid var(--primitive-tone);background:var(--color-background-deep);box-shadow:0 0 .7rem rgba(var(--primitive-tone-rgb),.55);transform:rotate(calc(var(--spin-progress) * 1turn)) translateY(.06rem);transform-origin:.33rem 5.57rem}.spin-out--freehand .spin-out__unlock-indicator{top:calc(var(--spin-orbit-y) * 100%);left:calc(var(--spin-orbit-x) * 100%);transform:translate(-50%,-50%);transform-origin:center}.spin-out__unlock-copy{position:relative;z-index:1;align-self:end;margin-bottom:.85rem;padding:.3rem .45rem;border:1px solid rgba(var(--primitive-tone-rgb),.45);background:var(--color-background-deep);color:var(--primitive-tone);font-size:.56rem;font-weight:700;letter-spacing:.16em}.spin-out--unlock.spin-out--unlocked .spin-out__unlock-track{border-color:var(--color-success);box-shadow:0 0 1.3rem #71e29a47,inset 0 0 0 .55rem #71e29a14}.spin-out--unlock.spin-out--unlocked .spin-out__unlock-copy{border-color:var(--color-success);color:var(--color-success)}.drag-target{display:grid;min-width:10rem;min-height:7.75rem;place-items:center;gap:.25rem;padding:.9rem 1rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-small);background:#04131573;color:var(--color-ink-muted);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.drag-target:hover:not(:disabled),.drag-target--ready{border-color:var(--color-lime);background:#c6ff000d;color:var(--color-ink)}.drag-target--over{border-color:var(--color-lime);background:#c6ff0026;box-shadow:inset 0 0 0 1px #c6ff005c,0 0 1.3rem #c6ff0024;color:var(--color-ink);transform:scale(1.02)}.drag-target--accepted{border-color:var(--color-success);background:#71e29a1c;color:var(--color-success)}.drag-target--rejected{border-color:var(--color-error);background:#ff6f6f1a;color:var(--color-error)}.drag-target:disabled{cursor:not-allowed;opacity:.46}.drag-target__glyph{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.25rem;line-height:1}.drag-target__label{color:var(--color-ink);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.drag-target__status{color:currentColor;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.resolve-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;min-width:min(100%,19rem);padding:1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface)}.resolve-state__indicator{width:.8rem;height:.8rem;border:1px solid var(--color-ink-faint);border-radius:50%}.resolve-state--success{border-color:#71e29aa6}.resolve-state--success .resolve-state__indicator{border-color:var(--color-success);background:var(--color-success);box-shadow:0 0 .7rem #71e29a85}.resolve-state--error{border-color:#ff6f6fb8}.resolve-state--error .resolve-state__indicator{border-color:var(--color-error);background:var(--color-error);box-shadow:0 0 .7rem #ff6f6f6b}.resolve-state__content{min-width:0}.resolve-state__eyebrow{display:block;margin-bottom:.22rem;color:var(--color-ink-faint);font-size:.56rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.resolve-state__title{font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.2}.resolve-state__message{margin-top:.28rem;color:var(--color-ink-muted);font-size:.72rem;line-height:1.35}.resolve-state__action,.primitive-harness__control{min-height:2.4rem;padding:.55rem .72rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:transparent;color:var(--color-ink);cursor:pointer;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.resolve-state__action:hover:not(:disabled),.primitive-harness__control:hover:not(:disabled),.primitive-harness__control--selected{border-color:var(--color-lime);background:#c6ff001a;color:var(--color-lime)}.resolve-state__action:disabled,.primitive-harness__control:disabled{cursor:not-allowed;opacity:.5}.primitive-harness{padding:clamp(3.5rem,7vw,6rem) 0}.primitive-harness__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.5fr);gap:2rem;align-items:end;margin-bottom:2.5rem}.primitive-harness__intro h1{margin-top:.6rem;font-size:clamp(2.5rem,7vw,5.8rem)}.primitive-harness__intro-copy{color:var(--color-ink-muted);line-height:1.55}.primitive-harness__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.primitive-harness__card{min-width:0;padding:clamp(1.1rem,3vw,1.7rem);border:1px solid var(--color-border);background:linear-gradient(145deg,#103336d1,#071b1dbd)}.primitive-harness__card--wide{grid-column:span 2}.primitive-harness__card-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.primitive-harness__card h2{font-size:clamp(1.35rem,3vw,2rem)}.primitive-harness__api{color:var(--color-ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:-.02em;text-align:right}.primitive-harness__stage{display:flex;min-height:12rem;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,2rem);padding:1.2rem;border:1px solid rgba(71,113,113,.58);background-color:#0413157a;background-image:linear-gradient(rgba(71,113,113,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(71,113,113,.13) 1px,transparent 1px);background-position:center;background-size:1.7rem 1.7rem}.primitive-harness__stage--wrap{flex-wrap:wrap}.primitive-harness__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}.primitive-harness__range-label{display:grid;flex:1 1 12rem;gap:.35rem;color:var(--color-ink-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.primitive-harness__range{width:100%;accent-color:var(--color-lime)}.primitive-harness__hint{margin-top:.9rem;color:var(--color-ink-faint);font-size:.7rem;line-height:1.45}@keyframes primitive-spin-out{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(2.2rem,-2.8rem) rotate(380deg) scale(.48)}}@keyframes primitive-spin-burst{0%{opacity:.75;transform:scale(.5)}to{opacity:0;transform:scale(5.8)}}@media(max-width:760px){.primitive-harness__intro,.primitive-harness__grid{grid-template-columns:1fr}.primitive-harness__card--wide{grid-column:auto}.primitive-harness__intro{align-items:start}.primitive-harness__api{text-align:left}.resolve-state{grid-template-columns:auto minmax(0,1fr)}.resolve-state__action{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.number-token,.hit-pad,.drag-target,.approach-ring,.resolve-state__action,.primitive-harness__control{transition:none}.number-token--active,.number-token--selected,.hit-pad:hover:not(:disabled),.hit-pad--active,.drag-target--over{transform:none}.spin-out--active .spin-out__token,.spin-out--active .spin-out__burst{animation:none}.spin-out--active .spin-out__token{background:rgba(var(--primitive-tone-rgb),.24);box-shadow:0 0 1rem rgba(var(--primitive-tone-rgb),.24)}.spin-out--unlock .spin-out__unlock-charge{filter:none}}.music-map{padding:clamp(2.25rem,5vw,4.75rem) 0 clamp(4rem,8vw,7rem)}.music-map__container{width:min(100% - (var(--gutter) * 2),84rem)}.music-map__intro{display:grid;gap:.8rem;max-width:56rem}.music-map__intro h1{font-size:clamp(2.5rem,7vw,6rem)}.music-map__intro>p:last-child{max-width:43rem;color:var(--color-ink-muted)}.music-map__module{margin-top:clamp(1.5rem,4vw,3rem);border:1px solid var(--color-border);background:linear-gradient(145deg,#103336cc,#041315f0);box-shadow:0 1.2rem 4rem #0003}.music-map__transport,.music-map__marker-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.65rem;border-bottom:1px solid var(--color-border);background:#04131573}.music-map__transport-group,.music-map__zoom,.music-map__speed{display:flex;align-items:center;gap:.3rem;padding-left:.55rem;border-left:1px solid var(--color-border)}.music-map__zoom>span{min-width:2.1rem;color:var(--color-ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;text-align:center}.music-map__speed>span{color:var(--color-ink-muted);font-size:.62rem;font-weight:700;letter-spacing:.1em}.music-map__speed select{width:auto;min-width:4.1rem}.music-map__button{min-height:2.45rem;padding:.45rem .7rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:#0d292cb8;color:var(--color-ink);cursor:pointer;font-family:inherit;font-size:.62rem;font-weight:700;letter-spacing:.1em;line-height:1}.music-map__button:hover:not(:disabled){border-color:var(--color-lime);color:var(--color-lime)}.music-map__button--primary{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-background-deep)}.music-map__button--primary:hover:not(:disabled){background:#d5ff4b;color:var(--color-background-deep)}.music-map__button--danger{border-color:var(--color-error);background:var(--color-error);color:var(--color-background-deep)}.music-map__button--danger:hover:not(:disabled){border-color:#ff9595;background:#ff9595;color:var(--color-background-deep)}.music-map__button:disabled{cursor:not-allowed;opacity:.42}.music-map__button:focus-visible,.music-map__cursor:focus-visible,.music-map__marker:focus-visible,.music-map select:focus-visible,.music-map input:focus-visible,.music-map textarea:focus-visible,.music-map__waveform:focus-visible{box-shadow:var(--focus-ring);outline:0}.music-map__readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-border)}.music-map__readout>div{display:grid;gap:.2rem;min-height:4.45rem;align-content:center;padding:.65rem .9rem;border-right:1px solid var(--color-border)}.music-map__readout>div:last-child{border-right:0}.music-map__readout span,.music-map label,.music-map__marker-toolbar>p,.music-map__waveform-scale,.music-map__marker-list>p,.music-map__marker-editor>p,.music-map__export>p{color:var(--color-ink-muted);font-size:.62rem;font-weight:700;letter-spacing:.1em;line-height:1.35}.music-map__readout strong{color:var(--color-lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.86rem,1.7vw,1.12rem);font-weight:700}.music-map-preview{display:grid;gap:.5rem;padding:.6rem 1rem .75rem;border-bottom:1px solid var(--color-border);background:#04131552}.music-map-preview__copy{display:block}.music-map-preview__copy h2{margin:0}.music-map-preview__panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.music-map-preview__panel{display:grid;min-width:0;gap:.45rem;padding:.55rem;border:1px solid rgba(71,113,113,.48);border-radius:var(--radius-small);background:#04131542}.music-map-preview__panel header{display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:0}.music-map-preview__panel h3,.music-map-preview__panel header span{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;font-weight:800;letter-spacing:.1em;line-height:1.2}.music-map-preview__panel h3{color:var(--color-ink)}.music-map-preview__panel header span{flex:0 0 auto;color:var(--color-ink-muted);font-size:.48rem}.music-map-preview__stage{position:relative;width:min(100%,11.25rem);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:1px solid rgba(71,113,113,.48);border-radius:var(--radius-small);background:radial-gradient(circle at 50% 50%,rgba(198,255,0,.06),transparent 58%),#04131580}.music-map-preview__approach,.music-map-preview__token,.music-map-preview__pad,.music-map-preview__spin,.music-map-preview__drag-target,.music-map-preview__drag-token{position:absolute}.music-map-preview__approach,.music-map-preview__token,.music-map-preview__spin{inset:0;display:grid;place-items:center}.music-map-preview__approach{z-index:1;pointer-events:none}.music-map-preview__approach .approach-ring--large{width:var(--music-map-preview-token-size);height:var(--music-map-preview-token-size)}.music-map-preview__token{z-index:4;pointer-events:none}.music-map-preview__token .number-token{width:var(--music-map-preview-token-size);min-width:0;height:var(--music-map-preview-token-size);min-height:0;padding:0;font-size:clamp(1.25rem,3.5vw,1.85rem)}.music-map-preview__pad{z-index:3;width:var(--music-map-preview-pad-size);height:var(--music-map-preview-pad-size);transform:translate(-50%,-50%)}.music-map-preview__pad .hit-pad{width:100%;min-height:100%;height:100%;padding:0}.music-map-preview__pad .hit-pad:before{inset:.3rem}.music-map-preview__pad .hit-pad:after{width:.5rem;height:.5rem}.music-map-preview__pad .hit-pad__inner{font-size:clamp(.68rem,1.6vw,.92rem)}.music-map-preview__pad .hit-pad--active{transform:scale(1.07)}.music-map-preview__pad--selected .hit-pad{border-color:var(--primitive-tone);box-shadow:0 0 1rem rgba(var(--primitive-tone-rgb),.28),inset 0 0 0 .25rem rgba(var(--primitive-tone-rgb),.15)}.music-map-preview__spin{z-index:6;pointer-events:none}.music-map-preview__spin .spin-out--unlock{width:min(72%,11.5rem);height:auto;aspect-ratio:1}.music-map-preview__spin .spin-out__unlock-indicator{transform-origin:.33rem calc(50% - .18rem)}.music-map-preview__drag-target,.music-map-preview__drag-token{z-index:7;transform:translate(-50%,-50%)}.music-map-preview__drag-target .drag-target{min-width:4.5rem;min-height:4.5rem;padding:.35rem}.music-map-preview__drag-target .drag-target__glyph{width:1.25rem;height:1.25rem;font-size:.9rem}.music-map-preview__drag-target .drag-target__label{font-size:.52rem}.music-map-preview__drag-target .drag-target__status{font-size:.45rem}.music-map-preview__drag-token{z-index:8;pointer-events:none}.music-map-preview__drag-token .number-token{min-width:2.65rem;min-height:2.65rem}.music-map__waveform{position:relative;min-height:clamp(6.5rem,9vw,7.5rem);overflow:hidden;background:linear-gradient(rgba(71,113,113,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(71,113,113,.16) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(102,184,255,.08),transparent 42%),#061819;background-size:2rem 2rem,2rem 2rem,auto,auto}.music-map__waveform--ready{cursor:grab;touch-action:none}.music-map__waveform>p{position:absolute;inset:50% auto auto 50%;width:min(90%,30rem);margin:0;color:var(--color-ink-muted);font-size:.7rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-align:center;transform:translate(-50%,-50%)}.music-map__waveform-svg{position:absolute;inset:0;width:100%;height:100%}.music-map__waveform-svg path{fill:none;stroke:var(--color-lime);stroke-linecap:round;stroke-width:.12;opacity:.82;vector-effect:non-scaling-stroke}.music-map__cursor{position:absolute;top:0;bottom:0;z-index:8;width:clamp(2.5rem,8vw,3.5rem);padding:0;border:0;background:transparent;cursor:ew-resize;transform:translate(-50%)}.music-map__cursor:before{position:absolute;top:.35rem;left:50%;width:.65rem;height:.65rem;border-radius:50%;background:var(--color-ink);content:"";transform:translate(-50%)}.music-map__cursor:after{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--color-ink);box-shadow:0 0 .8rem #f4f5edcc;content:"";transform:translate(-50%)}.music-map__marker{position:absolute;top:0;bottom:0;z-index:6;width:2px;padding:0;border:0;background:var(--color-blue);color:var(--color-background-deep);cursor:ew-resize;transform:translate(-50%)}.music-map__marker span{position:absolute;top:1.55rem;left:.38rem;display:block;padding:.24rem .34rem;background:inherit;color:var(--color-background-deep);font-size:.52rem;font-weight:800;letter-spacing:.08em;line-height:1;white-space:nowrap}.music-map__marker[aria-pressed=true]{z-index:7;width:4px;box-shadow:0 0 0 2px var(--color-background),0 0 1rem currentColor}.music-map__marker--hit-pad-1,.music-map__marker--approach-target,.music-map__marker--drag-target{background:var(--color-lime)}.music-map__marker--hit-pad-2,.music-map__marker--spin-start{background:var(--color-blue)}.music-map__marker--hit-pad-3{background:var(--color-orange)}.music-map__marker--hit-pad-4,.music-map__marker--spin-end{background:var(--color-purple)}.music-map__marker--hit-pad-5{background:#5bd9cf}.music-map__marker--hit-pad-6{background:#ffd166}.music-map__marker--approach-start,.music-map__marker--drag-start,.music-map__marker--section{background:var(--color-orange)}.music-map__waveform-scale{display:flex;justify-content:space-between;padding:.45rem .7rem;border-bottom:1px solid var(--color-border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.music-map__error{margin:0;padding:.75rem;border-bottom:1px solid var(--color-error);color:var(--color-error);font-weight:700}.music-map__marker-toolbar{align-items:end}.music-map label{display:grid;gap:.35rem}.music-map select,.music-map input,.music-map textarea{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:#041315c7;color:var(--color-ink);font:inherit}.music-map select,.music-map input{min-height:2.45rem;padding:.45rem .55rem}.music-map textarea{padding:.65rem;line-height:1.45;resize:vertical}.music-map__marker-toolbar>p{display:flex;flex:1 1 25rem;flex-wrap:wrap;gap:.25rem .65rem;margin:0 0 .15rem}.music-map kbd{display:inline-grid;min-width:1.25rem;min-height:1.25rem;place-items:center;border:1px solid var(--color-border-strong);border-radius:.15rem;background:var(--color-surface-raised);color:var(--color-lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem}.music-map__editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);border-bottom:1px solid var(--color-border)}.music-map__marker-list,.music-map__marker-editor,.music-map__export{padding:clamp(1rem,3vw,1.5rem)}.music-map__marker-list{border-right:1px solid var(--color-border)}.music-map__marker-list h2,.music-map__marker-editor h2,.music-map__export h2{margin:0 0 .85rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em}.music-map__marker-list h2 span{color:var(--color-lime);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.music-map__marker-list-heading{display:flex;align-items:start;justify-content:space-between;gap:.75rem}.music-map__delete-all{min-height:1.8rem;padding:.35rem .5rem;border:1px solid rgba(255,111,111,.7);border-radius:var(--radius-small);background:transparent;color:var(--color-error);cursor:pointer;font:inherit;font-size:.55rem;font-weight:800;letter-spacing:.1em}.music-map__delete-all:disabled{cursor:not-allowed;opacity:.42}.music-map__delete-all:focus-visible,.music-map__selected-pad:focus-visible{box-shadow:var(--focus-ring);outline:0}.music-map__marker-list>p,.music-map__marker-editor>p{margin:0}.music-map__marker-list ol{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.music-map__marker-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--color-border)}.music-map__marker-list li.is-selected{border-color:var(--color-lime);background:#c6ff000f}.music-map__marker-list li>button:first-child{display:flex;min-width:0;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;border:0;background:transparent;color:var(--color-ink);cursor:pointer;font:inherit;text-align:left}.music-map__marker-list strong{color:var(--color-lime);font-size:.65rem;letter-spacing:.08em}.music-map__marker-list span{color:var(--color-ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.music-map__delete{padding:0 .65rem;border:0;border-left:1px solid var(--color-border);background:transparent;color:var(--color-error);cursor:pointer;font-size:.57rem;font-weight:800;letter-spacing:.1em}.music-map__marker-editor{display:grid;align-content:start;gap:.85rem}.music-map__marker-editor h2{margin-bottom:0}.music-map__selected-pad-controls{display:grid;gap:.35rem;color:var(--color-ink-muted);font-size:.62rem;font-weight:700;letter-spacing:.1em}.music-map__selected-pad-controls>div{display:flex;flex-wrap:wrap;gap:.4rem}.music-map__selected-pad{width:2rem;min-height:2rem;padding:0;border:1px solid var(--color-border-strong);border-radius:50%;background:#041315c7;color:var(--color-ink-muted);cursor:pointer;font-family:Dela Gothic One,sans-serif;font-size:.68rem}.music-map__selected-pad[aria-pressed=true]{border-color:var(--color-lime);background:#c6ff001a;box-shadow:0 0 .8rem #c6ff0029;color:var(--color-lime)}.music-map__confirmation{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,1.5rem);border-bottom:1px solid var(--color-border);background:#ff6f6f0f}.music-map__confirmation .eyebrow{margin:0 0 .3rem}.music-map__confirmation h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:.82rem;letter-spacing:.1em}.music-map__confirmation p:last-child{margin:.4rem 0 0;color:var(--color-ink-muted);font-size:.68rem;line-height:1.4}.music-map__confirmation-actions{display:flex;flex:0 0 auto;gap:.45rem}.music-map__export{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.music-map__export .eyebrow{margin-bottom:.45rem}.music-map__export h2{margin:0}.music-map__export textarea{grid-column:1 / -1;min-height:17rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}@media(max-width:62rem){.music-map__readout{grid-template-columns:repeat(3,minmax(0,1fr))}.music-map-preview__panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.music-map__transport-group,.music-map__zoom,.music-map__speed{padding-left:0;border-left:0}.music-map__editor{grid-template-columns:1fr}.music-map-preview__copy{display:block}.music-map-preview__stage{width:min(100%,12rem)}.music-map__marker-list{border-right:0;border-bottom:1px solid var(--color-border)}.music-map__marker-list li>button:first-child{display:grid}.music-map__confirmation{display:grid}}@media(max-width:34rem){.music-map-preview__panels,.music-map__readout{grid-template-columns:1fr}.music-map__readout>div{border-right:0;border-bottom:1px solid var(--color-border)}.music-map__readout>div:last-child{border-bottom:0}.music-map__export{grid-template-columns:1fr;align-items:start}}@media(prefers-reduced-motion:reduce){.music-map__cursor{box-shadow:none}}.orchestrator-harness{padding:clamp(2.25rem,4vw,3.75rem) 0 clamp(3rem,5vw,4.5rem)}.orchestrator-harness__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.55fr);gap:2rem;align-items:end}.orchestrator-harness__intro h1{margin-top:.6rem;font-size:clamp(2.7rem,7vw,6.3rem)}.orchestrator-harness__intro>p{color:var(--color-ink-muted);line-height:1.6}.orchestrator-harness__module{width:min(100%,var(--tutorial-play-area-max-width, 73.75rem));margin:clamp(1.25rem,2.5vw,2rem) auto 0}.orchestrator-harness__toolbar{display:flex;min-height:3.5rem;align-items:center;gap:.65rem;padding:.35rem .5rem;border:1px solid var(--color-border);border-bottom:0;background:#0d292cbd}.orchestrator-harness__controls{display:flex;flex:0 0 auto;gap:.45rem;align-items:center}.orchestrator-harness__music-selector{display:flex;flex:0 0 auto;gap:.2rem;padding:.2rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:#04131585}.orchestrator-harness__music-option{min-height:2.1rem;padding:.4rem .55rem;border:1px solid transparent;border-radius:calc(var(--radius-small) - 1px);background:transparent;color:var(--color-ink-muted);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.orchestrator-harness__music-option--selected{border-color:var(--color-lime);background:#c6ff001f;color:var(--color-lime)}.orchestrator-harness__music-option:disabled{cursor:not-allowed;opacity:.55}.orchestrator-harness__music-option:focus-visible{box-shadow:var(--focus-ring);outline:0}.orchestrator-harness__button{min-height:2.5rem;padding:.55rem .8rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:transparent;color:var(--color-ink);cursor:pointer;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.orchestrator-harness__button--primary{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-background-deep)}.orchestrator-harness__button:hover:not(:disabled){border-color:var(--color-lime);color:var(--color-lime)}.orchestrator-harness__button--primary:hover:not(:disabled){background:#d5ff4b;color:var(--color-background-deep)}.orchestrator-harness__button:disabled{cursor:not-allowed;opacity:.48}.orchestrator-harness__button:focus-visible{box-shadow:var(--focus-ring);outline:0}.orchestrator-harness__instruction{flex:1 1 14rem;min-width:0;min-block-size:calc(2.9em + .7rem);display:flex;align-items:center;margin:0;padding:.35rem .75rem;border-left:2px solid var(--color-lime);color:var(--color-ink);font-size:.7rem;font-weight:700;letter-spacing:.08em;line-height:1.45;text-transform:uppercase}.orchestrator-harness__instruction--empty{border-color:transparent}.tutorial-canvas{position:relative;width:100%;aspect-ratio:var(--tutorial-play-area-aspect-ratio, 1.98);margin:0;overflow:hidden;container-type:size;border:1px solid var(--color-border);background:radial-gradient(circle at 50% 48%,rgba(198,255,0,.08),transparent 23rem),linear-gradient(145deg,#103336cc,#041315e6);isolation:isolate}.tutorial-canvas__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(71,113,113,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(71,113,113,.14) 1px,transparent 1px);background-position:center;background-size:2rem 2rem;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.tutorial-canvas__mechanic-description{position:absolute;top:clamp(.6rem,2cqh,1rem);left:clamp(.6rem,2cqw,1rem);z-index:8;margin:0;display:grid;gap:clamp(.14rem,min(.6cqw,1.2cqh),.35rem);padding:clamp(.42rem,min(1.85cqw,3.4cqh),1.15rem) clamp(.55rem,min(2.1cqw,3.9cqh),1.3rem);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:0 1rem 3rem #0000003d;color:var(--color-ink);font-size:clamp(.64rem,min(2.55cqw,4.7cqh),1.52rem);font-weight:700;letter-spacing:.13em;line-height:1.08;pointer-events:none}.tutorial-canvas__mechanic-description-heading{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.17em}.tutorial-canvas__approach-tutorial{position:absolute;inset:0;z-index:4;color:var(--color-lime);pointer-events:none}.tutorial-canvas__approach-tutorial__timing{position:absolute;left:var(--tutorial-watch-label-x);top:var(--tutorial-watch-label-y);display:grid;justify-items:center;transform:translate(-50%,-50%)}.tutorial-canvas__approach-tutorial__timing-label,.tutorial-canvas__approach-tutorial__target-label{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(198,255,0,.8);border-radius:var(--radius-small);background:#041315e0;box-shadow:0 0 1rem #c6ff0029;color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.15em;line-height:1;text-transform:uppercase}.tutorial-canvas__approach-tutorial__timing-label{min-width:clamp(6.35rem,min(22cqw,30cqh),12.8rem);min-height:clamp(1.8rem,min(5.5cqw,7.4cqh),3.1rem);padding:.35em .65em;font-size:clamp(.64rem,min(2.15cqw,3.2cqh),1.22rem);white-space:nowrap}.tutorial-canvas__approach-tutorial__timing-label-compact{display:none}.tutorial-canvas__approach-tutorial__target{position:absolute;top:50%;left:50%;width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);transform:translate(-50%,-50%)}.tutorial-canvas__approach-tutorial__target-pointer{position:absolute;top:100%;left:50%;width:clamp(1px,.32cqw,3px);height:clamp(1.5rem,7cqh,4rem);background:linear-gradient(to bottom,#c6ff00eb,#c6ff0061);box-shadow:0 0 .55rem #c6ff008f;transform:translate(-50%)}.tutorial-canvas__approach-tutorial__target-pointer:after{position:absolute;top:-.04rem;left:50%;width:0;height:0;border-right:clamp(.28rem,1.15cqh,.62rem) solid transparent;border-bottom:clamp(.38rem,1.45cqh,.75rem) solid var(--color-lime);border-left:clamp(.28rem,1.15cqh,.62rem) solid transparent;content:"";filter:drop-shadow(0 0 .3rem rgba(198,255,0,.78));transform:translate(-50%,-60%)}.tutorial-canvas__approach-tutorial__target-label{position:absolute;top:calc(100% + clamp(2rem,10.5cqh,6rem));left:50%;min-width:clamp(5.2rem,min(14cqw,18cqh),9.5rem);min-height:clamp(1.9rem,min(6cqw,8cqh),3.5rem);padding:.36em .66em;font-size:clamp(.76rem,min(2.45cqw,3.65cqh),1.45rem);transform:translate(-50%);white-space:nowrap}.tutorial-canvas__approach-tutorial__ready-callout{position:absolute;display:inline-flex;color:var(--color-lime);font-family:Space Grotesk,sans-serif;font-size:clamp(.56rem,min(1.7cqw,2.5cqh),1rem);font-weight:700;letter-spacing:.13em;line-height:1;pointer-events:none;text-transform:uppercase;white-space:nowrap}.tutorial-canvas__approach-tutorial__ready-callout--top-left{right:calc(100% - clamp(.45rem,1.6cqh,.9rem));bottom:calc(100% - clamp(.45rem,1.6cqh,.9rem))}.tutorial-canvas__approach-tutorial__ready-callout--bottom-right{top:calc(100% - clamp(.45rem,1.6cqh,.9rem));left:calc(100% - clamp(.45rem,1.6cqh,.9rem))}.tutorial-canvas__approach-tutorial__ready-label{display:inline-flex;min-height:clamp(1.35rem,4.6cqh,2.6rem);align-items:center;justify-content:center;padding:.35em .58em;border:1px solid rgba(198,255,0,.92);border-radius:var(--radius-small);background:#041315f0;box-shadow:0 0 1rem #c6ff0057;color:var(--color-ink)}.tutorial-canvas__approach-tutorial__ready-arrow{position:absolute;width:clamp(1.9rem,7.1cqh,4rem);height:clamp(1px,.32cqh,3px);background:var(--color-lime);box-shadow:0 0 .6rem #c6ff00b8;transform-origin:0 50%}.tutorial-canvas__approach-tutorial__ready-arrow:after{position:absolute;top:50%;right:-.06rem;width:0;height:0;border-top:clamp(.24rem,.95cqh,.58rem) solid transparent;border-bottom:clamp(.24rem,.95cqh,.58rem) solid transparent;border-left:clamp(.36rem,1.3cqh,.78rem) solid var(--color-lime);content:"";filter:drop-shadow(0 0 .3rem rgba(198,255,0,.78));transform:translateY(-50%)}.tutorial-canvas__approach-tutorial__ready-callout--top-left .tutorial-canvas__approach-tutorial__ready-arrow{top:calc(100% - clamp(.24rem,.85cqh,.5rem));left:calc(100% - clamp(.32rem,1cqh,.58rem));transform:rotate(45deg)}.tutorial-canvas__approach-tutorial__ready-callout--bottom-right .tutorial-canvas__approach-tutorial__ready-arrow{top:clamp(.24rem,.85cqh,.5rem);left:clamp(.32rem,1cqh,.58rem);transform:rotate(225deg)}.tutorial-canvas__approach-tutorial--now .tutorial-canvas__approach-tutorial__target-label{border-color:#fff;background:#fffffffa;box-shadow:0 0 .8rem #ffffffad,0 0 2.2rem #c6ff00b3;color:var(--color-background-deep);animation:tutorial-approach-tutorial-now .48s ease-in-out infinite alternate}@keyframes tutorial-approach-tutorial-now{0%{box-shadow:0 0 .75rem #ffffff94,0 0 1.9rem #c6ff0094;transform:scale(1)}to{box-shadow:0 0 1.25rem #ffffffe6,0 0 3rem #c6ff00f0;transform:scale(1.055)}}.tutorial-canvas__equation-context{--tutorial-equation-gap: clamp(.9rem, 3.2cqw, 2.5rem);position:absolute;top:50%;left:50%;z-index:3;width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);opacity:var(--tutorial-equation-context-opacity, 0);pointer-events:none;transform:translate(-50%,-50%)}.tutorial-canvas__equation-token,.tutorial-canvas__equation-symbol{position:absolute;top:50%;display:grid;place-items:center;color:var(--color-ink);font-family:Dela Gothic One,sans-serif;line-height:1;white-space:nowrap}.tutorial-canvas__equation-token{box-sizing:border-box;width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);padding:.45rem;border:1px solid rgba(232,241,237,.68);border-radius:50%;background:#041315f0;box-shadow:inset 0 0 0 .2rem #a9b2ac14;font-size:min(14cqw,14cqh)}.tutorial-canvas__equation-symbol{width:1em;font-size:min(11cqw,12cqh);line-height:1}.tutorial-canvas__equation-token--left{right:calc(100% + min(11cqw,12cqh) + var(--tutorial-equation-gap) + var(--tutorial-equation-gap));transform:translateY(-50%)}.tutorial-canvas__equation-token--right{left:calc(100% + min(11cqw,12cqh) + var(--tutorial-equation-gap) + var(--tutorial-equation-gap));transform:translateY(-50%)}.tutorial-canvas__equation-symbol--left{right:calc(100% + var(--tutorial-equation-gap));transform:translateY(-50%)}.tutorial-canvas__equation-symbol--right{left:calc(100% + var(--tutorial-equation-gap));transform:translateY(-50%)}.tutorial-canvas__spin,.tutorial-canvas__destination,.tutorial-canvas__wisp{position:absolute;transform:translate(-50%,-50%)}.tutorial-canvas__interaction-anchor{position:absolute;z-index:5;width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);transform:translate3d(-50%,-50%,0);transform-origin:50% 50%}.tutorial-canvas__interaction-anchor--resolved{opacity:0;transition:opacity .22s ease}.tutorial-canvas__token,.tutorial-canvas__approach{position:absolute;inset:0;display:grid;place-items:center}.tutorial-canvas__token{z-index:1}.tutorial-canvas__token:before{position:absolute;inset:0;z-index:0;border-radius:50%;content:"";opacity:0;pointer-events:none;transform-origin:50% 50%}.tutorial-canvas__token .number-token{position:relative;z-index:1;min-width:var(--tutorial-token-diameter);min-height:var(--tutorial-token-diameter);border-color:#e8f1edad;background:#041315f0;box-shadow:inset 0 0 0 .2rem #a9b2ac14;font-size:min(14cqw,14cqh);touch-action:none}.tutorial-canvas__interaction-anchor--charging .number-token{border-color:#c6ff00f5;background:radial-gradient(circle at var(--tutorial-source-charge-x, 50%) var(--tutorial-source-charge-y, 42%),var(--tutorial-source-charge-core, rgba(239, 255, 190, .32)),var(--tutorial-source-charge-mid, rgba(198, 255, 0, .2)) 34%,rgba(29,67,49,.92) 60%,rgba(4,19,21,.97));box-shadow:0 0 1.15rem #c6ff00b8,0 0 2.5rem #c6ff0042,inset 0 0 0 .2rem #c6ff0033;color:#fff;transition:none}.tutorial-canvas--approach button.number-token{cursor:pointer}.tutorial-canvas--spin button.number-token,.tutorial-canvas--complete button.number-token{cursor:default}.tutorial-canvas--drag .tutorial-canvas__token .number-token--active,.tutorial-canvas--drag .tutorial-canvas__token .number-token--selected{border-color:#e8f1edad;background:#041315f0;box-shadow:inset 0 0 0 .2rem #a9b2ac14;color:var(--color-ink);transform:none}.tutorial-canvas--drag .tutorial-canvas__interaction-anchor,.tutorial-canvas--drag .tutorial-canvas__token,.tutorial-canvas--drag .tutorial-canvas__token .number-token{touch-action:none}.tutorial-canvas__drag-charge-ring{--tutorial-drag-charge-angle: 0deg;position:absolute;left:50%;top:50%;z-index:2;width:calc(var(--tutorial-token-diameter) + clamp(.55rem,1.8cqh,1rem));height:calc(var(--tutorial-token-diameter) + clamp(.55rem,1.8cqh,1rem));border-radius:50%;background:conic-gradient(from 0deg,var(--color-lime) 0deg var(--tutorial-drag-charge-angle),rgba(232,241,237,.1) var(--tutorial-drag-charge-angle) 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - clamp(.18rem,.7cqh,.38rem)),#000 calc(100% - clamp(.18rem,.7cqh,.38rem)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - clamp(.18rem,.7cqh,.38rem)),#000 calc(100% - clamp(.18rem,.7cqh,.38rem)));opacity:.92;pointer-events:none;transform:translate(-50%,-50%)}.tutorial-canvas__token--drag-charged .tutorial-canvas__drag-charge-ring{filter:drop-shadow(0 0 .32rem rgba(198,255,0,.4))}.tutorial-canvas__token--drag-locked .number-token{border-color:#c6ff00f5!important;box-shadow:0 0 1.15rem #c6ff0075,0 0 2.4rem #c6ff0029,inset 0 0 0 .2rem #c6ff002e!important}.tutorial-canvas__token--drag-full-charge .tutorial-canvas__drag-charge-ring{filter:drop-shadow(0 0 .48rem rgba(198,255,0,.78)) drop-shadow(0 0 1rem rgba(198,255,0,.28));opacity:1}.tutorial-canvas--approach .tutorial-canvas__token .number-token--active{transform:none}.tutorial-canvas__number-token--success{border-color:var(--color-success)!important;box-shadow:0 0 1.2rem #71e29a42,inset 0 0 0 .2rem #71e29a1f!important}.tutorial-canvas__number-token--success.number-token--disabled{color:var(--color-ink);opacity:1}.tutorial-canvas__token--approach-perfect:before{border:clamp(.18rem,.72cqh,.52rem) solid rgba(255,255,255,.96);box-shadow:0 0 1.4rem #fffffff0,0 0 3.8rem #c6ff00f0,0 0 6rem #c6ff0061;animation:tutorial-approach-perfect-halo .76s cubic-bezier(.16,.82,.24,1)}.tutorial-canvas__token--approach-perfect .number-token{animation:tutorial-approach-perfect-impact .76s cubic-bezier(.16,.82,.24,1)}.tutorial-canvas__token--approach-good:before{border:clamp(.12rem,.45cqh,.32rem) solid rgba(222,255,168,.82);box-shadow:0 0 .9rem #eaffc4a3,0 0 2.1rem #c6ff0085;animation:tutorial-approach-good-halo .52s cubic-bezier(.2,.8,.3,1)}.tutorial-canvas__token--approach-good .number-token{animation:tutorial-approach-good-impact .52s cubic-bezier(.2,.8,.3,1)}@keyframes tutorial-approach-perfect-impact{0%,28%{border-color:#fff;outline:clamp(.2rem,.8cqh,.58rem) solid rgba(239,255,202,.98);outline-offset:clamp(.08rem,.28cqh,.24rem);background:radial-gradient(circle at 50% 42%,#fff,#efffca 20%,#c6ff00,#1d4331 76%,#041315);box-shadow:0 0 1.6rem #fff,0 0 3.8rem #c6ff00,0 0 6.2rem #c6ff008f,inset 0 0 0 .24rem #ffffffa8;color:#041315}to{border-color:#e8f1edad;outline:0 solid transparent;outline-offset:0;background:#041315f0;box-shadow:inset 0 0 0 .2rem #a9b2ac14;color:var(--color-ink)}}@keyframes tutorial-approach-good-impact{0%,26%{border-color:#efffcafa;outline:clamp(.12rem,.45cqh,.32rem) solid rgba(198,255,0,.8);outline-offset:clamp(.06rem,.2cqh,.15rem);background:radial-gradient(circle at 50% 42%,#efffca,#c6ff00 32%,#315a38 63%,#041315);box-shadow:0 0 .9rem #efffcac2,0 0 2.3rem #c6ff00a8,inset 0 0 0 .2rem #efffca66;color:#041315}to{border-color:#e8f1edad;outline:0 solid transparent;outline-offset:0;background:#041315f0;box-shadow:inset 0 0 0 .2rem #a9b2ac14;color:var(--color-ink)}}@keyframes tutorial-approach-perfect-halo{0%{opacity:1;transform:scale(.98)}58%{opacity:.56;transform:scale(1.56)}to{opacity:0;transform:scale(2.1)}}@keyframes tutorial-approach-good-halo{0%{opacity:.76;transform:scale(.98)}58%{opacity:.34;transform:scale(1.3)}to{opacity:0;transform:scale(1.58)}}.tutorial-canvas__spin{top:50%;left:50%}.tutorial-canvas__approach{z-index:0;pointer-events:none}.tutorial-canvas__approach .approach-ring{width:100%;height:100%}.tutorial-canvas--idle .tutorial-canvas__approach .approach-ring--disabled{opacity:.82}.tutorial-canvas__hit-cluster{position:absolute;z-index:6;top:50%;left:50%;width:var(--tutorial-hit-cluster-diameter);height:var(--tutorial-hit-cluster-diameter);transform:translate(-50%,-50%);pointer-events:none}.tutorial-canvas__pad{position:absolute;z-index:3;display:grid;width:var(--tutorial-hit-pad-diameter);height:var(--tutorial-hit-pad-diameter);place-items:center;transform:translate(-50%,-50%);pointer-events:auto}.tutorial-canvas__pad .hit-pad{width:100%;height:100%;min-height:100%}.tutorial-canvas__pad .hit-pad:after{display:none}.tutorial-canvas__hit-tutorial-cue{--tutorial-hit-cue-leader: clamp(1.6rem, 6.8cqh, 3.8rem);position:absolute;z-index:6;top:50%;display:block;color:var(--primitive-tone);font-family:Space Grotesk,sans-serif;font-size:clamp(.58rem,min(1.75cqw,2.6cqh),1rem);font-weight:700;letter-spacing:.13em;line-height:1;pointer-events:none;text-transform:uppercase;transform:translateY(-50%);white-space:nowrap}.tutorial-canvas__hit-tutorial-cue--right{left:calc(100% + var(--tutorial-hit-cue-leader))}.tutorial-canvas__hit-tutorial-cue--left{right:calc(100% + var(--tutorial-hit-cue-leader))}.tutorial-canvas__hit-tutorial-cue__label{display:inline-flex;min-height:clamp(1.25rem,4.3cqh,2.35rem);align-items:center;padding:.3em .55em;border:1px solid currentcolor;border-radius:var(--radius-small);background:#041315e6;box-shadow:0 0 .9rem rgba(var(--primitive-tone-rgb),.24)}.tutorial-canvas__hit-tutorial-cue__arrow{position:absolute;top:50%;width:var(--tutorial-hit-cue-leader);height:clamp(1px,.3cqh,3px);background:currentcolor;box-shadow:0 0 .48rem rgba(var(--primitive-tone-rgb),.72)}.tutorial-canvas__hit-tutorial-cue__arrow:after{position:absolute;top:50%;content:""}.tutorial-canvas__hit-tutorial-cue--right .tutorial-canvas__hit-tutorial-cue__arrow:after{left:-.04rem;width:0;height:0;border-top:clamp(.26rem,.95cqh,.56rem) solid transparent;border-right:clamp(.38rem,1.35cqh,.78rem) solid currentcolor;border-bottom:clamp(.26rem,.95cqh,.56rem) solid transparent;transform:translateY(-50%)}.tutorial-canvas__hit-tutorial-cue--left .tutorial-canvas__hit-tutorial-cue__arrow:after{right:-.04rem;width:0;height:0;border-top:clamp(.26rem,.95cqh,.56rem) solid transparent;border-bottom:clamp(.26rem,.95cqh,.56rem) solid transparent;border-left:clamp(.38rem,1.35cqh,.78rem) solid currentcolor;transform:translateY(-50%)}.tutorial-canvas__hit-tutorial-cue--right .tutorial-canvas__hit-tutorial-cue__arrow{right:100%;transform:translateY(-50%)}.tutorial-canvas__hit-tutorial-cue--left .tutorial-canvas__hit-tutorial-cue__arrow{left:100%;transform:translateY(-50%)}.tutorial-canvas__hit-tutorial-cue--incoming .tutorial-canvas__hit-tutorial-cue__label{box-shadow:0 0 1.1rem rgba(var(--primitive-tone-rgb),.42)}.tutorial-canvas__hit-tutorial-cue--now .tutorial-canvas__hit-tutorial-cue__label{border-color:#fff;background:#041315f5;box-shadow:0 0 1rem #fff9,0 0 2.2rem rgba(var(--primitive-tone-rgb),.82);color:var(--primitive-tone)}.tutorial-canvas__pad--active .hit-pad{border-color:rgba(var(--primitive-tone-rgb),.72);background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.19),#041315e6 64%);box-shadow:inset 0 0 0 .45rem rgba(var(--primitive-tone-rgb),.1);color:var(--color-ink);opacity:1}.tutorial-canvas__pad--active .hit-pad:hover:not(:disabled){background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.25),#041315e0 64%);box-shadow:inset 0 0 0 .45rem rgba(var(--primitive-tone-rgb),.14);transform:translateY(-.05rem)}.tutorial-canvas__pad--cued .hit-pad:not(:disabled){border-color:rgba(var(--primitive-tone-rgb),.82);background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.16),#041315e0 64%);box-shadow:inset 0 0 0 .28rem rgba(var(--primitive-tone-rgb),.1);transform:none}.tutorial-canvas__pad--impact .hit-pad:not(:disabled){border-color:var(--primitive-tone);background:radial-gradient(circle at 50% 40%,rgba(var(--primitive-tone-rgb),.7),#041315b8 64%);box-shadow:0 0 2.3rem rgba(var(--primitive-tone-rgb),.64),inset 0 0 0 .45rem rgba(var(--primitive-tone-rgb),.28);animation:tutorial-hit-pad-impact .16s ease-out both}.tutorial-canvas__pad--dormant .hit-pad,.tutorial-canvas__pad--dormant .hit-pad:hover:not(:disabled){border-color:var(--color-border-strong);background:#041315c7;box-shadow:none;filter:saturate(.35);opacity:.26;transform:none}.tutorial-canvas--drum-mode .tutorial-canvas__pad:not(.tutorial-canvas__pad--drum){opacity:.14;filter:grayscale(.75) saturate(.25)}.tutorial-canvas--drum-mode .tutorial-canvas__pad:not(.tutorial-canvas__pad--drum) .hit-pad,.tutorial-canvas--drum-mode .tutorial-canvas__pad:not(.tutorial-canvas__pad--drum) .hit-pad:hover:not(:disabled){border-color:#9aabab57;background:#041315a8;box-shadow:none;opacity:1;transform:none}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum{z-index:5}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum:before{position:absolute;inset:clamp(-.45rem,-1.5cqh,-.2rem);z-index:-1;border:1px solid rgba(var(--primitive-tone-rgb),.62);border-radius:50%;box-shadow:0 0 1.4rem rgba(var(--primitive-tone-rgb),.28);content:"";pointer-events:none}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum .hit-pad{border-color:rgba(var(--primitive-tone-rgb),.96);background:radial-gradient(circle at 50% 38%,rgba(var(--primitive-tone-rgb),.3),#041315f0 67%);box-shadow:0 0 1.2rem rgba(var(--primitive-tone-rgb),.3),inset 0 0 0 .34rem rgba(var(--primitive-tone-rgb),.14)}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-kick .hit-pad{border-width:clamp(2px,.6cqh,4px);background:radial-gradient(circle at 50% 54%,rgba(var(--primitive-tone-rgb),.2) 0 28%,#041315fa 62%),#041315fa;box-shadow:0 0 1rem rgba(var(--primitive-tone-rgb),.2),inset 0 0 0 clamp(.42rem,1.5cqh,.8rem) #00000057}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-kick .hit-pad:before{inset:18%;border-width:clamp(2px,.5cqh,3px);border-color:rgba(var(--primitive-tone-rgb),.42);background:#020c0e7a;box-shadow:inset 0 0 1.2rem #00000094}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-snare .hit-pad{border-width:1px;border-color:#f2fff7eb;background:radial-gradient(circle at 48% 36%,#ffffff3d,rgba(var(--primitive-tone-rgb),.26) 32%,#081f22f0 70%);box-shadow:0 0 1.45rem rgba(var(--primitive-tone-rgb),.36),inset 0 0 0 clamp(.16rem,.62cqh,.34rem) #e8f1ed1f}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-snare .hit-pad:before{inset:11%;border-color:#f2fff7b8;box-shadow:inset 0 0 0 clamp(1px,.2cqh,2px) rgba(var(--primitive-tone-rgb),.18)}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-snare .hit-pad:after{display:block;width:54%;height:clamp(1px,.35cqh,3px);border:0;border-radius:999px;background:#f2fff7c7;box-shadow:0 clamp(-.22rem,-.7cqh,-.1rem) 0 rgba(var(--primitive-tone-rgb),.44),0 clamp(.1rem,.7cqh,.22rem) 0 rgba(var(--primitive-tone-rgb),.44)}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-kick.tutorial-canvas__pad--impact .hit-pad:not(:disabled){border-color:var(--primitive-tone);background:radial-gradient(circle at 50% 54%,rgba(var(--primitive-tone-rgb),.52) 0 28%,#020c0efa 65%);box-shadow:0 0 2.6rem rgba(var(--primitive-tone-rgb),.54),inset 0 0 0 clamp(.42rem,1.5cqh,.8rem) #00000061}.tutorial-canvas--drum-mode .tutorial-canvas__pad--drum-snare.tutorial-canvas__pad--impact .hit-pad:not(:disabled){border-color:#fff;background:radial-gradient(circle at 48% 34%,#ffffffb8,rgba(var(--primitive-tone-rgb),.58) 34%,#081f22e6 72%);box-shadow:0 0 1rem #ffffffb3,0 0 2.2rem rgba(var(--primitive-tone-rgb),.66),inset 0 0 0 clamp(.16rem,.62cqh,.34rem) #ffffff38}.tutorial-canvas__cue-wisp{position:absolute;z-index:5;width:clamp(1.05rem,min(4.8cqw,4.8cqh),1.8rem);height:clamp(1.05rem,min(4.8cqw,4.8cqh),1.8rem);border:1px solid rgba(242,255,211,.96);border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff 0 10%,#e5ff75 38%,#c6ff00a3 68%,#c6ff0014);box-shadow:0 0 .9rem #c6ff00fa,0 0 2rem #c6ff008a;opacity:1;pointer-events:none;transform:translate(-50%,-50%);will-change:left,top}.tutorial-canvas__piano-wisp-pulse{position:absolute;z-index:4;box-sizing:border-box;width:var(--tutorial-piano-wisp-pulse-diameter);height:var(--tutorial-piano-wisp-pulse-diameter);border:clamp(1px,.34cqh,3px) solid rgba(239,255,202,.9);border-radius:50%;box-shadow:0 0 1.55rem #ddff84b8,inset 0 0 .85rem #c6ff002e;opacity:var(--tutorial-piano-wisp-pulse-opacity, 0);pointer-events:none;transform:translate(-50%,-50%) scale(var(--tutorial-piano-wisp-pulse-scale, 1));transform-origin:50% 50%;will-change:opacity,transform}.tutorial-canvas__piano-wisp-pulse:after{position:absolute;inset:16%;border:1px solid rgba(198,255,0,.64);border-radius:inherit;box-shadow:0 0 .75rem #c6ff0075;content:""}.tutorial-canvas__spin{z-index:7}.tutorial-canvas__spin .spin-out--unlock{width:min(44cqw,44cqh);height:min(44cqw,44cqh)}.tutorial-canvas__path{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.tutorial-canvas__path-track,.tutorial-canvas__path-guide{fill:none;stroke-linecap:round;stroke-linejoin:round}.tutorial-canvas__path-track{stroke:url(#tutorial-drag-path-gradient);stroke-width:clamp(2.75rem,16cqh,7rem);opacity:.42}.tutorial-canvas__path-guide{stroke:#c6ff0094;stroke-width:2px;stroke-dasharray:8 10}.tutorial-canvas__drag-equation{position:absolute;inset:0;z-index:3;color:var(--color-ink);opacity:var(--tutorial-drag-equation-opacity, 1);pointer-events:none}.tutorial-canvas__drag-equation__term{position:absolute;transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear,opacity .12s linear}.tutorial-canvas__drag-equation--resolved .tutorial-canvas__drag-equation__variable,.tutorial-canvas__drag-equation--resolved .tutorial-canvas__drag-equation__constant,.tutorial-canvas__drag-equation--resolved .tutorial-canvas__drag-equation__equals{text-shadow:0 0 1.8rem rgba(198,255,0,.4)}.tutorial-canvas__drag-equation--resolved .tutorial-canvas__drag-equation__constant{color:var(--color-lime)}.tutorial-canvas__wisp{z-index:4;width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);opacity:.2;pointer-events:none;transition:opacity .16s ease;will-change:left,top}.tutorial-canvas__wisp .tutorial-canvas__ghost-number-token{width:100%;min-width:100%;height:100%;min-height:100%;border-color:#e8f1edc7;background:#041315d6;box-shadow:inset 0 0 0 .2rem #a9b2ac1f;color:var(--color-ink);font-size:min(14cqw,14cqh)}.tutorial-canvas__wisp--near{opacity:.26}@keyframes tutorial-hit-pad-impact{0%{transform:scale(1)}38%{transform:scale(1.055)}to{transform:scale(1)}}.tutorial-canvas__destination{z-index:2}.tutorial-canvas__destination .drag-target{width:var(--tutorial-token-diameter);min-width:var(--tutorial-token-diameter);height:var(--tutorial-token-diameter);min-height:var(--tutorial-token-diameter);border-style:dashed;border-radius:50%;background:#c6ff000a;box-shadow:inset 0 0 0 1px #c6ff001a}.tutorial-canvas__destination .drag-target__glyph,.tutorial-canvas__destination .drag-target__label,.tutorial-canvas__destination .drag-target__status{display:none}.tutorial-canvas__feedback{position:absolute;right:clamp(1rem,2cqw,1.5rem);bottom:clamp(1rem,2cqh,1.5rem);z-index:9;width:min(15rem,calc(100% - 2rem));contain:layout paint;pointer-events:none}.tutorial-canvas__feedback .resolve-state,.tutorial-canvas__feedback-message{box-sizing:border-box;width:100%;min-height:0}.tutorial-canvas__feedback .resolve-state{min-width:0;gap:.5rem;padding:.6rem .7rem;box-shadow:0 1rem 3rem #0000003d;pointer-events:auto}.tutorial-canvas__feedback .resolve-state__eyebrow{display:none}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--good{border-color:#71e29ab8}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--good .resolve-state__title{color:var(--color-success)}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--perfect{border-color:#6fbcffd1;box-shadow:0 0 1.35rem #6fbcff33,0 1rem 3rem #0000003d}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--perfect .resolve-state__indicator{border-color:var(--color-blue);background:var(--color-blue);box-shadow:0 0 .7rem #6fbcff85}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--perfect .resolve-state__title{color:var(--color-blue)}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--early,.tutorial-canvas__feedback .tutorial-canvas__resolve-state--late{border-color:#ff9b5dc7}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--early .resolve-state__indicator,.tutorial-canvas__feedback .tutorial-canvas__resolve-state--late .resolve-state__indicator{border-color:var(--color-orange);background:var(--color-orange);box-shadow:0 0 .7rem #ff9b5d6b}.tutorial-canvas__feedback .tutorial-canvas__resolve-state--early .resolve-state__title,.tutorial-canvas__feedback .tutorial-canvas__resolve-state--late .resolve-state__title{color:var(--color-orange)}.tutorial-canvas__feedback-message{display:grid;align-content:center;justify-items:start;gap:.2rem;margin:0;padding:.6rem .7rem;border:1px solid rgba(255,111,111,.72);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:0 1rem 3rem #0000003d;color:var(--color-error);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tutorial-canvas__feedback-message strong{font-size:.76rem;letter-spacing:.13em}.tutorial-canvas__feedback-message span{color:var(--color-ink-muted);font-size:.62rem;font-weight:700;letter-spacing:.1em}.tutorial-canvas__feedback-message--early,.tutorial-canvas__feedback-message--late{border-color:#ff9b5dc7;color:var(--color-orange)}.tutorial-canvas__feedback-message--good{border-color:#71e29ac7;color:var(--color-success)}.tutorial-canvas__feedback-message--perfect{border-color:#6fbcffe0;box-shadow:0 0 1.35rem #6fbcff3d,0 1rem 3rem #0000003d;color:var(--color-blue)}.tutorial-canvas__feedback-message--wrong{border-color:#ff6f6fb8;color:var(--color-error)}.orchestrator-harness__debug{width:min(100%,var(--tutorial-play-area-max-width, 73.75rem));margin:1rem auto 0;color:var(--color-ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.orchestrator-harness__debug summary{width:fit-content;padding:.3rem 0;color:var(--color-ink-muted);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.13em}.orchestrator-harness__debug summary:focus-visible{box-shadow:var(--focus-ring);outline:0}.orchestrator-harness__debug dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;margin:.45rem 0 0;padding:.8rem;border:1px solid var(--color-border);background:#04131575}.orchestrator-harness__debug div{display:grid;grid-template-columns:minmax(5.6rem,auto) minmax(0,1fr);gap:.6rem}.orchestrator-harness__debug dt{color:var(--color-ink-faint)}.orchestrator-harness__debug dd{min-width:0;margin:0;color:var(--color-lime);overflow-wrap:anywhere}@media(max-width:700px){.orchestrator-harness__intro{grid-template-columns:1fr}.orchestrator-harness__module{margin-top:1.25rem}.orchestrator-harness__toolbar{flex-wrap:wrap;gap:.45rem;padding:.45rem}.orchestrator-harness__controls{flex:1 1 auto}.orchestrator-harness__music-selector{flex:1 1 100%}.orchestrator-harness__music-option{flex:1 1 0}.orchestrator-harness__button{flex:1 1 5.75rem}.orchestrator-harness__instruction{flex-basis:100%;padding:.35rem .55rem}.tutorial-canvas__token .number-token{min-width:var(--tutorial-token-diameter);min-height:var(--tutorial-token-diameter)}.tutorial-canvas__feedback{right:.75rem;bottom:.75rem}.orchestrator-harness__debug dl{grid-template-columns:1fr}}@container (max-width: 30rem){.tutorial-canvas__mechanic-description{top:.35rem;left:.35rem;max-inline-size:6.2rem;gap:.1rem;padding:.3rem .38rem;font-size:clamp(.44rem,1.8cqw,.58rem);letter-spacing:.08em}.tutorial-canvas__approach-tutorial__timing-label{min-width:0;min-height:clamp(1.05rem,3.6cqh,1.25rem);padding:.22em .44em;font-size:clamp(.46rem,1.55cqw,.56rem)}.tutorial-canvas__approach-tutorial__timing-label-full{display:none}.tutorial-canvas__approach-tutorial__timing-label-compact{display:inline}.tutorial-canvas__approach-tutorial__target-pointer{height:clamp(1rem,5.8cqh,1.4rem)}.tutorial-canvas__approach-tutorial__target-label{top:calc(100% + clamp(1.5rem,8.4cqh,2.4rem))}}@media(prefers-reduced-motion:reduce){.orchestrator-harness__button,.tutorial-canvas__drag-equation__term,.tutorial-canvas__interaction-anchor,.tutorial-canvas__token,.tutorial-canvas__wisp{transition:none}.tutorial-canvas__pad--cued .hit-pad:not(:disabled){transform:none}.tutorial-canvas__pad--impact .hit-pad:not(:disabled){animation:none}.tutorial-canvas__wisp{box-shadow:none}.tutorial-canvas__cue-wisp{display:none}.tutorial-canvas__approach-tutorial--now .tutorial-canvas__approach-tutorial__target-label,.tutorial-canvas__hit-tutorial-cue--now .tutorial-canvas__hit-tutorial-cue__label{animation:none}.tutorial-canvas__approach-tutorial--now .tutorial-canvas__approach-tutorial__target-label,.tutorial-canvas__hit-tutorial-cue--now .tutorial-canvas__hit-tutorial-cue__label{transform:none}.tutorial-canvas__token--approach-perfect:before,.tutorial-canvas__token--approach-good:before,.tutorial-canvas__token--approach-perfect .number-token,.tutorial-canvas__token--approach-good .number-token{animation:none}.tutorial-canvas__token--approach-perfect:before{opacity:.76;transform:scale(1.18)}.tutorial-canvas__token--approach-perfect .number-token{border-color:#fff;outline:clamp(.16rem,.58cqh,.44rem) solid rgba(239,255,202,.92);outline-offset:clamp(.05rem,.18cqh,.14rem);box-shadow:0 0 1.2rem #ffffffe0,0 0 2.8rem #c6ff00db,inset 0 0 0 .2rem #fff6}.tutorial-canvas__token--approach-good:before{opacity:.5;transform:scale(1.1)}.tutorial-canvas__token--approach-good .number-token{border-color:#efffcaf5;outline:clamp(.1rem,.36cqh,.26rem) solid rgba(198,255,0,.74);outline-offset:clamp(.04rem,.14cqh,.1rem);box-shadow:0 0 .8rem #efffcaa3,0 0 1.8rem #c6ff0085,inset 0 0 0 .2rem #efffca47}}.builder-page__header{padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(2rem,4vw,3rem)}.builder-page__header h1{margin-top:.8rem;font-size:clamp(3.25rem,8vw,7rem)}.builder-page__header>.container>p:last-child{max-width:42rem;margin-top:1rem;color:var(--color-ink-muted);font-size:clamp(1rem,2vw,1.25rem)}.builder-workspace{padding:0 0 clamp(5rem,8vw,8rem)}.builder-workspace__container{width:min(100% - (var(--gutter) * 2),84rem)}.builder-toolbar{position:sticky;z-index:8;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid var(--color-border);background:#071b1df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.builder-tabs,.builder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.builder-tabs button,.builder-reset{min-height:3rem;padding:.65rem .85rem;border:1px solid transparent;background:transparent;color:var(--color-ink-muted);cursor:pointer;font:inherit;font-size:.73rem;font-weight:700;letter-spacing:.1em}.builder-tabs button{display:inline-flex;align-items:center;gap:.55rem}.builder-tabs button>span{color:var(--color-ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.builder-tabs button[aria-selected=true]{border-color:var(--color-lime);background:#c6ff000f;color:var(--color-lime)}.builder-tabs button[aria-selected=true]>span{color:var(--color-lime)}.builder-tabs .builder-tab--utility{color:var(--color-ink-faint)}.builder-actions .button{min-height:3rem;font-size:.7rem}.builder-play-action{min-width:12.5rem}.builder-play-action--attention{animation:builder-action-attention .72s ease-out 1}.builder-draft-state{display:inline-flex;min-height:3rem;align-items:center;padding:0 .2rem;color:var(--color-ink-faint);font-size:.62rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.builder-draft-state--changed{color:var(--color-lime)}.builder-reset{color:var(--color-ink-faint);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}.builder-reset:disabled{cursor:default;opacity:.72}.builder-reset--active{border-color:#c6ff00b3;background:#c6ff0013;box-shadow:0 0 1.1rem #c6ff0021;color:var(--color-ink)}.builder-reset--active:hover{border-color:var(--color-lime);background:#c6ff0017;color:var(--color-lime)}.builder-tabs button:focus-visible,.builder-reset:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.builder-panel{min-width:0;border:1px solid var(--color-border);border-top:0;background:var(--color-background-deep)}.music-map--embedded{padding:0}.music-map--embedded .music-map__container{width:100%}.music-map--embedded .music-map__module{margin-top:0;border:0;box-shadow:none}.music-map--embedded .music-map__button,.music-map--embedded select,.music-map--embedded input{min-height:2.7rem}.music-map--embedded .music-map__button,.music-map--embedded .music-map__readout span,.music-map--embedded label,.music-map--embedded .music-map__marker-toolbar>p,.music-map--embedded .music-map__marker-list>p,.music-map--embedded .music-map__marker-editor>p{font-size:.66rem}.music-map--embedded .music-map__selected-pad{width:2.5rem;min-height:2.5rem}@keyframes builder-action-attention{0%,to{box-shadow:none}45%{box-shadow:0 0 0 .3rem #c6ff0024,0 0 1.5rem #c6ff0038}}.builder-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.2rem;border-bottom:1px solid var(--color-border)}.builder-preview-heading h2,.builder-json h2{margin-top:.4rem;font-size:clamp(1.75rem,4vw,3rem)}.builder-panel--preview .orchestrator-harness{padding-top:1.25rem}.builder-errors{padding:1rem 1.2rem;border:1px solid var(--color-error);border-top:0;background:#ff57571a}.builder-errors strong{color:var(--color-error);font-size:.78rem;letter-spacing:.12em}.builder-errors p,.builder-errors ul{margin-top:.5rem}.builder-errors ul{padding-left:1.2rem}.builder-json{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:1px;background:var(--color-border)}.builder-json section{display:grid;align-content:start;gap:1rem;padding:clamp(1.2rem,3vw,2rem);background:var(--color-background-deep)}.builder-json textarea{width:100%;padding:.9rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;resize:vertical}.builder-confirmation{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:var(--gutter);background:#020c0dd1}.builder-confirmation>div{width:min(100%,34rem);padding:2rem;border:1px solid var(--color-lime);background:var(--color-background-deep);box-shadow:0 1.5rem 5rem #00000073}.builder-confirmation h2{margin-top:.75rem}.builder-confirmation p:not(.eyebrow){margin-top:1rem;color:var(--color-ink-muted)}.builder-confirmation>div>div{display:flex;gap:.7rem;margin-top:1.5rem}@media(max-width:980px){.builder-toolbar{position:static;align-items:stretch;flex-direction:column}.builder-actions .button{flex:1 1 auto}}@media(max-width:760px){.builder-page__header{padding-top:3rem}.builder-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.builder-tabs button{justify-content:center}.builder-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.builder-play-action{min-width:0}.builder-draft-state{padding-left:.65rem}.builder-json{grid-template-columns:1fr}.builder-preview-heading{align-items:stretch;flex-direction:column}}@media(max-width:480px){.builder-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-tabs .builder-tab--utility{grid-column:1 / -1}.builder-actions{grid-template-columns:1fr}.builder-draft-state{min-height:2rem;justify-content:center;padding-left:0}}@media(prefers-reduced-motion:reduce){.builder-play-action--attention{animation:none}}:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--color-ink: #f4f5ed;--color-ink-muted: #a9b2ac;--color-ink-faint: #73817b;--color-lime: #c6ff00;--color-lime-dark: #95c400;--color-background: #071b1d;--color-background-deep: #041315;--color-surface: #0d292b;--color-surface-raised: #103336;--color-border: #214346;--color-border-strong: #477171;--color-blue: #66b8ff;--color-orange: #ff9b5d;--color-purple: #b796ff;--color-success: #71e29a;--color-error: #ff6f6f;--content-width: 1240px;--gutter: clamp(1.25rem, 4vw, 4rem);--header-height: 5.5rem;--section-space: clamp(4.75rem, 10vw, 9.5rem);--radius-small: .2rem;--radius-pill: 999px;--focus-ring: 0 0 0 3px var(--color-background), 0 0 0 5px var(--color-lime)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.5}body,button,a{-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}button,a,input,textarea,select{outline:none}a:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:0}::selection{background:var(--color-lime);color:var(--color-background-deep)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Dela Gothic One,sans-serif;font-weight:400;line-height:.98;text-wrap:balance}h1{font-size:clamp(3.25rem,8vw,7.5rem);letter-spacing:-.055em}h2{font-size:clamp(2.2rem,5vw,5.25rem);letter-spacing:-.045em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(100% - (var(--gutter) * 2),var(--content-width));margin:0 auto}.app-shell{min-height:100vh;overflow-x:clip;background:var(--color-background)}.eyebrow{color:var(--color-lime);font-size:.72rem;font-weight:700;letter-spacing:.18em;line-height:1.2}.pill{display:inline-flex;align-items:center;min-height:1.6rem;padding:.2rem .55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:.64rem;font-weight:700;letter-spacing:.14em;line-height:1}.button{display:inline-flex;min-height:3.5rem;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1.35rem;border:1px solid transparent;border-radius:var(--radius-small);font-size:.78rem;font-weight:700;letter-spacing:.1em;line-height:1.2;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button--small{min-height:2.85rem;padding:.7rem 1.1rem}.button--primary{background:var(--color-lime);color:var(--color-background-deep)}.button--primary:hover{background:#d5ff4b}.button--secondary{border-color:var(--color-border-strong);background:transparent;color:var(--color-ink)}.button--secondary:hover{border-color:var(--color-lime);color:var(--color-lime)}.text-button{display:inline-flex;align-items:center;min-height:2.85rem;color:var(--color-ink);font-size:.73rem;font-weight:700;letter-spacing:.12em;transition:color .18s ease}.text-button:hover,.mobile-nav__login:hover{color:var(--color-lime)}.site-header{position:relative;z-index:10;min-height:var(--header-height);border-bottom:1px solid var(--color-border);background:#071b1df5}.site-header__inner{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:2rem}.site-header__brand,.site-footer__brand{display:inline-flex;min-width:7.4rem;transition:opacity .18s ease}.site-header__brand:hover,.site-footer__brand:hover{opacity:.78}.brand-mark{display:grid;position:relative;gap:.03rem;color:var(--color-ink);font-family:Dela Gothic One,sans-serif;font-size:1.05rem;line-height:.85}.brand-mark__word--offset{color:var(--color-lime);margin-left:.43rem}.brand-mark__placeholder{margin-top:.35rem;color:var(--color-ink-faint);font-family:Space Grotesk,sans-serif;font-size:.46rem;font-weight:700;letter-spacing:.14em;line-height:1}.desktop-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.7rem)}.nav-link{position:relative;display:inline-flex;min-height:2.85rem;align-items:center;color:var(--color-ink-muted);font-size:.71rem;font-weight:700;letter-spacing:.12em;transition:color .18s ease}.nav-link:after{position:absolute;right:0;bottom:.45rem;left:0;height:2px;background:var(--color-lime);content:"";transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-link:hover,.nav-link--active{color:var(--color-ink)}.nav-link:hover:after,.nav-link--active:after{transform:scaleX(1)}.site-header__actions{display:flex;align-items:center;gap:1rem}.play-menu{position:relative}.play-menu__trigger{cursor:pointer}.play-menu__trigger span{font-size:.9rem;transition:transform .18s ease}.play-menu__trigger[aria-expanded=true] span{transform:rotate(180deg)}.play-menu__options{position:absolute;top:calc(100% + .6rem);right:0;display:none;min-width:13rem;padding:.45rem;border:1px solid var(--color-border-strong);background:var(--color-background-deep);box-shadow:0 1rem 3rem #00000059}.play-menu__options--open{display:grid}.play-menu__options a{display:flex;min-height:3rem;align-items:center;padding:.7rem .85rem;color:var(--color-ink-muted);font-size:.7rem;font-weight:700;letter-spacing:.11em}.play-menu__options a:hover,.play-menu__options a:focus-visible{background:#c6ff0014;color:var(--color-lime)}.menu-toggle{display:none;width:2.85rem;height:2.85rem;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:transparent;color:var(--color-ink);cursor:pointer}.menu-toggle__icon{display:grid;gap:.32rem;width:1.1rem}.menu-toggle__icon span{display:block;height:2px;background:currentColor;transition:transform .18s ease}.mobile-nav{display:none}.hero{position:relative;padding:clamp(5.5rem,11vw,10.5rem) 0 clamp(5rem,9vw,8.5rem)}.hero:before{position:absolute;top:0;right:6%;width:28rem;height:28rem;border-radius:50%;background:var(--color-lime);content:"";filter:blur(130px);opacity:.05;pointer-events:none}.hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);align-items:center;gap:clamp(3rem,8vw,9rem)}.hero__content{position:relative;z-index:1}.eyebrow--hero{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem}.eyebrow--hero:before{display:block;width:2.8rem;height:2px;background:var(--color-lime);content:""}.hero h1{max-width:8.7ch;color:var(--color-ink)}.hero h1:first-line{color:var(--color-lime)}.hero__support{max-width:28rem;margin-top:2.3rem;color:var(--color-ink);font-size:clamp(1.2rem,2vw,1.55rem);font-weight:500;line-height:1.25}.hero__description{max-width:29rem;margin-top:1rem;color:var(--color-ink-muted);font-size:1.05rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.4rem}.hero__visual{position:relative;min-height:28rem;padding:1.1rem;border:1px solid var(--color-border);background:var(--color-surface)}.hero__visual-label{color:var(--color-ink-faint);font-size:.62rem;font-weight:700;letter-spacing:.14em}.hero__visual-stage{display:flex;position:relative;min-height:22rem;margin-top:.85rem;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-border);background:var(--color-background-deep)}.hero__visual-stage:before,.hero__visual-stage:after{position:absolute;width:10rem;height:10rem;border:1px solid var(--color-border);border-radius:50%;content:""}.hero__visual-stage:before{width:18rem;height:18rem}.hero__visual-stage:after{width:7rem;height:7rem;border-color:var(--color-border-strong)}.hero__visual-beat{position:absolute;z-index:1;display:block;width:1rem;height:1rem;border-radius:50%;background:var(--color-lime);box-shadow:0 0 0 .45rem #c6ff001f}.hero__visual-beat--one{top:29%;left:27%}.hero__visual-beat--two{top:53%;right:22%;width:1.45rem;height:1.45rem;background:var(--color-orange);box-shadow:0 0 0 .45rem #ff9b5d1f}.hero__visual-beat--three{bottom:24%;left:43%;width:.65rem;height:.65rem;background:var(--color-blue);box-shadow:0 0 0 .45rem #66b8ff1f}.hero__visual-rule{position:absolute;z-index:1;display:block;width:43%;height:1px;background:var(--color-border-strong);transform:rotate(34deg)}.hero__visual-rule--one{top:35%;left:23%}.hero__visual-rule--two{right:18%;bottom:34%;transform:rotate(-28deg)}.hero__visual-caption{position:absolute;right:1rem;bottom:1rem;z-index:1;color:var(--color-ink-faint);font-size:.6rem;font-weight:700;letter-spacing:.17em}.hero__visual-note{margin-top:.8rem;color:var(--color-ink-faint);font-size:.72rem}.section-divider{height:1px}.section-divider span{display:block;height:1px;background:var(--color-border)}.section{padding:var(--section-space) 0}.section--raised{background:var(--color-surface)}.shell-section{display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2rem,8vw,8rem)}.section-heading h2{margin-top:1.2rem}.section-heading__description{max-width:25rem;margin-top:1.5rem;color:var(--color-ink-muted);font-size:1rem}.placeholder-card{min-height:19.5rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--color-border);background:var(--color-background-deep)}.placeholder-card__topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.placeholder-card__index{color:var(--color-lime);font-family:Dela Gothic One,sans-serif;font-size:2rem;line-height:1}.placeholder-card--blue .placeholder-card__index{color:var(--color-blue)}.placeholder-card--orange .placeholder-card__index{color:var(--color-orange)}.placeholder-card--purple .placeholder-card__index{color:var(--color-purple)}.placeholder-card__visual{display:flex;position:relative;height:5.2rem;margin-top:2.5rem;align-items:flex-end;gap:.45rem;border-bottom:1px solid var(--color-border-strong)}.placeholder-card__visual:before{position:absolute;top:0;right:10%;left:0;height:1px;background:var(--color-border);content:""}.placeholder-card__line{display:block;height:1px;background:var(--color-border-strong)}.placeholder-card__line--long{width:42%;margin-bottom:1.1rem}.placeholder-card__line--short{width:16%;margin-bottom:2.4rem}.placeholder-card__block{display:block;width:2rem;height:3.1rem;margin-left:auto;background:var(--color-lime)}.placeholder-card--blue .placeholder-card__block{background:var(--color-blue)}.placeholder-card--orange .placeholder-card__block{background:var(--color-orange)}.placeholder-card--purple .placeholder-card__block{background:var(--color-purple)}.placeholder-card p{margin-top:1.4rem;color:var(--color-ink);font-size:1.15rem;font-weight:600}.placeholder-card__note{display:block;margin-top:.3rem;color:var(--color-ink-faint);font-size:.78rem}.final-cta-section{border-top:1px solid var(--color-border)}.final-cta{max-width:46rem;margin:0 auto;text-align:center}.final-cta h2{margin-top:1.2rem}.final-cta p:not(.eyebrow){margin:1.3rem auto 0;color:var(--color-ink-muted)}.final-cta .button{margin-top:2rem}.placeholder-page{min-height:calc(100vh - var(--header-height) - 15rem);padding:clamp(6rem,12vw,11rem) 0}.placeholder-page__inner{max-width:58rem}.placeholder-page h1{max-width:11ch;margin-top:1.3rem}.placeholder-page__description{max-width:35rem;margin-top:1.6rem;color:var(--color-ink-muted);font-size:clamp(1.1rem,2vw,1.3rem)}.placeholder-page__card{display:flex;min-height:9rem;margin-top:3.5rem;align-items:center;gap:1.4rem;padding:1.5rem;border:1px solid var(--color-border);background:var(--color-surface)}.placeholder-page__rule{display:block;width:3rem;height:1px;background:var(--color-lime)}.placeholder-page__card p{color:var(--color-ink-muted)}.placeholder-page .button{margin-top:2rem}.site-footer{border-top:1px solid var(--color-border);background:var(--color-background-deep)}.site-footer__inner{display:grid;grid-template-columns:minmax(8rem,.7fr) minmax(0,1.8fr) auto;align-items:center;gap:2rem;padding:3rem 0}.site-footer__links{display:flex;flex-wrap:wrap;gap:.75rem 1.6rem}.site-footer__links a{color:var(--color-ink-muted);font-size:.69rem;font-weight:700;letter-spacing:.11em;transition:color .18s ease}.site-footer__links a:hover{color:var(--color-lime)}.site-footer__meta{color:var(--color-ink-faint);font-size:.7rem;white-space:nowrap}@media(max-width:980px){.desktop-nav,.site-header__inner{gap:1rem}.hero__grid,.shell-section{gap:3rem}.site-footer__inner{grid-template-columns:1fr 2fr}.site-footer__meta{grid-column:1 / -1}}@media(max-width:760px){:root{--header-height: 4.8rem}.desktop-nav,.text-button--header{display:none}.menu-toggle{display:inline-flex}.mobile-nav{display:block;max-height:0;overflow:hidden;border-bottom:0 solid var(--color-border);background:var(--color-background);opacity:0;visibility:hidden;transition:max-height .22s ease,opacity .18s ease,border-bottom-width .22s ease,visibility .22s ease}.mobile-nav--open{max-height:48rem;border-bottom-width:1px;opacity:1;visibility:visible}.mobile-nav__links{display:grid;padding-top:.75rem;padding-bottom:1.25rem}.mobile-nav .nav-link{min-height:3.4rem;border-bottom:1px solid var(--color-border);font-size:.78rem}.mobile-nav .nav-link:after{bottom:0}.mobile-nav__login{min-height:3.4rem;align-content:center;border-bottom:1px solid var(--color-border);color:var(--color-ink-muted);font-size:.78rem;font-weight:700;letter-spacing:.12em}.mobile-nav__play{width:100%;margin-top:1rem}.hero{padding-top:5.5rem}.hero__grid{grid-template-columns:1fr}.hero__visual{min-height:19rem}.hero__visual-stage{min-height:14rem}.hero__visual-stage:before{width:13rem;height:13rem}.hero__actions{align-items:stretch;flex-direction:column}.hero__actions .button{width:100%}.shell-section{grid-template-columns:1fr;gap:2.25rem}.placeholder-card{min-height:17rem}.placeholder-page__card{align-items:flex-start;flex-direction:column;gap:1rem}.site-footer__inner{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0}.site-footer__meta{grid-column:auto;white-space:normal}}@media(max-width:420px){.site-header__actions{gap:.5rem}.site-header__brand{min-width:6.7rem}.brand-mark{font-size:.9rem}.hero h1{font-size:clamp(2.9rem,15vw,4.1rem)}.button{padding-right:1rem;padding-left:1rem}}.brand-mark__word--offset{margin-left:.38rem}.home-page .home-hero{position:relative;overflow:hidden;padding:clamp(5rem,9vw,8.75rem) 0 clamp(5rem,9vw,8.75rem);background:linear-gradient(110deg,var(--color-background) 0%,#0b2528 100%)}.home-page .home-hero:before{position:absolute;top:-10rem;right:4%;width:30rem;height:30rem;border:1px solid rgba(198,255,0,.12);border-radius:50%;box-shadow:0 0 0 5rem #c6ff0006,0 0 0 10rem #c6ff0005;content:"";pointer-events:none}.home-page .home-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(15rem,.65fr);align-items:end;gap:clamp(3rem,8vw,8rem)}.home-page .home-hero h1{max-width:9.5ch}.home-page .home-hero h1 em,.home-page .section-copy h2 em{color:var(--color-lime);font-style:normal}.home-page .home-hero__lead{max-width:32rem;margin-top:2rem;font-size:clamp(1.25rem,2.3vw,1.65rem);line-height:1.2}.home-page .home-hero__body{max-width:36rem;margin-top:1rem;color:var(--color-ink-muted);font-size:1.02rem}.home-page .eyebrow--hero{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem}.home-page .eyebrow--hero:before{width:2.8rem;height:2px;background:var(--color-lime);content:""}.home-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.home-hero__statement{display:grid;justify-items:end;color:#f4f5ed1f;font-family:Dela Gothic One,sans-serif;font-size:clamp(3.25rem,7.5vw,7.25rem);letter-spacing:-.06em;line-height:.82}.home-hero__statement span:nth-child(2){color:#c6ff0033}.home-demo-section,.play-demo-section{padding:clamp(3.25rem,7vw,6.5rem) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background-deep)}.home-demo-section__intro{margin-bottom:clamp(2rem,4vw,3.25rem)}.play-demo-section__intro{margin-bottom:clamp(3rem,6vw,5rem)}.play-demo-list{display:grid;gap:clamp(4rem,8vw,7rem)}.play-demo-panel{padding-top:2rem;border-top:1px solid var(--color-border-strong);scroll-margin-top:calc(var(--header-height) + 1.5rem)}.play-demo-panel__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;margin-bottom:2rem}.play-demo-panel__heading{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:1rem}.play-demo-panel__index{padding-top:.35rem;color:var(--color-lime);font-size:.72rem;font-weight:700;letter-spacing:.14em}.play-demo-panel__heading h2{font-size:2.65rem;letter-spacing:0}.play-demo-panel__heading div>p{max-width:36rem;margin-top:.75rem;color:var(--color-ink-muted)}.play-demo-panel__status{display:inline-flex;min-height:1.9rem;align-items:center;padding:.35rem .6rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:.62rem;font-weight:700;letter-spacing:.12em;line-height:1;white-space:nowrap}.play-demo-panel__status--playable{border-color:var(--color-lime);color:var(--color-lime)}.play-demo-placeholder{display:grid;min-height:17rem;place-content:center;justify-items:center;gap:.85rem;padding:2rem;border:1px dashed var(--color-border-strong);background:#0d292b6b;text-align:center}.play-demo-placeholder>p:not(.eyebrow){color:var(--color-ink-muted)}.orchestrator-harness--public{padding:0}.orchestrator-harness--public .orchestrator-harness__module{margin-top:0}.content-section{padding:var(--section-space) 0}.content-section--raised{background:var(--color-surface)}.section-copy{max-width:48rem}.section-copy h2{margin-top:1rem}.section-copy>p:not(.eyebrow){max-width:38rem;margin-top:1.35rem;color:var(--color-ink-muted);font-size:clamp(1rem,1.8vw,1.18rem)}.section-copy--centred{margin:0 auto;text-align:center}.section-copy--centred>p:not(.eyebrow){margin-right:auto;margin-left:auto}.section-copy--centred .button{margin-top:2rem}.text-link{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;color:var(--color-lime);font-size:.75rem;font-weight:700;letter-spacing:.11em}.text-link span{transition:transform .18s ease}.text-link:hover span{transform:translate(.25rem)}.foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(2.5rem,5vw,4.75rem) 0 0;padding:0;border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong);list-style:none}.foundation-grid li{min-height:18rem;padding:clamp(1.25rem,2.5vw,2rem);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:#0413156b}.foundation-grid li>span,.mechanic-grid article>span,.school-grid article>span{color:var(--color-lime);font-size:.68rem;font-weight:700;letter-spacing:.16em}.foundation-grid h3{margin-top:4rem;font-size:clamp(1.15rem,2vw,1.65rem);letter-spacing:-.025em}.foundation-grid p{margin-top:1rem;color:var(--color-ink-muted)}.home-page .progression{align-items:start}.home-page .progression-list{border-color:var(--color-border-strong)}.credibility-strip{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-lime);color:var(--color-background-deep)}.credibility-strip__grid{display:grid;grid-template-columns:.55fr .45fr 1.25fr 1.5fr;align-items:stretch}.credibility-strip__grid>*{display:flex;min-height:9rem;flex-direction:column;justify-content:center;padding:1.25rem clamp(1rem,2.5vw,2rem);border-right:1px solid rgba(4,19,21,.28)}.credibility-strip__grid>:last-child{border-right:0}.credibility-strip strong{font-family:Dela Gothic One,sans-serif;font-size:clamp(1.6rem,3vw,3.1rem);line-height:1}.credibility-strip span{margin-top:.45rem;font-size:.67rem;font-weight:700;letter-spacing:.09em}.credibility-strip p{font-weight:700}.testimonials-section{border-top:1px solid var(--color-border);background:var(--color-background-deep)}.testimonials-section__intro{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.testimonials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid rgba(4,19,21,.34);background:#04131557}.testimonial-card{display:grid;min-height:21rem;grid-template-rows:auto 1fr;gap:clamp(2rem,4vw,4rem);padding:clamp(1.5rem,3vw,2.6rem);background:var(--color-lime);color:var(--color-background-deep)}.testimonial-card__profile{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid rgba(4,19,21,.55);border-radius:50%}.testimonial-card__profile svg{width:1.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5}.testimonial-card blockquote{display:flex;flex-direction:column;justify-content:space-between;margin:0}.testimonial-card blockquote>p{max-width:34rem;font-size:clamp(1.18rem,2.4vw,1.85rem);font-weight:650;letter-spacing:-.025em;line-height:1.25}.testimonial-card footer{margin-top:clamp(2rem,4vw,3.5rem);padding-top:1rem;border-top:1px solid rgba(4,19,21,.3)}.testimonial-card cite{font-size:.75rem;font-style:normal;font-weight:700;letter-spacing:.045em;line-height:1.45}.pedagogy-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background-deep)}.pedagogy-section__intro{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.pedagogy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--color-border-strong);background:var(--color-border-strong)}.pedagogy-grid article{display:flex;min-height:22rem;flex-direction:column;padding:clamp(1.4rem,3vw,2.4rem);background:var(--color-surface)}.pedagogy-grid article>span{color:var(--color-lime);font-size:.68rem;font-weight:700;letter-spacing:.16em}.pedagogy-grid h3{margin-top:clamp(3rem,6vw,5.5rem);font-size:clamp(1.25rem,2.3vw,2rem);letter-spacing:-.03em}.pedagogy-grid p{margin-top:1rem;color:var(--color-ink-muted)}.pedagogy-grid .pedagogy-card__supporting{margin-top:auto;padding-top:2rem;color:var(--color-ink);font-size:.82rem;font-weight:650}.evidence-base-strip{border-top:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong);background:var(--color-background-deep)}.evidence-base-strip__inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,.5fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-top:clamp(2rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem)}.evidence-base-strip ul{display:flex;flex-wrap:wrap;gap:.55rem 0;margin:1rem 0 0;padding:0;color:var(--color-ink);font-size:clamp(.9rem,1.6vw,1.08rem);list-style:none}.evidence-base-strip li:not(:last-child):after{padding:0 .7rem;color:var(--color-lime);content:"•"}.evidence-base-strip__inner>p{padding-left:clamp(1.25rem,3vw,2.5rem);border-left:1px solid var(--color-lime);color:var(--color-lime);font-size:clamp(1rem,1.8vw,1.22rem);font-weight:700}.recognition-section{padding:clamp(2.75rem,5vw,4.5rem) 0;border-bottom:1px solid var(--color-border);background:var(--color-background-deep)}.recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem;border-top:1px solid var(--color-border-strong);border-left:1px solid var(--color-border-strong)}.recognition-grid article{display:flex;min-height:8.5rem;flex-direction:column;justify-content:center;gap:.65rem;padding:clamp(1.2rem,2.5vw,2rem);border-right:1px solid var(--color-border-strong);border-bottom:1px solid var(--color-border-strong)}.recognition-grid__mark{display:flex;min-height:2.25rem;align-items:center}.recognition-grid__mark strong{color:var(--color-ink);font-family:Dela Gothic One,sans-serif;font-size:clamp(1rem,2vw,1.5rem);letter-spacing:-.035em;line-height:1.1}.recognition-grid__mark img{display:block;width:auto;max-width:100%;max-height:2.75rem}.recognition-grid span{color:var(--color-lime);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.public-page__hero{padding:clamp(4.25rem,8vw,7.5rem) 0 clamp(4rem,7vw,7rem);background:radial-gradient(circle at 86% 18%,rgba(198,255,0,.08),transparent 25rem),linear-gradient(110deg,var(--color-background),#0b2528)}.public-page__hero--compact{padding-top:clamp(3.75rem,7vw,6rem);padding-bottom:clamp(2.75rem,5vw,4rem)}.page-intro{max-width:67rem}.page-intro h1{max-width:12ch;margin-top:1.15rem;font-size:clamp(2.85rem,7vw,6.25rem)}.page-intro>p:last-child{max-width:44rem;margin-top:1.8rem;color:var(--color-ink-muted);font-size:clamp(1.08rem,2vw,1.35rem)}.page-intro__action{margin-top:2.2rem}.mechanic-grid,.school-grid,.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--color-border-strong);background:var(--color-border-strong)}.mechanic-grid article,.school-grid article,.evidence-grid article{min-height:22rem;padding:clamp(1.4rem,3vw,2.5rem);background:var(--color-surface)}.mechanic-grid h2,.school-grid h2,.evidence-grid h2{margin-top:clamp(4rem,8vw,8rem);font-size:clamp(1.45rem,3vw,2.5rem)}.mechanic-grid p,.school-grid p,.evidence-grid p{margin-top:1rem;color:var(--color-ink-muted)}.comparison-section,.evidence-note,.about-grid,.school-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(20rem,1.2fr);align-items:start;gap:clamp(3rem,8vw,8rem)}.comparison-table{border-top:1px solid var(--color-border-strong)}.comparison-table>div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1.8rem 0;border-bottom:1px solid var(--color-border-strong)}.comparison-table strong{color:var(--color-lime);font-size:.74rem;letter-spacing:.13em}.comparison-table p{color:var(--color-ink-muted);font-size:clamp(1rem,1.8vw,1.2rem)}.comparison-table p span{padding:0 .2rem;color:var(--color-lime)}.learning-path{margin:0;padding:0;border-top:1px solid var(--color-border-strong);list-style:none}.learning-path li{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1.6rem,4vw,3rem) 0;border-bottom:1px solid var(--color-border-strong)}.learning-path li>span{color:var(--color-lime);font-size:.75rem;font-weight:700;letter-spacing:.14em}.learning-path h2{font-size:clamp(1.5rem,4vw,3.5rem)}.learning-path p{margin-top:.55rem;color:var(--color-ink-muted)}.evidence-disclaimer{display:inline-flex;margin-top:2.25rem;padding:.8rem 1rem;border:1px solid var(--color-lime);color:var(--color-lime);font-size:.78rem;font-weight:700;letter-spacing:.06em}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid article{min-height:24rem}.evidence-grid strong{display:block;color:var(--color-lime);font-family:Dela Gothic One,sans-serif;font-size:clamp(2.75rem,7vw,6.5rem);letter-spacing:-.055em;line-height:1}.evidence-grid h2{margin-top:2rem}.evidence-note>div:last-child,.about-grid>div:last-child{display:grid;gap:1rem;color:var(--color-ink-muted);font-size:clamp(1.05rem,1.8vw,1.22rem)}.research-references{margin-top:1rem;color:var(--color-ink-faint);font-size:.78rem}.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-grid article{min-height:20rem}.school-contact{align-items:end}.school-contact .button{justify-self:end}.not-found-page{display:grid;min-height:calc(100vh - var(--header-height) - 11rem);place-items:center;padding:5rem 0}.not-found-page h1{margin-top:1rem}.not-found-page .button{margin-top:2rem}@media(max-width:980px){.foundation-grid,.credibility-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.credibility-strip__grid>*{border-bottom:1px solid rgba(4,19,21,.28)}.credibility-strip__grid>:nth-child(2){border-right:0}.mechanic-grid{grid-template-columns:1fr}.mechanic-grid article{min-height:15rem}.mechanic-grid h2{margin-top:3rem}.pedagogy-grid{grid-template-columns:1fr}.pedagogy-grid article{min-height:auto}.pedagogy-grid h3{margin-top:2.5rem}}@media(max-width:760px){.home-page .home-hero__grid{grid-template-columns:1fr}.home-hero__statement{display:none}.home-hero__actions{align-items:stretch;flex-direction:column}.home-hero__actions .button{width:100%}.foundation-grid,.evidence-grid,.school-grid,.testimonials-grid,.recognition-grid{grid-template-columns:1fr}.foundation-grid li,.evidence-grid article,.school-grid article{min-height:auto}.foundation-grid h3,.evidence-grid h2,.school-grid h2{margin-top:2.5rem}.comparison-section,.evidence-note,.about-grid,.school-contact,.evidence-base-strip__inner{grid-template-columns:1fr;gap:2.5rem}.testimonial-card{min-height:auto}.evidence-base-strip__inner>p{padding-top:1rem;padding-left:0;border-top:1px solid var(--color-lime);border-left:0}.comparison-table>div{grid-template-columns:1fr;gap:.65rem}.school-contact .button{width:100%;justify-self:stretch}.learning-path li{grid-template-columns:3rem minmax(0,1fr)}.orchestrator-harness--public .orchestrator-harness__toolbar{align-items:stretch;flex-direction:column}.orchestrator-harness--public .orchestrator-harness__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.play-demo-panel__header{grid-template-columns:1fr;gap:1.25rem}.play-demo-panel__heading{grid-template-columns:2.25rem minmax(0,1fr);gap:.6rem}.play-demo-panel__heading h2{font-size:2rem}.play-demo-panel__status{justify-self:start}.play-demo-placeholder{min-height:13rem}}@media(max-width:520px){.credibility-strip__grid{grid-template-columns:1fr}.credibility-strip__grid>*{min-height:7rem;border-right:0}.foundation-grid{grid-template-columns:1fr}.page-intro h1{font-size:clamp(2.55rem,11.5vw,3.6rem)}.evidence-disclaimer{line-height:1.4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}