@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#18261f;background:#f3efe5;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #18261f;--forest: #1f4936;--forest-dark: #143426;--cream: #f3efe5;--paper: #fbf8f0;--coral: #e76f51;--mustard: #e7ad43;--sage: #bdcbbd;--line: #d8d3c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e7ad43;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden}.site-header{height:78px;padding:0 clamp(24px,6vw,88px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(24,38,31,.14)}.brand{color:var(--ink);text-decoration:none;font-family:"Instrument Serif",serif;font-size:25px;display:flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;border-radius:50%;background:var(--coral);display:grid;align-content:center;gap:3px;padding:7px 5px;transform:rotate(-8deg)}.brand-mark i{display:block;height:1px;background:var(--paper)}.site-header nav{display:flex;align-items:center;height:100%;gap:34px}.nav-link{height:100%;border:0;padding:0;display:grid;place-items:center;background:transparent;color:#5f685f;text-decoration:none;font-size:13px;font-weight:600;position:relative}.nav-link--active{color:var(--ink)}.nav-link--active:after{content:"";position:absolute;height:3px;background:var(--coral);border-radius:3px 3px 0 0;inset:auto 0 0}.session-label{text-align:right;display:flex;flex-direction:column;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.session-label span{color:#7d857d}.session-label strong{margin-top:2px;font-size:10px}.hero{min-height:420px;padding:76px clamp(24px,8vw,120px) 62px;display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,.9fr);align-items:center;gap:7vw;position:relative}.hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(31,73,54,.08);border-radius:50%;left:-220px;top:-260px}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;margin:0 0 18px}h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400}h1{font-size:clamp(54px,6vw,84px);line-height:.91;letter-spacing:-.035em;margin:0}h1 em{color:var(--forest);font-weight:400}.hero-description{color:#5e685f;max-width:470px;font-size:16px;line-height:1.65;margin:28px 0 0}.fretboard{height:250px;position:relative;border-left:4px solid var(--ink);border-right:1px solid #897f6e;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),rgba(58,48,34,.32) calc(25% - 1px),rgba(58,48,34,.32) 25%);transform:rotate(-2deg)}.guitar-string{position:relative;height:calc(100% / 6);border-top:1px solid #726c60;box-shadow:0 1px #fffc}.guitar-string:nth-child(2n){border-top-width:2px}.fret-label{position:absolute;right:10px;top:-34px;color:var(--forest);font-family:"Instrument Serif",serif;font-style:italic;font-size:17px}.fret-note{width:47px;height:47px;border-radius:50%;position:absolute;display:grid;place-items:center;z-index:2;color:#fff;font-size:15px;font-weight:700;box-shadow:0 7px 18px #18261f2e}.fret-note--one{background:var(--coral);top:18px;left:11%}.fret-note--two{background:var(--forest);top:101px;left:39%}.fret-note--three{background:var(--mustard);color:var(--ink);top:184px;left:66%}.fret-number{color:#9a9387;position:absolute;bottom:-30px;font-size:10px}.fret-number--one{left:12%}.fret-number--two{left:40%}.fret-number--three{left:67%}.practice-section{background:var(--forest);padding:46px clamp(24px,8vw,120px) 78px}.practice-toolbar{display:flex;justify-content:space-between;align-items:flex-end;max-width:1220px;margin:0 auto 22px}.exercise-tabs{display:flex;gap:4px}.exercise-tabs button{border:0;background:transparent;color:#ffffff8a;padding:12px 20px;border-radius:6px;font-size:13px;font-weight:600}.exercise-tabs button span{font-size:9px;margin-right:8px;opacity:.6}.exercise-tabs button.active{background:#ffffff1f;color:#fff}.key-select,.root-select{display:flex;align-items:center;gap:12px;flex-shrink:0}.key-select>span,.root-select>span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.key-select select,.root-select select{appearance:none;min-width:132px;height:42px;border-radius:6px;padding:0 38px 0 13px;background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;font-weight:600;transition:border-color .16s ease,background-color .16s ease}.key-select>span{color:#ffffff8f}.key-select select{border:1px solid rgba(255,255,255,.28);background-color:#0000001f;background-image:linear-gradient(45deg,transparent 50%,white 50%),linear-gradient(135deg,white 50%,transparent 50%);color:#fff}.key-select select:hover{border-color:#ffffff80;background-color:#0003}.key-select--mobile{display:none}.root-select>span{color:#818781}.root-select select{border:1px solid #c8cac3;background-color:#fffdf8;background-image:linear-gradient(45deg,transparent 50%,var(--forest) 50%),linear-gradient(135deg,var(--forest) 50%,transparent 50%);color:var(--forest)}.root-select select:hover{border-color:#899a8e;background-color:#f6f5ef}.reference-toolbar-label{display:flex;align-items:center;gap:12px;color:#ffffffb8;font-family:"Instrument Serif",serif;font-size:19px}.reference-toolbar-label span{border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:6px 11px;color:#fff;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.exercise-card{max-width:1220px;margin:auto;background:var(--paper);border-radius:9px;padding:clamp(25px,4vw,52px);box-shadow:0 24px 50px #091b1240}.exercise-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:36px}.exercise-heading .eyebrow{margin-bottom:8px}.exercise-heading h2{font-size:clamp(34px,4vw,48px);line-height:1;margin:0 0 9px}.exercise-heading p:not(.eyebrow){color:#6d746d;margin:0;font-size:14px}.formula{display:flex;align-items:center;color:#667168;flex-shrink:0}.formula span{width:29px;height:29px;border-radius:50%;border:1px solid #b9beb7;display:grid;place-items:center;font-size:10px;font-weight:700}.formula i{width:11px;height:1px;background:#c5c4bd}.thirds-badge{display:flex;align-items:center;gap:11px}.thirds-badge span{width:38px;height:38px;border-radius:50%;background:#e6e9df;display:grid;place-items:center;color:var(--forest);font-family:"Instrument Serif",serif;font-size:20px}.thirds-badge i{color:#979e97;font-style:normal}.scale-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.scale-note{text-align:center;min-width:0}.degree{width:22px;height:22px;display:grid;place-items:center;margin:0 auto 9px;border-radius:50%;background:#e3e5dd;font-size:9px;color:#6c746d;font-weight:700}.scale-note--given strong,.note-field input{width:100%;height:76px;border-radius:7px;font-family:"Instrument Serif",Georgia,serif;font-size:33px}.scale-note--given strong{background:var(--forest);color:#fff;font-weight:400;display:grid;place-items:center}.scale-note small{color:#8a8f89;font-size:9px;text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:10px}.note-field{position:relative;min-width:0}.note-field input{min-width:0;border:1px solid #cfcfc7;padding:0 24px;background:#fffdf8;color:var(--ink);text-align:center;line-height:76px;outline:none;transition:border .18s,box-shadow .18s,background .18s}.note-field input::placeholder{color:#c2c1ba;text-align:center;transition:opacity .15s}.note-field input:focus::placeholder{opacity:0}.note-field input:focus{border-color:var(--forest);box-shadow:0 0 0 3px #1f49361f}.note-status{position:absolute;right:7px;top:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:700}.note-field--correct input{border-color:#4e8969;background:#f2f8f2}.note-field--correct .note-status{background:#4e8969}.note-field--incorrect input{border-color:var(--coral);background:#fff7f4}.note-field--incorrect .note-status{background:var(--coral)}.field-answer{position:absolute;color:#b3513d;font-size:9px;left:0;right:0;bottom:-14px;white-space:nowrap}.exercise-footer{margin-top:52px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.result-message{display:flex;flex-direction:column;color:#858b85;font-size:12px;min-height:35px;justify-content:center}.result-message strong{font-size:14px;color:var(--ink);margin-bottom:2px}.result-message--success strong{color:#34704f}.result-message--try strong{color:#a84d39}.actions{display:flex;gap:10px}.button{border:0;border-radius:5px;padding:12px 17px;font-size:12px;font-weight:700}.button--secondary{border:1px solid #c8c9c2;background:transparent;color:#4f5951}.button--primary{background:var(--coral);color:#fff;box-shadow:0 5px 12px #e76f5138}.button--primary span{margin-left:11px}.triad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.triad-grid.diatonic-triad-grid,.reference-triads.diatonic-reference-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.triad-grid.diatonic-triad-grid>*,.reference-triads.diatonic-reference-grid>*{grid-column:span 3}.triad-grid.diatonic-triad-grid>*:nth-child(5),.reference-triads.diatonic-reference-grid>*:nth-child(5){grid-column:2 / span 3}.triad-card{border:1px solid var(--line);border-radius:7px;padding:20px;background:#fffdf8}.triad-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.roman{width:45px;height:45px;display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:50%;font-family:"Instrument Serif",serif;font-size:19px}.triad-header div{display:flex;flex-direction:column}.triad-header strong{font-family:"Instrument Serif",serif;font-size:20px;font-weight:400}.triad-header small{color:#878d87;text-transform:uppercase;letter-spacing:.09em;font-size:8px;margin-top:2px}.triad-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.triad-notes .note-field input{height:58px;padding-inline:8px;font-size:25px;line-height:58px}.triad-notes .note-status{width:14px;height:14px;right:4px;top:4px;font-size:9px}.quality-exercise-heading{gap:24px}.quality-exercise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quality-exercise-card .triad-header strong{text-transform:capitalize}.quality-symbol{min-width:52px;height:45px;padding:0 8px;border-radius:23px;display:grid;place-items:center;background:var(--forest);color:#fff;font-family:"Instrument Serif",Georgia,serif;font-size:19px}.interval-heading-mark{min-width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e6e9df;color:var(--forest);font-family:"Instrument Serif",Georgia,serif;font-size:26px}.interval-controls{display:flex;align-items:center;justify-content:center;gap:28px}.interval-select select{min-width:245px}.interval-equation{max-width:820px;margin:34px auto 0;display:grid;grid-template-columns:1fr auto 1.3fr auto 1fr;align-items:center;gap:18px}.interval-term,.interval-answer{min-width:0}.interval-term{min-height:108px;border:1px solid var(--line);border-radius:7px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf8}.interval-term--root{border-color:var(--forest);background:var(--forest);color:#fff}.interval-term small,.interval-answer>small{color:#858c86;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.interval-term--root small{color:#ffffff9e}.interval-term strong{margin-top:8px;font-family:"Instrument Serif",Georgia,serif;font-size:32px;font-weight:400}.interval-operator{color:#9aa09a;font-family:"Instrument Serif",Georgia,serif;font-size:28px}.interval-answer>small{display:block;margin-bottom:9px;text-align:center}.reference-heading{margin-bottom:0}.reference-key-mark{min-width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font-family:"Instrument Serif",serif;font-size:38px;box-shadow:0 10px 22px #1f49362e}.reference-block{padding:36px 0}.reference-block+.reference-block{border-top:1px solid var(--line)}.reference-block:last-child{padding-bottom:0}.reference-block-title{margin-bottom:24px;display:grid;grid-template-columns:minmax(210px,.7fr) 1fr;align-items:end;gap:30px}.reference-block-title>div{display:flex;align-items:center;gap:12px}.reference-block-title>div>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e3e5dd;color:#6c746d;font-size:9px;font-weight:700}.reference-block-title h3{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:29px;font-weight:400}.reference-block-title p{max-width:500px;margin:0;color:#747b75;font-size:12px;line-height:1.55;justify-self:end}.play-button{width:28px;height:28px;flex:0 0 28px;border:1px solid #b9c5bc;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;color:var(--forest);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.play-button:hover{border-color:var(--forest);background:var(--forest);color:#fff;transform:translateY(-1px)}.play-button:active{transform:translateY(0)}.play-button svg{width:9px;height:11px;margin-left:2px;fill:currentColor}.chromatic-note,.reference-scale-note,.reference-triad,.quality-reference-card{position:relative}.chromatic-note>.play-button,.reference-scale-note .play-button,.reference-triad .play-button,.quality-reference-card .play-button{position:absolute;top:10px;right:10px}.chromatic-note>.play-button{width:24px;height:24px;flex-basis:24px;top:8px;right:8px}.chromatic-note>.play-button svg{width:7px;height:9px;margin-left:1px}.chromatic-scroll{width:100%}.chromatic-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}.chromatic-note{min-height:100px;border:1px solid var(--line);border-radius:6px;padding:18px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fffdf8;text-align:center}.chromatic-note strong{font-family:"Instrument Serif",Georgia,serif;font-size:18px;font-weight:400;white-space:nowrap}.chromatic-note small{color:#969b96;font-size:7px;letter-spacing:.06em;text-transform:uppercase}.chromatic-note--active{border-color:#779281;background:#edf2eb;color:var(--forest)}.chromatic-note--active small{color:#56705f}.chromatic-legend{margin-top:12px;display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#858c86;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.chromatic-legend i{width:8px;height:8px;border-radius:50%;background:#779281}.reference-scale-scroll{width:100%}.reference-scale{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.reference-scale-note{min-height:116px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:10px;background:#fffdf8}.reference-scale-note>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e9eae4;color:#717972;font-size:8px;font-weight:700}.reference-scale-note strong{font-family:"Instrument Serif",Georgia,serif;font-size:31px;font-weight:400}.reference-scale-note small{color:#919791;font-size:9px;font-weight:700}.reference-scale-footer{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.reference-scale-note--root{border-color:var(--forest);background:var(--forest);color:#fff}.reference-scale-note--root>span{background:#ffffff24;color:#fff}.reference-scale-note--root small{color:#ffffffa3}.reference-scale-note--root .play-button{border-color:#ffffff73;color:#fff}.reference-scale-note--root .play-button:hover{border-color:#fff;background:#fff;color:var(--forest)}.interval-legend{margin-top:13px;display:flex;justify-content:flex-end;gap:16px;color:#868c86;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.interval-legend span{display:flex;align-items:center;gap:6px}.interval-legend i{width:18px;height:18px;border:1px solid #c8cac3;border-radius:50%;display:grid;place-items:center;color:var(--forest);font-style:normal;font-weight:700}.interval-reference-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.interval-reference-card{min-height:150px;border:1px solid var(--line);border-radius:7px;padding:14px;display:flex;flex-direction:column;background:#fffdf8}.interval-reference-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.interval-reference-top>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e5e8e1;color:var(--forest);font-size:10px;font-weight:700}.interval-reference-card>strong{min-height:32px;margin-top:14px;font-family:"Instrument Serif",Georgia,serif;font-size:18px;font-weight:400;line-height:1.05}.interval-reference-notes{margin-top:auto;display:flex;align-items:center;gap:7px;color:var(--forest);font-family:"Instrument Serif",Georgia,serif;font-size:19px}.interval-reference-notes i{color:#a0a6a0;font-family:DM Sans,sans-serif;font-size:10px;font-style:normal}.interval-reference-card>small{margin-top:7px;color:#8b918b;font-size:8px;text-transform:uppercase}.reference-triads{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.reference-triad{border:1px solid var(--line);border-radius:7px;padding:20px;background:#fffdf8}.reference-triad-top{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-right:34px}.reference-triad-top>div{display:flex;flex-direction:column}.reference-triad-top>div strong{font-family:"Instrument Serif",Georgia,serif;font-size:22px;font-weight:400}.reference-triad-top>div small{margin-top:2px;color:#878d87;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.reference-triad-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reference-triad-notes span{height:47px;border-radius:5px;display:grid;place-items:center;background:#eef0e9;color:var(--forest);font-family:"Instrument Serif",Georgia,serif;font-size:21px}.quality-reference-title{align-items:center}.root-select--reference{justify-self:end}.quality-reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quality-reference-card{border:1px solid var(--line);border-radius:7px;padding:20px;background:#fffdf8}.quality-reference-card--minor{border-top:3px solid var(--forest)}.quality-reference-card--augmented{border-top:3px solid var(--mustard)}.quality-reference-card--diminished{border-top:3px solid var(--coral)}.quality-reference-top{margin-bottom:24px;padding-right:34px;display:flex;align-items:end;justify-content:space-between;gap:10px}.quality-reference-top>div{display:flex;flex-direction:column}.quality-reference-top>div span{color:#858b85;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.quality-reference-top strong{margin-top:3px;font-family:"Instrument Serif",Georgia,serif;font-size:27px;font-weight:400}.quality-reference-top small{color:#7d847d;font-size:9px;white-space:nowrap}.quality-reference-top>.quality-reference-actions{display:flex;flex-direction:row;align-items:center;gap:10px}.theory-strip{padding:64px clamp(24px,8vw,120px);max-width:1460px;margin:auto;display:grid;grid-template-columns:.45fr 1.3fr .55fr;gap:44px;align-items:center}.theory-strip .eyebrow{margin:0}.theory-strip h2{font-size:clamp(27px,3vw,38px);margin:0 0 10px}.theory-strip p:not(.eyebrow){color:#6c746e;line-height:1.6;font-size:13px;margin:0}.notation-example{display:flex;align-items:center;justify-content:flex-end;gap:13px;font-family:"Instrument Serif",serif;font-size:32px}.notation-example span{color:var(--forest)}.notation-example i{font-family:DM Sans,sans-serif;text-transform:uppercase;color:#969b95;font-size:8px;letter-spacing:.12em}.notation-example s{color:#a7aaa5;text-decoration-color:var(--coral)}footer{padding:26px clamp(24px,6vw,88px);border-top:1px solid rgba(24,38,31,.14);display:flex;justify-content:space-between;align-items:center;color:#878c87;font-size:10px}footer>span:first-child{font-family:"Instrument Serif",serif;color:var(--ink);font-size:18px}footer p{font-style:italic}@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:58px}.fretboard{width:min(100%,610px);justify-self:end}.triad-grid,.reference-triads,.quality-exercise-grid,.quality-reference-grid{grid-template-columns:repeat(2,1fr)}.triad-grid.diatonic-triad-grid,.reference-triads.diatonic-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.triad-grid.diatonic-triad-grid>*,.reference-triads.diatonic-reference-grid>*,.triad-grid.diatonic-triad-grid>*:nth-child(5),.reference-triads.diatonic-reference-grid>*:nth-child(5){grid-column:auto}.interval-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-grid{grid-template-columns:repeat(4,1fr);row-gap:28px}.chromatic-list{grid-template-columns:repeat(6,minmax(0,1fr))}.reference-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.theory-strip{grid-template-columns:1fr 2fr}.notation-example{display:none}}@media(max-width:680px){.site-header{grid-template-columns:1fr auto;height:66px;padding:0 20px}.site-header nav{gap:20px}.nav-link{font-size:12px}.session-label{display:none}.hero{min-height:auto;padding:52px 22px;gap:58px}h1{font-size:52px}.fretboard{height:190px}.fret-note{width:40px;height:40px}.fret-note--two{top:76px}.fret-note--three{top:140px}.practice-section{padding:32px 14px 48px}.practice-toolbar{align-items:stretch;gap:20px;flex-direction:column-reverse}.exercise-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-tabs button{padding:11px 8px}.key-select--desktop{display:none}.key-select.key-select--mobile{margin-top:20px;display:flex;justify-content:center}.exercise-card{padding:25px 17px}.exercise-heading{align-items:flex-start}.exercise-heading>div:first-child{width:100%;text-align:center}.formula,.thirds-badge,.interval-heading-mark{display:none}.scale-grid{grid-template-columns:repeat(2,1fr)}.scale-note--given strong,.scale-note .note-field input{height:60px;font-size:28px;line-height:60px}.scale-note:last-child{grid-column:span 2;width:calc(50% - 6px);justify-self:center}.triad-grid,.reference-triads,.quality-exercise-grid,.quality-reference-grid,.triad-grid.diatonic-triad-grid,.reference-triads.diatonic-reference-grid{grid-template-columns:1fr}.interval-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interval-controls{align-items:stretch;flex-direction:column;gap:14px}.interval-controls .root-select{justify-content:space-between}.interval-select select{min-width:180px}.interval-equation{grid-template-columns:1fr;gap:12px}.interval-operator{line-height:.7;text-align:center}.quality-exercise-heading{align-items:stretch;flex-direction:column}.root-select{justify-content:space-between}.reference-toolbar-label{justify-content:center}.reference-key-mark{display:none}.reference-block-title{grid-template-columns:1fr;align-items:start;gap:8px}.reference-block-title p{justify-self:start}.chromatic-list{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-scale-note:last-child{grid-column:span 2;width:calc(50% - 5px);justify-self:center}.exercise-footer{align-items:stretch;flex-direction:column}.actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions .button{padding-inline:10px}.theory-strip{display:block;padding:50px 24px}.theory-strip .eyebrow{margin-bottom:14px}footer{align-items:flex-start;gap:8px;flex-direction:column}footer p{margin:0}}