.solo-scales{border-top:1px solid #d9e1cd;padding:27px 25px 24px;background:#fbfcf5}.solo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.solo-title{display:flex;align-items:center;gap:12px}.solo-title .eyebrow{font-size:7px;letter-spacing:1.2px}.solo-title h2{font:26px/1.3 Georgia,serif;letter-spacing:-.5px;margin-top:6px}.solo-title em{font-weight:400;color:#597447}.solo-focus-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;min-height:37px;font-size:11px;border:1px solid #bccdae;border-radius:5px;background:#eef3e4;color:#3c6233;white-space:nowrap}.solo-focus-button[aria-pressed=true]{background:#35583f;border-color:#35583f;color:#fffef4}.solo-intro{font-size:11px;line-height:1.9;color:#5e7053;margin-top:14px}.scale-options{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.scale-options>button{display:grid;grid-template-columns:15px auto;align-items:center;column-gap:7px;row-gap:5px;text-align:left;padding:12px 15px;border:1px solid #d3ddc7;border-radius:6px;background:#f6f8ed;color:#536f44;min-width:170px}.scale-options>button>span{font-size:12px}.scale-options small{grid-column:2;font:6px/1.5 Courier New,monospace;letter-spacing:.6px;color:#5c704e}.scale-options>button[aria-pressed=true]{background:#e7efda;border-color:#8ca774;color:#345a32;box-shadow:inset 0 0 0 1px #8ca774}.scale-workspace{border:1px solid #d5dfc8;border-radius:8px;background:#fffef6;margin-top:19px;overflow:hidden}.scale-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 22px}.scale-summary h3{font:22px/1.3 Georgia,serif;letter-spacing:-.4px}.scale-note-list{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.scale-note-list>span{display:flex;align-items:center;gap:8px;background:#eef3e4;border:1px solid #d7e0cb;border-radius:4px;padding:6px 9px;font:13px/1.2 Georgia,serif;color:#47643a}.scale-note-list small{font:8px/1 Courier New,monospace;color:#5e7054}.scale-note-list .scale-root-chip{background:#f4e9da;border-color:#dfc9ad;color:#83532d}.scale-controls{display:flex;gap:12px;align-items:center}.scale-controls>label{display:flex;flex-direction:column;gap:7px;font:7px/1.5 Courier New,monospace;letter-spacing:1px;color:#536a46}.scale-controls select{font:11px/1.4 Arial,Helvetica,sans-serif;border:1px solid #c3d0b4;border-radius:4px;background:#fafcf3;padding:9px 10px;min-height:35px;color:#3d5c32;min-width:135px;letter-spacing:0}.scale-playing{display:flex;align-items:center;gap:8px;font-size:10px;color:#546d45;border-top:1px solid #e1e6d7;border-bottom:1px solid #e1e6d7;background:#f6f9ed;padding:11px 22px;min-height:41px;flex-wrap:wrap}.scale-play-light{width:6px;height:6px;border-radius:50%;background:#94a484;flex-shrink:0}.scale-play-active{background:#43814c;box-shadow:0 0 0 3px #43814c18}.scale-playing strong{font:15px/1 Georgia,serif;color:#365a35}.scale-beat-lights{display:flex;gap:6px;margin-left:9px}.scale-beat-lights i{width:5px;height:5px;background:#c5d2b6;border-radius:50%}.scale-beat-lights .beat-on{background:#a4683b}.loop-reminder{margin-left:auto;font-size:9px;color:#805a34}.fretboard-scroll{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a6b98e transparent;padding:11px 0 3px}.scale-fretboard{display:block;width:100%;height:auto;max-height:305px}.fret-note-label{font:9px/1 Arial,Helvetica,sans-serif;font-weight:500}.fret-string-label{font:11px/1 Arial,Helvetica,sans-serif;fill:#3c5930}.fret-string-number{font:7px/1 Courier New,monospace;fill:#617451}.fret-number{font:9px/1 Courier New,monospace;fill:#536d44}.fretboard-legend{display:flex;align-items:center;gap:18px;padding:10px 22px 13px;flex-wrap:wrap;font-size:9px;color:#5b7050}.fretboard-legend>span{display:flex;align-items:center;gap:6px}.fretboard-legend i{display:inline-block;width:9px;height:9px;flex-shrink:0}.root-key{background:#92572e;border-radius:2px;transform:rotate(45deg)}.tone-key{background:#31583e;border-radius:50%;outline:1px solid #31583e;outline-offset:2px;margin-inline:2px}.scale-key{background:#e0e8d1;border:1px solid #9bb285;border-radius:50%}.fret-orientation{margin-left:auto;font-size:8px}.solo-tip{font-size:10px;line-height:1.9;color:#59704c;margin:0 22px;padding:13px 0;border-top:1px solid #e3e8d9}.scale-outside-note{font-size:10px;line-height:1.8;color:#805b36;margin:0 22px;padding:0 0 13px}.fretboard-text{border-top:1px solid #e3e8d9;padding:13px 22px;font-size:10px;line-height:1.9;color:#52694a}.fretboard-text summary{cursor:pointer;color:#45623a}.fretboard-text>p{margin-top:9px}.fretboard-text dl{margin:10px 0 0;display:flex;flex-direction:column;gap:9px}.fretboard-text dl>div{display:grid;grid-template-columns:130px 1fr;gap:12px}.fretboard-text dt{font-weight:600}.fretboard-text dd{margin:0}.guided-body[hidden]{display:none}.solo-focused .solo-scales{background:#f8faf0}.solo-focused .guided-intro{padding-bottom:20px}.solo-focused .scale-fretboard{max-height:350px}@media(max-width:900px){.scale-summary{align-items:flex-start}.scale-controls{flex-direction:column;gap:9px}.scale-controls>label{gap:5px}.scale-controls select{padding:7px 8px;min-width:145px}.fret-orientation{margin-left:0;width:100%}}@media(max-width:700px){.solo-scales{padding:22px 16px 20px}.solo-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}.solo-title{gap:8px}.solo-title .step-number{width:21px;height:21px;font-size:8px}.solo-title h2{font-size:23px;max-width:240px;line-height:1.3}.solo-title .eyebrow{font-size:6px;letter-spacing:1px}.solo-focus-button{font-size:10px;padding:9px 11px;min-height:35px;margin-left:auto}.solo-intro{font-size:11px;line-height:1.9;margin-top:13px}.scale-options{gap:7px;margin-top:17px;display:grid;grid-template-columns:1fr}.scale-options>button{padding:11px 12px;grid-template-columns:16px 1fr auto;min-width:0;gap:7px}.scale-options>button>span{font-size:11px}.scale-options small{grid-column:3;font-size:5px;letter-spacing:0;text-align:right;max-width:82px}.scale-summary{display:block;padding:18px 15px 16px}.scale-summary h3{font-size:22px}.scale-note-list{gap:6px}.scale-note-list>span{padding:6px 8px;font-size:12px;gap:7px}.scale-note-list small{font-size:8px}.scale-controls{flex-direction:row;align-items:stretch;margin-top:18px;gap:10px}.scale-controls>label{min-width:0;flex:1;gap:6px;font-size:6px}.scale-controls select{min-width:0;width:100%;font-size:10px;padding:9px 6px;min-height:35px}.scale-playing{padding:11px 15px;gap:7px;line-height:1.8;font-size:9px}.scale-beat-lights{margin-left:3px}.scale-beat-lights i{width:4px;height:4px}.loop-reminder{width:100%;margin-left:13px;font-size:8px}.fretboard-scroll{padding-top:9px}.fretboard-legend{padding:12px 15px;gap:12px 15px;font-size:8px}.fret-orientation{font-size:7px;line-height:1.7}.solo-tip,.scale-outside-note{margin-inline:15px;font-size:10px}.fretboard-text{padding:12px 15px;font-size:10px}.fretboard-text dl>div{grid-template-columns:1fr;gap:2px}.fretboard-text dd{font-size:10px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{color:#283c31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#31573f;--muted:#687267;--line:#dedfd3;--paper:#fffef8;background:#f5f4ed;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #ad633b}::selection{background:#d2e0c8}h1,h2,h3,p{margin:0}.shell{width:min(1310px,100% - 96px);margin-inline:auto}.header{border-bottom:1px solid var(--line);background:#f9f8f1}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:85px;display:flex}.brand{letter-spacing:-.8px;align-items:center;font-size:23px;font-weight:700;display:flex}.brand>span:not(.brand-icon):not(.version){font-weight:400}.brand-icon{color:#f1f2df;background:#31543d;border-radius:9px;place-items:center;width:36px;height:36px;margin-right:11px;display:grid}.brand .version{letter-spacing:1.2px;color:#54634f;border:1px solid #cbd1c0;border-radius:4px;margin-left:17px;padding:5px 7px;font:7px/1.3 Courier New,monospace}.header nav{align-items:center;gap:27px;font-size:11px;display:flex}.header nav>*{color:#6b7567;align-items:center;gap:8px;min-height:32px;display:flex}.header nav .active{color:#31543d}.studio-link{color:#6b7567;align-items:center;gap:8px;font-size:10px;display:flex}.intro{justify-content:space-between;align-items:center;gap:30px;padding:46px 0 35px;display:flex}.eyebrow{letter-spacing:1.6px;color:#5d715a;align-items:center;gap:7px;font:8px/1.5 Courier New,monospace;display:flex}.eyebrow>span{background:#719062;border-radius:50%;width:5px;height:5px}.intro h1{letter-spacing:-1.5px;color:#2e4436;margin-top:13px;font:42px/1.2 Georgia,Times New Roman,serif}.intro h1 em{color:#64815a;font-weight:400}.intro p{color:#73796b;margin-top:12px;font-size:12px;line-height:1.7}.intro-note{color:#6c7d60;align-items:center;gap:11px;padding-right:12px;display:flex}.intro-note svg{align-self:flex-start}.intro-note span{font:italic 14px/1.6 Georgia,serif}.workspace{grid-template-columns:260px minmax(380px,1fr) 265px;align-items:stretch;gap:18px;display:grid}.panel{background:var(--paper);border:1px solid #dcdfd1;border-radius:11px;box-shadow:0 3px 12px #25361f03}.panel-top{border-bottom:1px solid #e9eadf;align-items:center;gap:10px;height:62px;padding-inline:21px;display:flex}.panel-top h2{letter-spacing:-.1px;font-size:12px;font-weight:500}.panel-top>svg{color:#84917b;margin-left:auto}.step-number{color:#688259;background:#eef1e6;border:1px solid #d8dece;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font:9px/1.1 Courier New,monospace;display:inline-grid}.explorer-body{padding:23px 21px 22px}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.key-selects label>span,.groove>span,.tempo>label{letter-spacing:1.1px;color:#6b7864;margin-bottom:12px;font:8px/1.4 Courier New,monospace;display:block}.note-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.note-grid button{background:#f8f9f1;border:1px solid #e1e3d7;border-radius:5px;min-height:38px;padding:10px 0;font-size:12px;transition:background .15s}.note-grid button[aria-pressed=true]{color:#fffcef;background:#355a43;border-color:#355a43;box-shadow:0 2px 4px #284c3022}.note-grid button:hover{border-color:#91a77e}.quality-field{margin-top:26px}.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.quality-grid button{text-align:left;background:#fcfcf5;border:1px solid #e0e2d6;border-radius:4px;min-height:34px;padding:8px 9px;font-size:10px}.quality-grid button[aria-pressed=true]{color:#34593f;background:#e9eddf;border-color:#8ea67b}.quality-grid button:hover{border-color:#91a77e}.explorer-tip{border-top:1px solid #e6e8dc;gap:12px;margin-top:26px;padding-top:20px;display:flex}.tip-symbol{color:#81916a;font-size:23px;line-height:1}.explorer-tip p{color:#707966;max-width:155px;font-size:10px;line-height:1.8}.chord-view{background:radial-gradient(ellipse at 95% 20%,#f1f1df88,transparent 65%),var(--paper);flex-direction:column;padding:29px 29px 20px;display:flex}.chord-view-main{flex:1;justify-content:space-between;align-items:center;gap:10px;min-height:337px;display:flex}.chord-summary{flex-shrink:0;align-self:flex-start;min-width:130px;padding-top:8px}.chord-summary .eyebrow{letter-spacing:1.5px;font-size:7px}.chord-summary h2{letter-spacing:-3px;overflow-wrap:anywhere;max-width:230px;margin-top:20px;font:72px/1.1 Georgia,serif}.quality-label{color:#7a826f;margin-top:9px;font:13px/1.5 Georgia,serif;display:block}.note-chips{flex-wrap:wrap;gap:6px;max-width:175px;margin-top:23px;display:flex}.note-chips span{color:#617558;background:#f0f3e8;border:1px solid #dfe3d4;border-radius:4px;padding:5px 9px;font:11px/1.2 Georgia,serif}.note-chips .root-note{color:#99653d;background:#f6e9dc;border-color:#e4cbb3}.chord-facts{color:#737c6d;flex-direction:column;gap:10px;margin-top:32px;font-size:8px;display:flex}.chord-facts>span{align-items:center;gap:6px;display:flex}.fact-dot{background:#64875a;border-radius:50%;width:4px;height:4px;display:inline-block}.diagram{flex:1;align-self:center;min-width:0;max-width:300px;padding-bottom:15px}.diagram svg{width:100%;height:auto;display:block;overflow:visible}.diagram-fret{fill:#6c7e63;font:10px Arial,Helvetica,sans-serif}.diagram-open{fill:#75846e;font:19px Arial,Helvetica,sans-serif}.diagram-note{fill:#63755b;font:11px Georgia,serif}.diagram-string{fill:#8b9382;font:8px Courier New,monospace}.shape-caption{color:#67785f;text-align:center;letter-spacing:2px;font:9px/1.5 Courier New,monospace;display:block}.shape-caption>span{letter-spacing:1.2px;color:#88917d;margin-top:8px;font-size:6px;display:block}.chord-actions{border-top:1px solid #e3e6d7;justify-content:space-between;align-items:center;gap:12px;padding-top:21px;display:flex}.listen-button,.primary{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:13px 14px;font-size:10px;display:flex}.listen-button{color:#53734a;background:#f7f9ee;border:1px solid #d5ddc8}.listen-button:hover{background:#edf1e3}.primary{color:#f8f9ee;background:#345840;border:1px solid #345840;box-shadow:0 2px 4px #29452e15}.primary:hover{background:#284932}.key-panel{background:#eff1e5}.key-panel .panel-top{border-color:#dce2d1}.key-body{padding:22px 21px}.key-body>p{color:#707b66;font-size:10px;line-height:1.9}.key-selects{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:22px;display:grid}.key-selects label>span{margin-bottom:7px}.key-selects select{background:#f9faf3;border:1px solid #d7deca;border-radius:4px;width:100%;height:35px;padding:9px 7px;font-size:11px}.suggestion-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.suggestion-list button{text-align:left;background:#f8faf0;border:1px solid #d5ddc9;border-radius:5px;flex-direction:column;gap:5px;min-height:62px;padding:11px 9px;display:flex;position:relative}.suggestion-list button:hover{background:#fdfef8;border-color:#7a996b}.suggestion-list button>span{color:#7f8e74;font:8px/1 Courier New,monospace}.suggestion-list strong{color:#405d37;font:400 19px/1.1 Georgia,serif}.suggestion-list svg{color:#8d9e81;position:absolute;top:9px;right:7px}.key-hint{color:#7b876e;gap:7px;margin-top:21px;font-size:8px;line-height:1.7;display:flex}.key-hint svg{flex-shrink:0;margin-top:1px}.progression{margin-top:22px;padding:25px 27px 0}.progression-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.progression-title{align-items:flex-start;gap:12px;display:flex}.progression-title .step-number{margin-top:1px}.progression-title h2{letter-spacing:-.5px;font:23px/1.2 Georgia,serif}.progression-title p{color:#7a806f;margin-top:8px;font-size:10px}.idea-tools{align-items:center;gap:4px;display:flex}.idea-tools button{color:#6a7c60;background:#fbfcf6;border:1px solid #e3e6d9;border-radius:4px;place-items:center;width:31px;height:32px;display:grid}.idea-tools button:hover:not(:disabled){background:#edf1e4;border-color:#a6b897}.tools-divider{background:#d9dfcf;width:1px;height:18px;margin-inline:5px}.idea-name-row{justify-content:space-between;align-items:center;gap:12px;margin-top:27px;display:flex}.idea-name input{color:#637157;background:0 0;border:0;border-bottom:1px dashed #c8d0bc;width:200px;max-width:100%;padding:6px 0;font:12px/1.5 Georgia,serif}.saved-state{color:#7c8a6d;align-items:center;gap:5px;font-size:8px;display:flex}.saved-state svg{color:#6f8d59}.timeline{scrollbar-width:thin;scrollbar-color:#b6c2a5 transparent;gap:11px;min-height:146px;padding:15px 1px 14px;display:flex;overflow-x:auto}.bar{background:#f3f5e9;border:1px solid #d7deca;border-radius:6px;flex-shrink:0;width:150px;transition:background .15s;position:relative;overflow:hidden}.bar-select{text-align:left;flex-direction:column;align-items:flex-start;width:100%;min-height:97px;padding:15px 15px 8px;display:flex}.bar-number{letter-spacing:1px;color:#7d8c70;font:7px/1.5 Courier New,monospace}.bar-select strong{letter-spacing:-1px;margin-top:4px;font:400 31px/1.3 Georgia,serif}.bar-beats{gap:8px;margin-top:8px;display:flex}.bar-beats i{background:#cdd7be;border-radius:2px;width:17px;height:3px}.bar-beats .beat-on{background:#c58956;box-shadow:0 0 4px #c5895655}.remove-bar{color:#839573;border-radius:3px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:7px;right:7px}.remove-bar:hover{background:#e0e7d3}.bar-reorder{border-top:1px solid #e1e6d5;justify-content:space-between;align-items:center;padding:1px 6px;display:flex}.bar-reorder button{color:#718563;place-items:center;min-width:26px;min-height:24px;display:grid}.bar-playing{background:#e6edda;border-color:#789665;box-shadow:0 0 0 1px #789665}.add-bar{color:#81956f;border:1px dashed #cbd7bd;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-width:100px;min-height:127px;margin-block:0;font-size:9px;display:flex}.add-bar:hover:not(:disabled){background:#f5f8ef;border-color:#718d5f}.empty-note{color:#6a7b5f;margin-bottom:18px;font-size:11px}.transport{border-top:1px solid #e3e6d8;align-items:center;gap:32px;padding-block:19px;display:flex}.playback{align-items:center;gap:12px;display:flex}.play-button{color:#f3f5e9;background:#31563f;border-radius:50%;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.play-button svg{margin-left:2px}.play-button.is-playing{background:#ad7549}.play-button:hover:not(:disabled){background:#213f2d}.transport-status{flex-direction:column;gap:6px;min-width:125px;display:flex}.transport-status strong{font-size:10px;font-weight:500}.transport-status>span{color:#7c886f;font-size:8px}.loop-button{color:#9a9e8e;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.loop-on{color:#557944;background:#e9efdd}.tempo{align-items:center;gap:12px;display:flex}.tempo>label{margin:0;font-size:7px}.tempo input{accent-color:#527547;cursor:pointer;width:90px}.tempo>span{width:39px;font:16px/1 Georgia,serif}.tempo small{letter-spacing:1px;color:#7b886c;margin-top:4px;font:6px/1 Courier New,monospace;display:block}.groove{flex:1;align-items:center;gap:12px;display:flex}.groove>span{white-space:nowrap;margin:0;font-size:7px}.groove select{background:#f9fbf2;border:1px solid #d8dfcc;border-radius:4px;width:148px;max-width:100%;padding:10px 8px;font-size:10px}.volume{color:#859575;align-items:center;gap:8px;display:flex}.volume input{accent-color:#829b6b;cursor:pointer;width:60px}.progression-footer{background:#f7f9ef;border-top:1px solid #e2e6d7;border-radius:0 0 11px 11px;justify-content:space-between;align-items:center;gap:15px;margin-inline:-27px;padding:13px 27px;display:flex}.progression-footer>span{color:#7c886f;align-items:center;gap:7px;font-size:8px;display:flex}.preset-select{color:#7e8970;align-items:center;gap:8px;font-size:8px;display:flex}.preset-select select{appearance:none;color:#49653c;background:0 0;border:0;width:73px;padding:6px 0;font-size:8px}.preset-select svg{pointer-events:none}.status-message{color:#68583f;min-height:32px;padding-top:10px;font-size:11px;line-height:1.7}.session-note{justify-content:center;align-items:center;gap:25px;padding:34px 0 48px;display:flex}.note-illustration{color:#acb79b;font:58px/1 Georgia,serif;transform:rotate(-12deg)}.session-note h2{color:#6b7c5c;font:400 19px/1.4 Georgia,serif}.session-note p{color:#8a917c;margin-top:8px;font-size:10px;line-height:1.8}.handwritten{color:#8d9d79;margin-left:60px;font:italic 22px/1.5 Georgia,serif;transform:rotate(-8deg)}.footer{color:#7d8971;border-top:1px solid #dadfce;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:8px;display:flex}.footer>span:first-child{color:#5d7752;align-items:center;gap:7px;font-size:11px;display:flex}.footer-by{color:#9aa38d;margin-left:7px;font-size:8px}.footer>span:last-child{letter-spacing:.6px;font:7px/1.5 Courier New,monospace}.guide-dialog{color:#32492f;background:#fffef6;border:1px solid #acb69c;border-radius:12px;width:min(590px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:35px;overflow:auto;box-shadow:0 20px 100px #243c2f44}.guide-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e342e9c}.guide-dialog h2{margin-top:17px;font:29px/1.2 Georgia,serif}.guide-dialog ol{color:#6c7864;flex-direction:column;gap:17px;margin-top:24px;padding-left:19px;font-size:12px;line-height:1.9;display:flex}.guide-dialog strong{color:#3e5736;font-weight:600}.close-guide{place-items:center;width:30px;height:30px;display:grid;position:absolute;top:13px;right:13px}.guide-footnote{color:#76866c;border-top:1px solid #e2e6d7;margin-top:24px;padding-top:19px;font-size:10px;line-height:1.9}.skip{z-index:50;color:#fff;background:#31543d;padding:10px 16px;position:fixed;top:10px;left:15px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}@media(min-width:1600px){.intro{padding-top:55px}.workspace{grid-template-columns:275px minmax(420px,1fr) 280px}.chord-view-main{min-height:365px}.intro h1{font-size:47px}}@media(max-width:1250px){.shell{width:calc(100% - 64px)}.workspace{grid-template-columns:235px minmax(320px,1fr) 235px;gap:14px}.brand .version{display:none}.header nav{gap:20px}.chord-view{padding:23px 20px 19px}.chord-summary h2{font-size:60px}.chord-summary{min-width:105px}.chord-summary .eyebrow{font-size:6px}.chord-summary .quality-label{font-size:12px}.diagram{max-width:235px}.chord-actions .primary,.chord-actions .listen-button{gap:6px;padding:12px 10px;font-size:9px}.key-body,.explorer-body,.panel-top{padding-inline:17px}.transport{gap:20px}.tempo{gap:7px}.tempo input{width:65px}.groove{gap:8px}.volume{display:none}.groove select{width:135px}.transport-status{min-width:118px}}@media(max-width:1020px){.studio-link{display:none}.workspace{grid-template-columns:230px minmax(330px,1fr)}.key-panel{grid-column:1/-1}.key-panel .panel-top{height:52px}.key-body{grid-template-columns:1.1fr 1fr 2fr;align-items:center;gap:20px;padding:18px 21px;display:grid}.key-body>p{font-size:10px}.key-selects{gap:9px;margin-top:0}.key-selects label>span{font-size:7px}.suggestion-list{gap:7px;margin-top:0}.suggestion-list button{gap:4px;min-height:52px;padding:8px}.suggestion-list strong{font-size:17px}.key-hint{grid-column:1/-1;margin-top:-4px;font-size:8px}.key-hint br{display:none}.chord-view-main{min-height:320px}.progression{padding-inline:23px}.progression-footer{margin-inline:-23px;padding-inline:23px}.transport{justify-content:space-between;gap:16px}.tempo>label,.groove>span{display:none}.groove{flex:0}.handwritten{margin-left:20px}.intro h1{font-size:38px}}@media(max-width:700px){.shell{width:calc(100% - 32px)}.header-inner{gap:12px;height:74px}.brand{font-size:21px}.brand-icon{border-radius:7px;width:31px;height:31px;margin-right:8px}.brand-icon svg{width:20px}.header nav{gap:0}.header nav>a{display:none}.header nav button{gap:6px;min-height:40px;font-size:10px}.header nav button svg{width:13px}.intro{padding:32px 0 25px}.intro .eyebrow{letter-spacing:1.1px;font-size:7px}.intro h1{letter-spacing:-1px;max-width:330px;margin-top:14px;font-size:31px;line-height:1.25}.intro p{max-width:300px;margin-top:10px;font-size:11px;line-height:1.9}.intro-note{display:none}.workspace{grid-template-columns:minmax(0,1fr);gap:15px}.explorer .panel-top{height:52px}.explorer-body{grid-template-columns:1fr;gap:0;padding:21px;display:grid}.note-grid{grid-template-columns:repeat(6,1fr);gap:7px}.note-grid button{min-height:38px;font-size:12px}.quality-field{margin-top:22px}.quality-grid{flex-wrap:wrap;gap:7px;display:flex}.quality-grid button{white-space:nowrap;text-align:center;flex:1;min-width:69px;min-height:34px;padding-inline:10px;font-size:9px}.quality-grid button:last-child{flex:0;min-width:90px}.explorer-tip{align-items:center;gap:10px;margin-top:21px;padding-top:16px}.explorer-tip p{max-width:none;font-size:10px}.tip-symbol{font-size:25px}.chord-view{padding:24px 20px 20px}.chord-view-main{gap:4px;min-height:276px}.chord-summary{min-width:105px;padding-top:0}.chord-summary .eyebrow{letter-spacing:1px;font-size:6px}.chord-summary h2{letter-spacing:-2px;max-width:135px;margin-top:20px;font-size:58px}.quality-label{margin-top:7px;font-size:12px}.note-chips{gap:5px;max-width:125px;margin-top:19px}.note-chips span{padding:5px 7px;font-size:10px}.chord-facts{gap:10px;margin-top:23px;font-size:7px}.diagram{max-width:215px;padding-bottom:3px}.shape-caption{letter-spacing:1px;font-size:7px}.shape-caption>span{letter-spacing:1px;font-size:5px}.chord-actions{gap:10px;padding-top:18px}.chord-actions .primary,.chord-actions .listen-button{flex:1;gap:7px;min-height:43px;padding:12px 10px;font-size:10px}.chord-actions svg{width:14px}.key-panel .panel-top{height:53px}.key-body{padding:20px 21px;display:block}.key-body>p{font-size:11px}.key-selects{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.key-selects label>span{font-size:8px}.key-selects select{height:37px;font-size:12px}.suggestion-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:18px}.suggestion-list button{min-height:57px;padding:9px 7px}.suggestion-list button>span{font-size:8px}.suggestion-list strong{font-size:18px}.suggestion-list svg{display:none}.key-hint{margin-top:18px;font-size:9px}.progression{margin-top:20px;padding:21px 17px 0}.progression-heading{align-items:flex-start;gap:10px}.progression-title{gap:8px}.progression-title .step-number{width:20px;height:20px;font-size:8px}.progression-title h2{max-width:170px;font-size:20px;line-height:1.3}.progression-title p{max-width:160px;margin-top:7px;font-size:9px;line-height:1.7}.idea-tools{grid-template-columns:repeat(2,29px);gap:4px;display:grid}.idea-tools button{width:29px;height:30px}.tools-divider{display:none}.idea-name-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px}.idea-name input{width:200px}.saved-state{font-size:8px}.timeline{gap:9px;margin-top:6px;padding-top:12px}.bar{width:124px}.bar-select{min-height:98px;padding-left:12px}.bar-select strong{font-size:30px}.bar-beats{gap:6px}.bar-beats i{width:14px}.add-bar{min-width:85px;font-size:9px}.bar-reorder button{min-width:31px;min-height:27px}.remove-bar{min-width:26px;min-height:26px;top:5px;right:5px}.transport{flex-wrap:wrap;justify-content:flex-start;gap:20px 12px;padding-block:18px}.playback{gap:12px;width:100%}.transport-status{flex:1}.transport-status strong{font-size:11px}.transport-status>span{font-size:9px}.play-button{width:45px;height:45px}.loop-button{width:36px;height:36px}.tempo{flex:1;gap:9px}.tempo>label{font-size:6px;display:block}.tempo input{width:75px;min-width:0;max-width:100%}.tempo>span{width:34px;font-size:17px}.groove{width:135px;min-width:0}.groove select{width:100%;padding:10px 5px;font-size:9px}.progression-footer{flex-direction:column;align-items:flex-start;gap:10px;margin-inline:-17px;padding:14px 17px}.progression-footer>span{font-size:8px;line-height:1.6}.preset-select{justify-content:flex-start;width:100%;font-size:9px}.preset-select select{margin-left:auto;font-size:9px}.status-message{min-height:32px;font-size:10px;line-height:1.8}.session-note{align-items:flex-start;gap:15px;padding:25px 6px 38px}.note-illustration{font-size:41px}.session-note h2{font-size:17px;line-height:1.5}.session-note p{margin-top:10px;font-size:10px;line-height:1.8}.session-note br,.handwritten{display:none}.footer{flex-direction:column;align-items:flex-start;gap:13px;padding-block:22px}.footer>span:first-child{font-size:12px}.footer>span,.footer-by{font-size:8px}.guide-dialog{padding:32px 24px}.guide-dialog h2{font-size:26px}.guide-dialog ol{gap:16px;font-size:12px}.guide-dialog .eyebrow{letter-spacing:1px;font-size:7px}}@media(max-width:359px){.shell{width:calc(100% - 24px)}.intro h1{font-size:29px}.header nav button{font-size:9px}.brand{font-size:20px}.chord-summary{min-width:94px}.chord-summary h2{max-width:116px;font-size:49px}.chord-actions .primary,.chord-actions .listen-button{gap:5px;padding-inline:7px;font-size:9px}.chord-facts{font-size:6px}.chord-view{padding-inline:17px}.tempo>label{display:none}.tempo input{width:65px}.groove{width:126px}.suggestion-list{grid-template-columns:repeat(3,1fr)}.suggestion-list strong{font-size:20px}.intro .eyebrow{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.intro p,.step-number,.quality-label,.chord-facts,.explorer-tip p,legend,.key-selects label>span,.groove>span,.tempo>label,.key-body>p,.suggestion-list button>span,.key-hint,.shape-caption>span,.progression-title p,.saved-state,.bar-number,.transport-status>span,.tempo small,.progression-footer>span,.preset-select,.session-note p,.session-note h2,.handwritten,.footer,.footer-by,.header nav>*,.studio-link{color:#606d56}.add-bar{color:#5d724b}.note-chips span{color:#536a49}.note-chips .root-note{color:#85522f}.intro-note{color:#5c704e}@media(max-width:700px){.groove{flex:0 0 135px}.key-hint br:after{content:" "}}@media(max-width:359px){.groove{flex-basis:126px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.header-inner{height:73px}.brand{font-size:22px}.guide-link{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto;margin-right:30px;min-height:36px;color:#53664b}.guided-page{max-width:1310px}.guided-intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 25px;gap:25px}.guided-intro h1{font:34px/1.25 Georgia,serif;letter-spacing:-1px;margin-top:12px}.guided-intro h1 em{color:#67815b}.guided-intro>p{font-size:11px;line-height:1.8;color:#606d56}.guided-window{overflow:hidden}.key-strip{display:flex;align-items:center;gap:28px;padding:19px 25px;background:#eff2e6;border-bottom:1px solid #dbe2cf}.key-strip-title{display:flex;align-items:center;gap:11px;min-width:173px}.key-strip-title h2{font-size:13px;font-weight:500}.key-strip-title>div>span{font-size:10px;color:#606d56;display:block;margin-top:5px}.guided-key-selects{display:flex;align-items:center;gap:12px}.guided-key-selects label{display:flex;align-items:center;gap:8px}.guided-key-selects label>span{font:8px/1.4 Courier New,monospace;letter-spacing:1px;color:#5c6e50}.guided-key-selects select{font-size:12px;min-height:37px;padding:8px 25px 8px 11px;border:1px solid #bfcdb1;border-radius:5px;background:#fcfdf7;min-width:70px}.key-summary{margin-left:auto;display:flex;flex-direction:column;gap:6px;text-align:right}.key-summary strong{font:18px/1.2 Georgia,serif;font-weight:400}.key-summary>span{font-size:9px;color:#606d56}.guided-body{display:grid;grid-template-columns:minmax(0,1fr) 222px}.guided-flow{padding:25px 25px 18px;min-width:0}.recommendation-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;min-height:52px}.recommendation-heading .eyebrow{font-size:7px}.recommendation-heading h2{font:25px/1.25 Georgia,serif;margin-top:8px;letter-spacing:-.4px}.recommendation-heading h2 em{font-weight:400;color:#668156}.choose-hint{font-size:9px;color:#617057;max-width:130px;line-height:1.7;text-align:right}.score-help{display:flex;align-items:center;gap:6px;font-size:10px;color:#526d44;min-height:30px;flex-shrink:0}.score-help:hover{color:#29492e}.chord-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.choice-card{border:1px solid #d9e1ce;border-radius:7px;overflow:hidden;background:#fcfcf5;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,background .2s}.choice-card:hover{border-color:#829d6c;background:#f6f8ec}.choice-best{background:#edf2e3;border-color:#8ca777}.choose-chord{text-align:left;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:12px 11px 10px;flex:1}.choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;font:8px/1.4 Courier New,monospace;color:#5e7351;gap:2px;min-height:12px}.choice-top .best-tag{font-size:5px;letter-spacing:.3px;color:#436936;white-space:nowrap}.choose-chord>strong{font:31px/1.3 Georgia,serif;font-weight:400;margin-top:13px;letter-spacing:-1px}.choice-score{font-size:9px;color:#5f7251;margin-top:9px}.choice-score b{font-size:14px;letter-spacing:-.3px;font-weight:500;color:#365d36}.fit-track{height:3px;border-radius:2px;background:#dce4d0;width:100%;display:block;margin-top:8px}.fit-track>span{height:100%;display:block;background:#8cae72;border-radius:2px}.choice-reason{font-size:8px;line-height:1.7;color:#5f6c53;margin-top:10px;min-height:43px;overflow-wrap:break-word}.choose-action{display:flex;align-items:center;gap:4px;font-size:8px;color:#4c6f3c;margin-top:13px}.audition-chord{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;min-height:32px;width:100%;border-top:1px solid #dfe5d6;color:#5e7750;background:#f8faef}.audition-chord:hover{background:#e7eedb}.fit-footnote{font-size:9px;line-height:1.8;color:#65705a;margin-top:13px;min-height:17px}.outside-note{font-size:10px;color:#80603e;line-height:1.7;margin-top:9px}.sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid #e0e5d5;padding-top:20px}.sequence-heading>div:first-child{display:flex;align-items:center;gap:9px}.sequence-heading h2{font:17px/1.3 Georgia,serif;font-weight:400}.sequence-heading>div:first-child>span:last-child{font:8px/1.5 Courier New,monospace;color:#64745a;margin-left:5px;white-space:nowrap}.sequence-heading .idea-tools button{width:27px;height:28px}.guided-timeline{min-height:116px;padding-top:14px;padding-bottom:10px;gap:9px}.guided-timeline .bar{width:110px}.guided-timeline .bar-select{padding:11px 12px 7px;min-height:81px}.guided-timeline .bar-select strong{font-size:26px;line-height:1.2}.guided-timeline .bar-beats{margin-top:7px;gap:5px}.guided-timeline .bar-beats i{width:14px}.guided-timeline .bar-reorder button{min-height:22px}.sequence-empty{display:flex;align-items:center;gap:17px;min-height:109px;width:100%;border:1px dashed #c8d4b9;border-radius:7px;background:#f7f9ef;padding:20px 22px}.sequence-empty>span{border:1px dashed #b5c5a5;border-radius:5px;padding:12px;color:#758b63;font:12px/1 Courier New,monospace}.sequence-empty strong{font:16px/1.5 Georgia,serif;font-weight:400;color:#5c7450}.sequence-empty p{font-size:10px;color:#68745e;line-height:1.7;margin-top:4px}.sequence-empty>svg{margin-left:auto;color:#6b8854;flex-shrink:0}.guided-flow .idea-name-row{margin-top:2px}.guided-flow .idea-name input{font-size:11px;padding-block:4px;width:175px}.guided-chord{border-left:1px solid #e0e5d5;background:#f8f9f0;padding:26px 20px 20px;text-align:center}.guided-chord>.eyebrow{justify-content:center;font-size:7px;letter-spacing:1.3px}.selected-chord-name{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:17px;flex-wrap:wrap}.selected-chord-name h2{font:39px/1.2 Georgia,serif;letter-spacing:-1px;max-width:100%;overflow-wrap:anywhere}.selected-chord-name>span{font:11px/1.4 Georgia,serif;color:#637852}.guided-chord .diagram{max-width:190px;margin:11px auto 0;padding-bottom:0}.guided-chord .shape-caption{font-size:7px;letter-spacing:1.5px}.guided-chord .shape-caption>span{font-size:5px}.guided-chord .note-chips{justify-content:center;margin:16px auto 0;max-width:none}.guided-chord .note-chips>span{font-size:10px;padding:5px 8px}.guided-chord .listen-button{width:100%;margin-top:17px;font-size:10px;padding:11px 8px;min-height:36px;background:#fcfdf6}.guided-chord>p{font-size:8px;line-height:1.8;color:#627456;margin-top:14px}.guided-transport{margin:0;padding:18px 25px;background:#f3f6e9;border-top:1px solid #dce4cf;gap:30px}.guided-transport .playback{flex:1}.guided-transport .transport-status{min-width:143px}.guided-transport .transport-status strong{font-size:11px}.guided-transport .groove{flex:0 0 auto}.guided-transport .volume{margin-left:auto}.guided-bottom-note{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 3px 27px;color:#637358;font-size:9px}.guided-bottom-note>span:first-child{display:flex;align-items:center;gap:7px}.guided-page>.status-message{min-height:30px;padding-top:8px;padding-bottom:3px;font-size:10px}.footer{padding-block:18px}.guide-dialog ol{font-size:12px}.sequence-empty>span,.guided-chord .shape-caption{color:#5a704c}.recommendation-heading h2 em{color:#587348}.mobile-choice-hint{display:none}.sound-strip{display:flex;align-items:center;gap:22px;background:#f8faf1;border-top:1px solid #dce4cf;padding:12px 25px;color:#526a46}.sound-strip>label{display:flex;align-items:center;gap:8px}.sound-strip label>span{font:8px/1.4 Courier New,monospace;letter-spacing:1px}.sound-strip select{border:1px solid #bfccb1;border-radius:4px;background:#fffef8;font-size:11px;padding:8px 9px;min-height:34px}.sound-strip>span{font-size:9px;line-height:1.7}.sound-strip>a{display:flex;align-items:center;gap:5px;font-size:9px;margin-left:auto;white-space:nowrap}@media(max-width:700px){.sound-strip{padding:14px 16px;gap:10px;flex-wrap:wrap}.sound-strip>label{width:100%}.sound-strip select{flex:1;max-width:235px;font-size:11px}.sound-strip>span{font-size:8px;flex:1;min-width:140px}.sound-strip>a{font-size:8px}}@media(min-width:1500px){.guided-flow{padding-inline:30px}.guided-body{grid-template-columns:minmax(0,1fr) 235px}.choice-reason{font-size:9px}.choose-chord{padding-inline:13px}}@media(max-width:1200px){.guided-body{grid-template-columns:minmax(0,1fr) 200px}.guided-flow{padding:22px 20px 17px}.chord-choices{gap:7px}.choose-chord{padding:11px 8px 9px}.choose-chord>strong{font-size:27px}.choice-reason{font-size:8px;min-height:58px}.choice-top .best-tag{font-size:4px;letter-spacing:0}.guided-chord{padding-inline:15px}.key-strip{gap:20px;padding-inline:20px}.key-strip-title{min-width:151px}.key-summary>span{max-width:190px;line-height:1.6}.guided-transport{gap:25px}.guided-transport .groove>span{display:none}.guided-transport .volume{display:none}}@media(max-width:980px){.guided-body{grid-template-columns:minmax(0,1fr) 182px}.chord-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-reason{min-height:30px}.choose-chord>strong{font-size:28px;margin-top:8px}.choose-action{margin-top:9px}.choice-top .best-tag{font-size:6px}.choice-score{margin-top:6px}.choose-hint{display:none}.key-strip-title{min-width:130px}.key-strip{gap:15px}.key-summary>span{font-size:8px;max-width:155px}.guided-key-selects label{gap:6px}.guided-key-selects label>span{font-size:7px}.guided-key-selects select{font-size:11px;padding-right:10px}.guided-transport{gap:16px}.guided-transport .tempo input{width:65px}.guided-transport .transport-status{min-width:130px}.guided-transport .transport-status strong{font-size:10px}.guided-intro h1{font-size:30px}.guided-intro>p{display:none}.sequence-heading>div:first-child>span:last-child{display:none}}@media(max-width:700px){.header-inner{height:68px}.brand{font-size:21px}.guide-link{font-size:10px;gap:6px;margin:0 0 0 auto}.guide-link svg{width:13px}.guided-intro{padding:26px 0 21px}.guided-intro h1{font-size:28px;line-height:1.3;max-width:330px;margin-top:11px}.guided-intro .eyebrow{font-size:7px;letter-spacing:1px}.key-strip{padding:17px 16px;gap:17px 12px;flex-wrap:wrap}.key-strip-title{min-width:0;width:100%}.key-strip-title h2{font-size:13px}.key-strip-title>div>span{font-size:10px}.guided-key-selects{gap:10px;flex:1}.guided-key-selects label{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.guided-key-selects select{font-size:12px;padding:8px 9px;width:100%;min-height:38px}.guided-key-selects label:first-child{width:65px}.guided-key-selects label:last-child{flex:1;max-width:145px}.key-summary{margin-left:0;align-self:flex-end;max-width:85px;text-align:right;margin-bottom:3px;gap:5px}.key-summary strong{font-size:16px}.key-summary>span{font-size:8px;line-height:1.5}.guided-body{display:block}.guided-flow{padding:22px 16px 17px}.recommendation-heading{gap:12px;margin-bottom:17px;align-items:flex-end}.recommendation-heading h2{font-size:23px;line-height:1.3;max-width:230px}.recommendation-heading .eyebrow{font-size:6px;letter-spacing:1px}.score-help{font-size:8px;gap:4px;max-width:80px;line-height:1.6;justify-content:flex-end}.score-help svg{width:12px;flex-shrink:0}.chord-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choose-chord{padding:11px 10px 10px}.choose-chord>strong{font-size:29px;margin-top:10px}.choice-reason{font-size:9px;min-height:45px;line-height:1.7}.choice-top{font-size:9px}.choice-top .best-tag{font-size:5px;letter-spacing:.1px}.choice-score{font-size:9px;margin-top:8px}.choice-score b{font-size:14px}.choose-action{font-size:9px;gap:3px;margin-top:11px}.choose-action svg{width:11px}.audition-chord{font-size:10px;min-height:35px}.fit-footnote{font-size:9px;line-height:1.9;margin-top:15px}.sequence-heading{padding-top:18px;margin-top:20px;gap:8px}.sequence-heading>div:first-child{gap:7px}.sequence-heading h2{font-size:16px}.sequence-heading .step-number{width:20px;height:20px;font-size:8px}.sequence-heading .idea-tools{display:flex;gap:4px}.sequence-heading .idea-tools button{height:29px;width:25px}.sequence-heading .tools-divider{display:none}.sequence-heading .idea-tools svg{width:13px}.guided-timeline{min-height:119px;padding-top:13px}.guided-timeline .bar{width:105px}.guided-timeline .bar-select strong{font-size:27px}.guided-timeline .bar-reorder button{min-height:26px}.sequence-empty{min-height:125px;padding:16px 13px;gap:11px}.sequence-empty>span{font-size:10px;padding:10px}.sequence-empty strong{font-size:14px}.sequence-empty p{font-size:10px;line-height:1.8}.sequence-empty>svg{display:none}.guided-flow .idea-name-row{margin-top:5px;gap:8px}.guided-flow .idea-name input{font-size:12px;width:185px}.guided-flow .saved-state{font-size:8px}.guided-chord{border-left:0;border-top:1px solid #e0e5d5;padding:20px;display:grid;grid-template-columns:1fr 128px;align-items:center;column-gap:10px;text-align:left}.guided-chord>.eyebrow{justify-content:flex-start;font-size:7px;grid-column:1;grid-row:1;align-self:end}.selected-chord-name{grid-column:1;grid-row:2;justify-content:flex-start;gap:8px;margin-top:9px;align-self:start}.selected-chord-name h2{font-size:35px}.selected-chord-name>span{font-size:11px}.guided-chord .diagram{grid-column:2;grid-row:1/6;width:100%;max-width:140px;margin:0;align-self:center}.guided-chord .shape-caption{font-size:6px;letter-spacing:1px}.guided-chord .shape-caption>span{font-size:4px;letter-spacing:.7px}.guided-chord .note-chips{grid-column:1;grid-row:3;justify-content:flex-start;margin:10px 0 0;gap:5px}.guided-chord .note-chips>span{font-size:10px;padding:5px 7px}.guided-chord .listen-button{grid-column:1;grid-row:4;font-size:10px;width:145px;max-width:100%;margin-top:13px;padding:10px 8px}.guided-chord>p{grid-column:1;grid-row:5;font-size:7px;margin-top:10px;line-height:1.8}.guided-transport{padding:18px 16px;gap:18px 12px}.guided-transport .playback{width:100%;flex:0 0 100%}.guided-transport .transport-status strong{font-size:11px}.guided-transport .tempo{flex:1}.guided-transport .tempo>label{display:none}.guided-transport .tempo input{width:75px}.guided-transport .groove{flex:0 0 135px;width:135px}.guided-transport .groove select{font-size:10px}.guided-bottom-note{display:block;padding:0 2px 24px;font-size:8px;line-height:1.8}.guided-bottom-note>span:last-child{display:none}.guided-page>.status-message{min-height:30px;font-size:10px}.footer{padding-block:20px;gap:11px}}@media(max-width:359px){.guided-key-selects{gap:8px}.guided-key-selects label:first-child{width:57px}.guided-key-selects label:last-child{max-width:120px}.guided-key-selects select{font-size:11px;padding-inline:6px}.key-summary{max-width:65px}.key-summary strong{font-size:14px}.key-summary>span{font-size:7px}.chord-choices{gap:6px}.choose-chord{padding:10px 8px 9px}.choose-chord>strong{font-size:26px}.choice-reason{font-size:8px;min-height:45px}.choose-action{font-size:8px}.choice-top .best-tag{font-size:4px}.sequence-heading{flex-wrap:wrap;gap:12px}.sequence-heading .idea-tools{margin-left:auto}.guided-chord{grid-template-columns:1fr 112px;padding-inline:16px}.guided-chord .listen-button{font-size:9px}.guided-transport .groove{flex-basis:126px;width:126px}.guided-intro h1{font-size:26px}}@media(max-width:700px){.chord-choices{display:flex;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a3b790 transparent}.choice-card{flex:0 0 116px;scroll-snap-align:start}.choice-reason{font-size:9px}.choice-top .best-tag{font-size:6px}.mobile-choice-hint{display:block;font-size:9px;line-height:1.7;color:#596c4e;margin-bottom:10px}}.rhythm-panel{padding:24px 30px;border-top:1px solid var(--line,#d9ded7)}.rhythm-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.rhythm-heading h2{font-size:19px;margin:0 0 5px}.rhythm-heading p,.rhythm-hint{font-size:12px;color:#536357;line-height:1.6;margin:0}.rhythm-settings{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.rhythm-settings label{display:flex;gap:7px;flex-direction:column;font-size:10px;font-weight:700;letter-spacing:.08em}.rhythm-settings select{padding:8px;border:1px solid #b7c3b9;border-radius:7px;background:#fff;color:#233f31;font:inherit;font-size:14px}.rhythm-settings .count-in{flex-direction:row;align-items:center;letter-spacing:0;font-size:12px}.count-in input{width:18px;height:18px;accent-color:#315f48}.rhythm-scroll{overflow-x:auto;padding:3px 3px 10px}.rhythm-grid{display:grid;gap:7px}.rhythm-slot{display:flex;flex-direction:column;gap:8px;align-items:center;background:#f0f3ee;border:1px solid #cbd5cd;border-radius:8px;padding:9px 3px;color:#34513d;font-size:12px}.rhythm-slot select{width:100%;max-width:66px;min-height:42px;font-size:22px;text-align:center;border:1px solid #a9b9ad;border-radius:6px;color:#234331;background:#fff;cursor:pointer}.rhythm-slot select:disabled{opacity:.5;cursor:default}.rhythm-current{border-color:#315f48;background:#e0ebdf}.rhythm-hint{margin-top:8px}.rhythm-panel select:focus-visible,.rhythm-scroll:focus-visible{outline:3px solid #b26823;outline-offset:3px}@media(max-width:650px){.rhythm-panel{padding:20px 16px}.rhythm-heading{align-items:flex-start;flex-direction:column}.rhythm-settings{width:100%;justify-content:space-between}.rhythm-grid{min-width:440px}}.guide-dialog .guide-footnote{color:#536357}