@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/3d165c286d94e27c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/e54d16b9f2c4535b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/7c21074d9bafed1b-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/916860560b9a2bc2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/591e43f23f51e5a5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:optional;src:url(/_next/static/media/97ac91773d3121b2-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/3d165c286d94e27c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/e54d16b9f2c4535b-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/7c21074d9bafed1b-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/916860560b9a2bc2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/591e43f23f51e5a5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:optional;src:url(/_next/static/media/97ac91773d3121b2-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4 Fallback";src:local("Times New Roman");ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.00%;size-adjust:117.91%}.__className_dc987f{font-family:"Source Serif 4","Source Serif 4 Fallback";font-style:normal}.__variable_dc987f{--font-display-face:"Source Serif 4","Source Serif 4 Fallback"}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Fallback;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_70b254{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.__variable_70b254{--font-body-face:"IBM Plex Sans","IBM Plex Sans Fallback"}:root{color-scheme:light;--font-display:var(--font-display-face),"Iowan Old Style",serif;--font-body:var(--font-body-face),"Helvetica Neue",sans-serif;--font-mono:var(--font-body);--ink:oklch(98% 0.008 95);--ink-soft:oklch(95% 0.012 95);--surface:oklch(98% 0.008 95);--surface-raised:oklch(95% 0.012 95);--surface-active:oklch(91% 0.018 95);--paper:oklch(21% 0.018 255);--paper-soft:oklch(31% 0.02 255);--paper-dim:oklch(43% 0.02 255);--accent:oklch(52% 0.2 260);--accent-bright:oklch(45% 0.19 260);--accent-ink:oklch(98% 0.008 95);--success:oklch(45% 0.12 155);--error:oklch(52% 0.18 28);--line:oklch(66% 0.025 250);--line-soft:oklch(82% 0.015 250);--focus:oklch(20% 0.02 255);--nav-surface:oklch(98% 0.008 95/0.96);--shadow-color:oklch(21% 0.018 255/0.08);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--text-xs:0.8rem;--text-sm:0.8rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.25rem;--text-2xl:1.75rem;--text-hero:clamp(2.3rem,5vw,4.8rem);--leading-tight:1.02;--leading-copy:1.6;--tracking-wide:0.04em;--radius-anchor:0.35rem;--radius-small:0.2rem;--radius-round:999px;--shadow-nav:0 0 0 transparent;--shadow-focus:0 0 0 0.18rem oklch(20% 0.02 255/0.12);--shadow-active:0 0 0 transparent;--motion-fast:140ms;--motion-base:220ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--container:78rem;--text-measure:68ch}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip;background:var(--ink)}body{min-width:20rem;margin:0;color:var(--paper);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-copy);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-color:var(--line);text-underline-offset:var(--space-1)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:.13rem solid var(--focus);outline-offset:var(--space-1);box-shadow:var(--shadow-focus)}::-moz-selection{background:var(--accent);color:var(--accent-ink)}::selection{background:var(--accent);color:var(--accent-ink)}.container{width:min(calc(100% - (var(--space-6) * 2)),var(--container));margin-inline:auto}.visually-hidden{position:absolute!important;width:.0625rem!important;height:.0625rem!important;padding:0!important;margin:-.0625rem!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;inset:var(--space-3) auto auto var(--space-3);z-index:100;transform:translateY(-200%);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-small);background:var(--paper);color:var(--ink);font-weight:800}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:50;inset:var(--space-4) 0 auto;display:flex;justify-content:center;pointer-events:none}.site-header__row{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - (var(--space-4) * 2)),42rem);min-height:3.4rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:.0625rem solid var(--line);border-radius:var(--radius-round);background:var(--nav-surface);box-shadow:var(--shadow-nav);backdrop-filter:blur(1rem);pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;font-weight:760;letter-spacing:-.03em;text-decoration:none;line-height:1}.brand__mark{display:inline-flex;align-items:end;gap:var(--space-1);width:1.15rem;height:1rem}.brand__mark span{width:.2rem;border-radius:var(--radius-small)}.brand__mark span:first-child{height:42%}.brand__mark span:nth-child(2){height:100%}.brand__mark span:nth-child(3){height:68%}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:var(--space-4);border-radius:var(--radius-round);color:var(--paper-soft);font-size:var(--text-sm);font-weight:700;text-decoration:none;line-height:1;white-space:nowrap;transition:color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.site-nav a:first-child{background:var(--accent);color:var(--accent-ink)}.site-main{padding-block:5.9rem var(--space-20)}.hero{grid-template-columns:minmax(0,1.6fr) minmax(15rem,.7fr);gap:var(--space-10);padding-block:var(--space-4) var(--space-6);border-bottom:.0625rem solid var(--line-soft)}.hero__copy{min-width:0}.hero__title{max-width:16.5ch;margin:0;font-family:var(--font-display);font-size:clamp(2.9rem,4.6vw,4.6rem);font-weight:760;letter-spacing:-.065em;line-height:var(--leading-tight);text-wrap:balance;min-width:0;overflow-wrap:anywhere}.hero__promise{max-width:45rem;margin:var(--space-5) 0 0;font-size:var(--text-lg);line-height:1.6}.hero__manifesto{margin:0 0 var(--space-2);color:var(--accent-bright);font-family:var(--font-display);font-size:clamp(1.2rem,2.25vw,2rem);font-weight:580;letter-spacing:-.035em;line-height:1.18}.workbench{grid-template-columns:minmax(29rem,.9fr) minmax(0,1.1fr);gap:var(--space-4);align-items:start;margin-top:var(--space-3)}.page-section,.workbench-section{min-width:0;scroll-margin-top:6rem}.page-section>h2,.section-head h2,.workbench-section>h2{margin:0;font-family:var(--font-display);font-weight:710;letter-spacing:-.035em;line-height:1.08;text-wrap:balance;min-width:0;overflow-wrap:anywhere}.generator-station,.progression-station{min-height:23.5rem;padding:var(--space-6);border:.0625rem solid var(--line-soft);background:var(--ink-soft)}.generator-station{border-radius:var(--radius-anchor) var(--radius-small) var(--radius-small) var(--radius-anchor)}.progression-station{border-radius:var(--radius-small) var(--radius-anchor) var(--radius-anchor) var(--radius-small)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5)}.section-head--stacked{display:block}.section-intro{max-width:var(--text-measure);margin:var(--space-2) 0 var(--space-5);line-height:1.55}.section-intro--tight{margin-bottom:0}.section-meta{margin:0 0 var(--space-1);color:var(--accent-bright);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-align:right;text-transform:uppercase;white-space:nowrap}.panel{min-width:0}.controls-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.control{min-width:0}.control--fieldset{margin:0;padding:0;border:0}.control--actions{grid-column:auto;display:grid;grid-template-columns:1fr;padding-top:var(--space-1)}.control-label{display:block;margin-bottom:var(--space-2);color:var(--paper-dim);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);line-height:1.2;text-transform:uppercase}.select{width:100%;min-height:2.8rem;padding:0 var(--space-8) 0 var(--space-3);border:0;border-bottom:.0625rem solid var(--line);border-radius:0;background:var(--surface);color:var(--paper);cursor:pointer}.segmented{display:flex;gap:var(--space-1)}.segmented-option{position:relative;flex:1 1 0;min-width:0}.segmented-input{position:relative;width:100%;height:2.8rem;margin:0;opacity:0;cursor:pointer}.segmented-label{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;min-height:2.8rem;padding-inline:var(--space-2);border:.0625rem solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface);font-size:var(--text-sm);font-weight:650;cursor:pointer;white-space:nowrap}.segmented-input:focus-visible+.segmented-label{outline:.13rem solid var(--focus);outline-offset:var(--space-1)}.tempo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:2.8rem;padding-inline:var(--space-3);background:var(--surface);border-bottom:.0625rem solid var(--line)}.tempo-input{width:100%;height:2.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.tempo-input::-webkit-slider-runnable-track{height:.16rem;background:var(--line)}.tempo-input::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.42rem;-webkit-appearance:none;appearance:none;border:.16rem solid var(--surface);border-radius:var(--radius-round);background:var(--accent);box-shadow:0 0 0 .0625rem var(--accent)}.tempo-input::-moz-range-track{height:.16rem;background:var(--line)}.tempo-input::-moz-range-thumb{width:.9rem;height:.9rem;border:.16rem solid var(--surface);border-radius:var(--radius-round);background:var(--accent)}.tempo-value{min-width:4.5rem;color:var(--accent-bright);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.btn,.tempo-value{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.8rem;padding:var(--space-2) var(--space-4);border:.0625rem solid var(--line);background:transparent;color:var(--paper-soft);font-size:var(--text-sm);font-weight:760;cursor:pointer;line-height:1;transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.btn--play,.btn--stop{border-color:var(--accent);color:var(--accent-bright)}.btn--stop{background:var(--surface-active)}.btn--success,.btn--success:hover{border-color:var(--success);color:var(--success)}.btn--ai{border-color:var(--line);color:var(--accent-bright)}.ai-composer{grid-column:1/-1;padding:var(--space-5);border:.0625rem solid var(--line);border-radius:var(--radius-small)}.ai-composer__intro,.ai-idea__head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(14rem,1.2fr);gap:var(--space-5);align-items:end}.ai-composer h3,.ai-composer h4{margin:0;font-family:var(--font-display);line-height:var(--leading-tight)}.ai-composer h3{font-size:var(--text-xl)}.ai-composer h4{font-size:var(--text-lg)}.ai-composer__intro>p,.ai-idea>p{margin:0;color:var(--paper-soft);font-size:var(--text-sm)}.ai-composer .control-label{margin-top:var(--space-5)}.ai-composer__prompt{display:block;width:100%;min-height:7.5rem;resize:vertical;padding:var(--space-4);border:.0625rem solid var(--line);border-radius:var(--radius-small);background:var(--ink-soft);color:var(--paper);line-height:1.55}.ai-composer__prompt::-moz-placeholder{color:var(--paper-dim)}.ai-composer__prompt::placeholder{color:var(--paper-dim)}.ai-composer__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.ai-composer__actions .section-meta{margin:0;text-align:left}.ai-composer__error{margin:var(--space-4) 0 0;color:var(--accent-bright);font-size:var(--text-sm)}.ai-idea{margin-top:var(--space-5);padding:var(--space-5);border-top:.0625rem solid var(--accent);background:var(--ink-soft)}.ai-idea__head .section-meta{margin:0}.ai-idea__chords{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);margin-block:var(--space-4)}.ai-idea__chords span{display:grid;place-items:center;min-height:4.5rem;border:.0625rem solid var(--line-soft);background:var(--surface-raised)}.ai-idea__chords strong{font-family:var(--font-display);font-size:var(--text-lg)}.ai-idea__chords small{color:var(--paper-dim);font-family:var(--font-mono)}.ai-composer__privacy,.ai-idea>.btn{margin-top:var(--space-4)}.ai-composer__privacy{color:var(--paper-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.sheet{padding:var(--space-3);border:.0625rem solid var(--line);border-radius:var(--radius-small);background:var(--surface)}.timeline-ruler{display:flex;align-items:center;justify-content:space-between;min-height:1.7rem;padding-inline:var(--space-1);border-bottom:.0625rem solid var(--line-soft);color:var(--paper-dim);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.chord-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.0625rem;min-width:0;padding-block:var(--space-3)}.chord-row--compact{padding-block:0}.chord-tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"bar roman" "name name" "notes notes";align-content:center;gap:var(--space-1) var(--space-2);min-width:0;min-height:8.6rem;padding:var(--space-3);overflow:hidden;border:.0625rem solid var(--line-soft);border-radius:0;background:var(--ink-soft);color:var(--paper);text-align:left;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.chord-tile--compact{min-height:6.5rem;padding:var(--space-3)}.chord-tile__bar{grid-area:bar;color:var(--paper-dim);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.chord-tile__name{grid-area:name;overflow:hidden;font-size:clamp(1.45rem,2.25vw,2.35rem);font-weight:720;letter-spacing:-.045em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.chord-tile--compact .chord-tile__name{font-size:var(--text-xl)}.chord-tile__roman{grid-area:roman;justify-self:end;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:760;letter-spacing:var(--tracking-wide)}.chord-tile__notes{grid-area:notes;overflow:hidden;color:var(--paper-dim);font-size:var(--text-xs);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.chord-tile.is-active{z-index:1;box-shadow:var(--shadow-active)}.chord-tile.is-active .chord-tile__name{color:var(--accent-bright)}.chord-tile__playhead{position:absolute;inset:0;border-right:.12rem solid var(--accent-bright);background:transparent;box-shadow:.35rem 0 .8rem -.4rem var(--accent);transform:scaleX(1);transform-origin:left center}.sheet-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:.0625rem solid var(--line-soft)}.sheet-actions--alt{justify-content:flex-end;padding-top:0;border:0}.sheet-note{margin:var(--space-3) 0 0;color:var(--paper-dim);font-size:var(--text-xs)}.alternatives-station,.theory-station{grid-column:1/-1;margin-top:var(--space-16)}.alternative-list{margin:var(--space-8) 0 0;padding:0;list-style:none;border-top:.0625rem solid var(--line)}.alternative{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:var(--space-5);align-items:center;padding-block:var(--space-4);border-bottom:.0625rem solid var(--line-soft)}.alternative-head{min-width:0}.alternative-head h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:680}.alternative-roman{margin:var(--space-1) 0 0;overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.alternative .chord-row{grid-template-columns:repeat(4,minmax(4.4rem,1fr))}.alternative .sheet-actions{flex-wrap:nowrap}.theory-station{display:grid;grid-template-columns:minmax(14rem,.35fr) minmax(0,1fr);gap:var(--space-10);padding-block:var(--space-10);border-block:.0625rem solid var(--line-soft)}.theory-station>.section-intro,.theory-station>h2{grid-column:1}.theory-station>.section-intro{margin-top:calc(var(--space-10) * -1);align-self:end}.diatonic-grid{grid-column:2;grid-row:1/span 2;grid-template-columns:repeat(7,minmax(4.8rem,1fr));align-items:start;gap:var(--space-1);margin:0;padding:0 var(--space-3) var(--space-3);list-style:none;border-bottom:.8rem solid var(--surface-raised);background:var(--line-soft)}.diatonic-grid li{min-width:0}.diatonic-grid .chord-tile{width:100%;min-height:10rem;border-bottom:.22rem solid var(--paper-dim);background:var(--paper);color:var(--ink)}.diatonic-grid .chord-tile__roman{color:var(--accent-ink)}.diatonic-grid .chord-tile__bar{display:none}.diatonic-grid .chord-tile__notes{color:var(--surface-active)}.page-section{margin-top:var(--space-20)}.guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-8);border-top:.0625rem solid var(--line)}.guidance__item{padding:var(--space-6) var(--space-6) var(--space-6) 0;border-bottom:.0625rem solid var(--line-soft)}.guidance__item+.guidance__item{padding-left:var(--space-6);border-left:.0625rem solid var(--line-soft)}.guidance__item h3{margin:0 0 var(--space-3);color:var(--accent-bright);font-family:var(--font-display);font-size:var(--text-lg);font-weight:680}.guidance__item p{margin:0;color:var(--paper-soft);font-size:var(--text-sm)}.faq{max-width:58rem;margin-top:var(--space-8);border-top:.0625rem solid var(--line)}.faq__item{border-bottom:.0625rem solid var(--line-soft)}.faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:4.5rem;padding-block:var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);font-weight:660;cursor:pointer;list-style:none}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";flex:0 0 auto;color:var(--accent-bright);font-family:var(--font-body);font-size:var(--text-xl);font-weight:400}.faq__item[open] .faq__question:after{content:"−"}.faq__answer{max-width:var(--text-measure);margin:0;padding:0 0 var(--space-5);color:var(--paper-soft)}.prose{max-width:48rem;padding-top:var(--space-6)}.prose h1{margin:0 0 var(--space-6);font-size:clamp(2.4rem,6vw,4.8rem);letter-spacing:-.05em;line-height:1}.prose h1,.prose h2{font-family:var(--font-display)}.prose h2{margin:var(--space-10) 0 var(--space-3);font-size:var(--text-xl)}.prose li,.prose p{color:var(--paper-soft)}.prose a{color:var(--accent-bright)}.site-footer{border-top:.0625rem solid var(--line-soft);background:var(--ink-soft)}.site-footer__row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:var(--space-12);align-items:end;padding-block:var(--space-16)}.site-footer__statement{margin:0;color:var(--paper);font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5.8rem);font-weight:740;letter-spacing:-.065em;line-height:var(--leading-tight)}.site-footer__details{padding-top:var(--space-5);border-top:.0625rem solid var(--line)}.site-footer__copy,.site-footer__note{margin:0;font-size:var(--text-sm)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block:var(--space-5)}.site-footer__nav a{font-size:var(--text-sm);white-space:nowrap;display:inline-flex;align-items:center;line-height:1}a:active,button:active,summary:active{transform:translateY(.06rem)}.segmented-input:disabled+.segmented-label,button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}@media (hover:hover) and (pointer:fine){.site-nav a:hover{background:var(--surface);color:var(--paper)}.site-nav a:first-child:hover{background:var(--accent-bright);color:var(--accent-ink)}.btn:hover,.segmented-label:hover,.select:hover{border-color:var(--accent);color:var(--accent-bright)}.btn--primary:hover{background:var(--accent-bright);color:var(--accent-ink);transform:translateY(-.08rem)}.chord-tile:hover{z-index:2;border-color:var(--accent);background:var(--surface-raised);transform:translateY(-.1rem)}.diatonic-grid .chord-tile:hover{background:var(--accent-bright);color:var(--accent-ink)}.faq__question:hover,.site-footer__nav a:hover{color:var(--accent-bright)}}@media (max-width:70rem){.workbench{grid-template-columns:minmax(19rem,.82fr) minmax(0,1.18fr)}.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.control--actions{grid-column:1/-1;grid-template-columns:1.35fr 1fr}.alternative{grid-template-columns:7.5rem minmax(0,1fr)}.alternative .sheet-actions{grid-column:2;justify-content:flex-start}.diatonic-grid{overflow-x:auto;overscroll-behavior-inline:contain}}@media (max-width:56rem){.hero{grid-template-columns:1fr;gap:var(--space-5)}.hero__manifesto{display:none}.workbench{grid-template-columns:1fr}.controls-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.control--actions{grid-column:auto;grid-template-columns:1fr}.generator-station,.progression-station{min-height:0;border-radius:var(--radius-anchor)}.alternatives-station,.theory-station{grid-column:1}.theory-station{display:block}.theory-station>.section-intro{margin-top:var(--space-2)}.diatonic-grid{margin-top:var(--space-6)}.guidance{grid-template-columns:1fr}.guidance__item+.guidance__item{padding-left:0;border-left:0}.site-footer__row{grid-template-columns:1fr}}@media (max-width:40rem){.container{width:min(calc(100% - (var(--space-4) * 2)),var(--container))}.site-header{top:var(--space-3)}.site-header__row{width:calc(100% - (var(--space-4) * 2))}.site-nav a:not(:first-child){display:none}.site-main{padding-top:6rem}.hero{padding-block:var(--space-6) var(--space-8)}.hero__title{max-width:12ch;font-size:clamp(2.35rem,13vw,4rem)}.hero__promise{font-size:var(--text-base)}.generator-station,.progression-station{padding:var(--space-4)}.controls-panel{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.control--actions{grid-column:1/-1;grid-template-columns:1.35fr 1fr}.section-head{align-items:start;flex-direction:column;gap:var(--space-2)}.section-meta{text-align:left}.chord-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-tile{min-height:6.7rem}.sheet-actions .btn{flex:1 1 calc(50% - var(--space-2))}.sheet-actions .btn:first-child{flex-basis:100%}.alternative{display:block}.alternative .chord-row{margin-block:var(--space-3)}.alternative .sheet-actions{justify-content:stretch}.alternative .sheet-actions .btn{flex-basis:auto}.diatonic-grid{grid-template-columns:repeat(7,minmax(5.3rem,1fr));margin-inline:calc(var(--space-4) * -1)}.alternatives-station,.page-section,.theory-station{margin-top:var(--space-16)}.site-footer__row{padding-block:var(--space-12)}.site-footer__statement{font-size:clamp(2.35rem,12vw,4rem)}.ai-composer{padding:var(--space-4)}.ai-composer__intro,.ai-idea__head{grid-template-columns:1fr;gap:var(--space-3)}.ai-idea__head .section-meta{text-align:left;white-space:normal}.ai-idea__chords{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-composer__actions{align-items:stretch;flex-direction:column}.ai-composer__actions .btn{width:100%}}@media (max-width:23.5rem){.controls-panel{grid-template-columns:1fr}.control--actions{grid-column:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-header{position:relative;inset:auto;z-index:var(--z-sticky,200);display:block;border-bottom:.0625rem solid var(--line-soft);background:var(--nav-surface);pointer-events:auto}.site-header__row{width:min(calc(100% - (var(--space-4) * 2)),var(--container));min-height:4rem;margin-inline:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.brand{color:var(--paper);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.brand__mark span{border-radius:0;background:var(--accent)}.site-nav a,.site-nav a:first-child{min-height:2.75rem;padding-inline:0;border-radius:0;background:transparent;color:var(--paper);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.125rem;text-underline-offset:var(--space-2)}.site-main{padding-block:var(--space-5) var(--space-20)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-items:end;padding-block:0 var(--space-5);border-bottom:0}.hero__title{max-width:24ch;font-size:clamp(2.3rem,4vw,3.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.02}.hero__promise{max-width:65ch;margin-top:var(--space-3);color:var(--paper-soft);font-size:var(--text-base);line-height:1.55}.hero__cue{margin:0;color:var(--paper-dim);font-size:var(--text-sm)}.workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-10) var(--space-6);margin-top:0;padding-top:var(--space-4);border-top:.0625rem solid var(--line-soft)}.page-section>h2,.section-head h2,.workbench-section>h2{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.025em;line-height:1.12}.generator-station,.progression-station{min-height:0;padding:0;border:0;border-radius:0;background:transparent}.generator-station{padding-bottom:var(--space-6);border-bottom:.0625rem solid var(--line-soft)}.section-head{align-items:start;margin-bottom:var(--space-4)}.section-intro{margin:var(--space-2) 0 var(--space-4);color:var(--paper-dim);font-size:var(--text-sm)}.ai-composer__label,.control-label,.section-meta,.timeline-ruler{color:var(--paper-dim);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:0;text-transform:none}.controls-panel{grid-template-columns:1fr;gap:var(--space-3)}.control--actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.control--actions .btn--ai{grid-column:1/-1}.control-label{margin-bottom:var(--space-1)}.ai-composer__prompt,.segmented-label,.select,.tempo-row{min-height:2.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-small);outline:.125rem solid transparent;outline-offset:.0625rem;background:var(--surface);color:var(--paper)}.select{padding-inline:var(--space-3) var(--space-8)}.segmented-input{min-height:2.75rem}.segmented-label{color:var(--paper-soft);font-weight:500}.segmented-input:checked+.segmented-label{border-color:var(--accent);background:var(--surface-active);color:var(--accent-bright)}.tempo-row{border-bottom-width:.0625rem}.btn{min-height:2.75rem;border-width:.0625rem;border-color:var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--paper);font-weight:600;transition:transform var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.btn--ai,.btn--play,.btn--stop{border-color:var(--line);background:transparent;color:var(--accent-bright)}.btn--success{border-color:var(--success);color:var(--success)}.ai-composer{margin-top:var(--space-5);padding:var(--space-5) 0 0;border:0;border-top:.0625rem solid var(--line);border-radius:0;background:var(--surface-raised)}.ai-composer__intro,.ai-idea__head{grid-template-columns:1fr;gap:var(--space-2);align-items:start}.ai-composer__label{margin:0 0 var(--space-1)}.ai-composer__prompt{background:var(--surface)}.ai-composer__error{color:var(--error)}.ai-idea{padding:var(--space-4) 0 0;border:0;border-top:.0625rem solid var(--line)}.ai-idea,.sheet{background:transparent}.sheet{padding:0;border:0;border-radius:0}.timeline-ruler{min-height:2rem;padding-inline:0;border-block:.0625rem solid var(--line-soft)}.chord-row{gap:0;padding-block:0;border-bottom:.0625rem solid var(--line)}.chord-tile,.chord-tile--compact{min-height:7.5rem;padding:var(--space-3);border:0;border-inline-end:.0625rem solid var(--line-soft);border-radius:0;background:var(--surface);color:var(--paper);box-shadow:none}.chord-tile:last-child{border-inline-end:0}.chord-tile__name{font-family:var(--font-display);font-weight:700}.chord-tile__roman{color:var(--accent-bright);letter-spacing:0}.chord-tile__bar,.chord-tile__notes{color:var(--paper-dim)}.chord-tile.is-active{border-color:var(--accent);background:var(--surface-active);box-shadow:inset 0 -.18rem 0 var(--accent)}.chord-tile__playhead{border-right:.125rem solid var(--accent);box-shadow:none}.sheet-actions{padding-top:var(--space-3);border-top:0}.editable-chord{min-width:0;border-inline-end:.0625rem solid var(--line-soft)}.editable-chord:last-child{border-inline-end:0}.editable-chord .chord-tile{width:100%;border-inline-end:0}.editable-chord.is-kept{box-shadow:inset 0 -.18rem 0 var(--accent)}.editable-chord__controls{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.chord-choice{width:100%;min-width:0;padding-inline:var(--space-2);font-size:var(--text-sm)}.chord-choice,.keep-chord{min-height:2.75rem}.keep-chord[aria-pressed=true]{border-color:var(--accent);background:var(--surface-active);color:var(--accent-bright)}.arrangement-history{padding-top:var(--space-3)}.arrangement-history__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.arrangement-history__buttons .btn{min-height:2.75rem}@media (max-width:48rem){.editable-chord:nth-child(2n){border-inline-end:0}}.alternatives-station,.theory-station{grid-column:1;margin-top:var(--space-8)}.alternative-list{margin-top:var(--space-5)}.alternative{grid-template-columns:1fr;gap:var(--space-3);padding-block:var(--space-5)}.alternative .chord-row{grid-template-columns:repeat(2,minmax(0,1fr))}.alternative .sheet-actions{grid-column:auto;justify-content:flex-start}.alternative-roman{color:var(--paper-dim)}.theory-station{display:block;padding-block:var(--space-8);border-block-color:var(--line-soft)}.theory-station>.section-intro{margin-top:var(--space-2)}.diatonic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:var(--space-5);padding:0;border:.0625rem solid var(--line-soft);background:transparent}.diatonic-grid .chord-tile{min-height:7rem;border:0;border-inline-end:.0625rem solid var(--line-soft);border-bottom:.0625rem solid var(--line-soft);background:var(--surface);color:var(--paper)}.diatonic-grid .chord-tile__roman{color:var(--accent-bright)}.diatonic-grid .chord-tile__notes{color:var(--paper-dim)}.page-section{margin-top:var(--space-16)}.guidance{grid-template-columns:1fr;margin-top:var(--space-5)}.guidance__item,.guidance__item+.guidance__item{padding:var(--space-5) 0;border-left:0;border-bottom:.0625rem solid var(--line-soft)}.guidance__item h3{color:var(--paper);font-weight:700}.faq__answer,.guidance__item p{color:var(--paper-soft)}.faq{margin-top:var(--space-5)}.faq__question{color:var(--paper);font-weight:600}.site-footer{border-top-color:var(--line);background:var(--ink)}.site-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);padding-block:var(--space-6)}.site-footer__brand{color:var(--paper);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-decoration:none;white-space:nowrap}.site-footer__details{display:flex;flex:1 1 42rem;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2) var(--space-4);padding:0;border:0}.site-footer__copy,.site-footer__note{color:var(--paper-dim);font-size:var(--text-xs)}.site-footer__nav{margin:0;gap:var(--space-3)}.site-footer__nav a{min-height:2.75rem;color:var(--paper-soft)}@media (hover:hover) and (pointer:fine){.site-nav a:hover{background:transparent;color:var(--accent-bright)}.btn:hover,.segmented-label:hover,.select:hover{border-color:var(--accent);color:var(--accent-bright)}.btn--primary:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-.0625rem)}.chord-tile:hover{z-index:auto;border-color:var(--line-soft);background:var(--surface-raised);transform:none}.diatonic-grid .chord-tile:hover{background:var(--surface-active);color:var(--paper)}}@media (min-width:40rem){.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.control--actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.control--actions .btn--ai{grid-column:auto}.alternative{grid-template-columns:7rem minmax(0,1fr)}.alternative .sheet-actions{grid-column:2}.diatonic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:60rem){.site-main{padding-top:var(--space-3)}.hero{padding-bottom:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(16rem,.45fr)}.hero__cue{text-align:right}.workbench{grid-template-columns:minmax(24rem,.42fr) minmax(0,1fr);gap:var(--space-6);padding-top:var(--space-3)}.generator-station{padding-inline-end:var(--space-6);padding-bottom:0;border-inline-end:.0625rem solid var(--line-soft);border-bottom:0}.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3)}.control--actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.alternatives-station,.control--actions .btn--ai,.theory-station{grid-column:1/-1}.alternative{grid-template-columns:8rem minmax(0,1fr) auto;align-items:center}.alternative .chord-row{grid-template-columns:repeat(4,minmax(0,1fr))}.alternative .sheet-actions{grid-column:auto;flex-wrap:nowrap}.theory-station{display:grid;grid-template-columns:minmax(14rem,.35fr) minmax(0,1fr)}.theory-station>.section-intro,.theory-station>h2{grid-column:1}.diatonic-grid{grid-column:2;grid-row:1/span 2;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:0}.guidance{grid-template-columns:1.2fr 1fr .9fr}.guidance__item,.guidance__item+.guidance__item{padding-inline:var(--space-6);border-left:.0625rem solid var(--line-soft)}.guidance__item:first-child{padding-inline-start:0;border-left:0}}@media (max-width:39.999rem){.container,.site-header__row{width:min(calc(100% - (var(--space-4) * 2)),var(--container))}.site-main{padding-top:var(--space-5)}.hero{padding-block:0 var(--space-5)}.hero__title{max-width:17ch;font-size:clamp(2.3rem,11vw,3.4rem)}.section-head{align-items:start;flex-direction:column;gap:var(--space-2)}.section-meta{text-align:left;white-space:normal}.chord-row{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-tile:nth-child(2n){border-inline-end:0}.sheet-actions .btn{flex:1 1 calc(50% - var(--space-2))}.sheet-actions .btn:first-child{flex-basis:100%}.ai-composer{padding-inline:0}.ai-composer__actions{align-items:stretch;flex-direction:column}.ai-composer__actions .btn{width:100%}.ai-idea__chords{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__details{justify-content:flex-start}}