:root{--canvas:#101417;--canvas-raised:#151b1f;--panel:#1b2227;--panel-strong:#222b31;--ink:#f4f0e8;--muted:#aeb8b9;--quiet:#6f7d80;--line:#38444a;--accent:#e2a943;--accent-ink:#231a08;--tonic:#8bd2c0;--chord:#b6a1f4;--danger:#f2a39b;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow:0 20px 50px #0000002e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--canvas:#f3f1eb;--canvas-raised:#e9e6dd;--panel:#fffdf8;--panel-strong:#f6f1e8;--ink:#1d292d;--muted:#536266;--quiet:#758184;--line:#c9d0cc;--accent:#a86e0b;--accent-ink:#fff8e7;--tonic:#197a69;--chord:#7050b5;--danger:#a23f36;--shadow:0 17px 42px #3026141a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,.circle-key:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit}.atlas-shell{max-width:1480px;margin:0 auto;padding:24px clamp(16px,4vw,52px) 36px;overflow:clip}.producer-toolkit-shell{width:min(100% - 32px,960px);margin:0 auto;padding:32px 0 48px}.producer-toolkit-header{padding:16px 0 28px}.producer-toolkit-site-nav{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:24px;display:flex}.producer-toolkit-site-nav .producer-toolkit-back-link{margin-bottom:0}.producer-toolkit-back-link{color:var(--muted);text-underline-offset:4px;margin-bottom:24px;font-size:.9rem;display:inline-block}.producer-toolkit-intro{max-width:62ch;color:var(--muted);margin:12px 0 0;line-height:1.55}.producer-toolkit-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas-raised);box-shadow:var(--shadow);padding:clamp(20px,4vw,32px)}.producer-toolkit-panel>p{color:var(--muted);line-height:1.55}.producer-toolkit-disclaimer{border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted);margin:0 0 18px;padding:16px 18px;font-size:.92rem;line-height:1.55}.producer-toolkit-quick-problems{margin-top:22px}.producer-toolkit-quick-problems h3{color:var(--muted)}.producer-toolkit-quick-problems ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.producer-toolkit-quick-problems a{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:7px 10px;font-size:.86rem;text-decoration:none;display:inline-block}.producer-toolkit-quick-problems a:hover{border-color:var(--accent)}.producer-toolkit-disclosure{color:var(--muted);font-size:.83rem;line-height:1.5}.producer-toolkit-detail>section{margin-top:32px}.producer-toolkit-detail h2{margin-bottom:12px}.producer-toolkit-detail h3{color:var(--ink);letter-spacing:0;text-transform:none;margin-top:18px;font-size:.98rem}.producer-toolkit-detail h4{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 8px;font-size:.8rem}.producer-toolkit-detail li,.producer-toolkit-detail p{color:var(--muted);line-height:1.6}.producer-toolkit-detail li+li{margin-top:8px}.producer-toolkit-classification{color:var(--accent);font-size:.76rem;font-weight:800}.producer-toolkit-informational-detail{overflow-wrap:anywhere}.producer-toolkit-informational-detail>section,.producer-toolkit-informational-detail>.producer-toolkit-definition,.producer-toolkit-informational-detail>.producer-toolkit-compact-notice,.producer-toolkit-informational-detail>.producer-toolkit-on-this-page{max-width:74ch}.producer-toolkit-informational-detail [id]{scroll-margin-top:24px}.producer-toolkit-definition{font-size:1.04rem}.producer-toolkit-compact-notice,.producer-toolkit-guidance,.producer-toolkit-full-disclosure{border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel);padding:12px 14px}.producer-toolkit-compact-notice{font-size:.82rem;font-weight:700}.producer-toolkit-on-this-page{color:var(--quiet);margin-top:16px;line-height:1.5}.producer-toolkit-on-this-page p{color:var(--quiet);letter-spacing:.06em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:800}.producer-toolkit-on-this-page ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.producer-toolkit-on-this-page a{border:1px solid var(--line);background:var(--panel-strong);min-height:30px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;padding:5px 18px;font-size:.76rem;line-height:1.2;text-decoration:none;transition:border-color .14s,background-color .14s,color .14s,transform .14s;display:inline-flex;position:relative}.producer-toolkit-on-this-page a:hover{border-color:var(--accent);background:color-mix(in srgb, var(--panel-strong) 86%, var(--accent));color:var(--ink);transform:translateY(-1px)}.producer-toolkit-on-this-page a:focus-visible{border-color:var(--accent)}.producer-toolkit-decision-jump-link{color:var(--muted);text-underline-offset:3px}.producer-toolkit-decision-jump-link:hover{color:var(--ink)}.producer-toolkit-distinction{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);margin-top:18px;padding:16px}.producer-toolkit-distinction p:first-child,.producer-toolkit-guidance p:first-child{margin-top:0}.producer-toolkit-distinction p:last-child,.producer-toolkit-guidance p:last-child{margin-bottom:0}.producer-toolkit-information-grid,.producer-toolkit-technique-stack,.producer-toolkit-starting-points{gap:16px;display:grid}.producer-toolkit-information-block,.producer-toolkit-technique-block,.producer-toolkit-starting-points>section,.producer-toolkit-decision-guide>li,.producer-toolkit-related-problems>li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:18px}.producer-toolkit-information-block>h3:first-child,.producer-toolkit-technique-block>h3:first-child,.producer-toolkit-starting-points h3:first-child,.producer-toolkit-decision-guide h3:first-child{margin-top:0}.producer-toolkit-decision-guide,.producer-toolkit-related-problems{gap:12px;padding:0;display:grid}.producer-toolkit-decision-guide{counter-reset:informational-decision;list-style:none}.producer-toolkit-decision-guide>li{counter-increment:informational-decision}.producer-toolkit-decision-guide>li>h3:before{content:counter(informational-decision) ". ";color:var(--accent)}.producer-toolkit-decision-guide dl{margin-top:14px}.producer-toolkit-decision-jump-link{width:fit-content;margin-top:8px;font-size:.86rem;display:block}.producer-toolkit-related-problems{list-style:none}.producer-toolkit-related-problems a{color:var(--ink);text-underline-offset:4px;font-weight:800}.producer-toolkit-related-problems p{margin-bottom:0}.producer-toolkit-evidence-list>li{margin-top:16px}.producer-toolkit-empty-state{max-width:66ch;margin:24px 0 0}.producer-toolkit-search-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-top:24px;display:grid}.producer-toolkit-search-form label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:6px;font-size:.76rem;font-weight:800;display:grid}.producer-toolkit-search-form input{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:6px;padding:6px 10px}.producer-toolkit-search-form button{background:var(--accent);min-height:38px;color:var(--accent-ink);border:0;border-radius:6px;font-weight:800}.producer-toolkit-search-form a{color:var(--muted);text-underline-offset:4px;align-self:center;font-size:.9rem}.producer-toolkit-results{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.producer-toolkit-results article{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);padding:18px}.producer-toolkit-results h3{letter-spacing:0;text-transform:none;margin:0;font-size:1.05rem}.producer-toolkit-results article>p:not(.eyebrow){color:var(--muted);margin:10px 0 0;line-height:1.5}.producer-toolkit-meta{font-size:.86rem}.production-profile-status-link{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--ink);border-radius:999px;align-items:center;margin-top:18px;padding:9px 13px;font-size:.88rem;font-weight:750;text-decoration:none;transition:border-color .14s,background-color .14s;display:inline-flex}.production-profile-status-link:hover{border-color:var(--accent);background:var(--panel-strong)}.producer-toolkit-shell>.production-profile-status-link{margin:0 0 14px 16px}.production-profile-editor{gap:18px;display:grid}.production-profile-loading,.production-profile-recovery,.production-profile-confirmation,.production-profile-section,.production-profile-actions{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas-raised);box-shadow:var(--shadow);padding:clamp(20px,4vw,30px)}.production-profile-loading{color:var(--muted)}.production-profile-section-heading{max-width:68ch;margin-bottom:22px}.production-profile-section-heading h2,.production-profile-actions h2,.production-profile-recovery h2,.production-profile-confirmation h2{margin:4px 0 8px}.production-profile-section-heading p:last-child,.production-profile-actions p,.production-profile-recovery p,.production-profile-confirmation p,.production-profile-selected-summary p{color:var(--muted);line-height:1.55}.production-profile-fields{gap:16px;display:grid}.production-profile-fields--two,.production-profile-context-grid,.production-profile-aesthetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-profile-fields label,.production-profile-search-field,.production-profile-custom-form>label{color:var(--muted);align-content:start;gap:7px;font-size:.82rem;font-weight:750;display:grid}.production-profile-fields input,.production-profile-fields select,.production-profile-search-field input,.production-profile-custom-form input,.production-profile-custom-form select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;min-height:44px;color:var(--ink);padding:9px 11px}.production-profile-fields input:disabled{opacity:.55}.production-profile-help{color:var(--quiet);font-size:.78rem;font-weight:500;line-height:1.45}.production-profile-choice-group,.production-profile-custom-form{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);min-width:0;margin:22px 0 0;padding:16px}.production-profile-choice-group legend,.production-profile-custom-form legend{color:var(--ink);padding:0 7px;font-size:.92rem;font-weight:800}.production-profile-choice-group--nested{background:var(--canvas-raised);margin-top:16px}.production-profile-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.production-profile-check-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.production-profile-check-grid label,.production-profile-radio-stack label{min-height:42px;color:var(--muted);align-items:center;gap:9px;line-height:1.35;display:flex}.production-profile-check-grid input,.production-profile-radio-stack input{width:18px;height:18px;accent-color:var(--accent);flex:none}.production-profile-check-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas-raised);padding:10px}.production-profile-check-card span,.production-profile-selected-summary li>span:first-child{min-width:0}.production-profile-check-card strong,.production-profile-check-card small,.production-profile-selected-summary strong,.production-profile-selected-summary small{overflow-wrap:anywhere;display:block}.production-profile-check-card small,.production-profile-selected-summary small{color:var(--quiet);margin-top:3px;font-size:.75rem}.production-profile-selected-summary{margin-top:22px}.production-profile-selected-summary h3{margin:0 0 10px;font-size:1rem}.production-profile-selected-summary ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.production-profile-selected-summary li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.production-profile-button-row,.production-profile-inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.production-profile-button-row{margin-top:16px}.production-profile-button-row button,.production-profile-choice-group>button{border-radius:var(--radius-sm);background:var(--accent);min-height:44px;color:var(--accent-ink);border:0;padding:9px 14px;font-weight:800}.production-profile-button-row button:disabled{cursor:not-allowed;opacity:.5}.production-profile-secondary-button{border:1px solid var(--line)!important;background:var(--panel-strong)!important;color:var(--ink)!important}.production-profile-danger-button{border:1px solid var(--danger)!important;color:var(--danger)!important;background:0 0!important}.production-profile-text-button{min-height:38px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:5px 7px;text-decoration:underline}.production-profile-custom-form--compact{max-width:580px}.production-profile-equipment-groups,.production-profile-context-grid,.production-profile-aesthetic-grid{gap:14px;display:grid}.production-profile-context-grid>.production-profile-choice-group,.production-profile-aesthetic-grid>.production-profile-choice-group{margin-top:14px}.production-profile-radio-stack{gap:2px;display:grid}.production-profile-actions{border-color:var(--accent);justify-content:space-between;align-items:center;gap:20px;display:flex}.production-profile-feedback{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);border-left-width:4px;padding:16px 18px}.production-profile-feedback--success{border-left-color:var(--tonic)}.production-profile-feedback--warning,.production-profile-feedback--info{border-left-color:var(--accent)}.production-profile-feedback--error{border-left-color:var(--danger)}.production-profile-feedback p{color:var(--muted);margin:5px 0 0;line-height:1.5}.production-profile-feedback ul{margin-bottom:0}.production-profile-confirmation{border-color:var(--danger)}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 26px;display:flex}.brand,.header-actions,.context-controls,.panel-header,.section-heading,.mode-card-top,.playback-bar,.playback-actions,footer{align-items:center;display:flex}.brand{gap:12px}.brand-mark{border:1px solid var(--accent);width:39px;height:39px;color:var(--accent);border-radius:50%;place-items:center;font-size:24px;display:grid}.atlas-home-link{flex:none;text-decoration:none}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:.68rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.26rem,2vw,1.65rem)}h1 em{color:var(--muted);font-family:Georgia,serif;font-weight:400}h2{letter-spacing:-.03em;margin-bottom:0;font-size:clamp(1.2rem,1.6vw,1.55rem)}h3{letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.82rem}.header-actions{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:.88rem}.header-actions a{-webkit-text-decoration-color:color-mix(in srgb, var(--muted), transparent 45%);text-decoration-color:color-mix(in srgb, var(--muted), transparent 45%);text-underline-offset:4px}.theme-button,.icon-button,.stop-button,.secondary-button,.chord-actions button{border:1px solid var(--line);border-radius:var(--radius-sm);background:0 0}.theme-button{color:var(--ink);align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.icon{line-height:1;display:inline-block}.context-bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas-raised);box-shadow:var(--shadow);grid-template-columns:190px 1fr auto;align-items:end;gap:22px;padding:19px 22px;display:grid}.context-bar h2{font-size:1rem}.context-controls{flex-wrap:wrap;gap:10px}.context-controls label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:4px;font-size:.7rem;font-weight:700;display:grid}select{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);text-transform:none;border-radius:6px;padding:6px 28px 6px 10px;font-size:.9rem;font-weight:700}.tempo-control{min-width:145px}.tempo-control output{color:var(--ink);letter-spacing:0;text-transform:none;font-size:.78rem}input[type=range]{accent-color:var(--accent);width:100%}.context-readout{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;gap:3px;margin:0;padding-left:16px;font-size:.78rem;line-height:1.4;display:grid}.context-readout strong{color:var(--ink);font-size:.94rem}.hero-grid{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);gap:18px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.circle-panel,.scale-overview,.information-panel,.chords-panel{padding:clamp(17px,2vw,26px)}.panel-header{justify-content:space-between;gap:12px}.direction-label{color:var(--quiet);white-space:nowrap;font-size:.72rem}.circle{width:min(100%,430px);margin:4px auto -2px;display:block;overflow:visible}.circle-track{fill:none;stroke:var(--line);stroke-width:1.2px}.circle-track.inner{stroke-dasharray:2 4}.circle-center{fill:var(--canvas-raised);stroke:var(--line)}.circle-key{cursor:pointer;outline:none}.circle-key>circle{fill:var(--panel-strong);stroke:var(--line);stroke-width:1.3px;transform-origin:50%;transition:fill .16s,stroke .16s,transform .16s}.circle-key:hover>circle,.circle-key:focus>circle{fill:color-mix(in srgb, var(--accent), var(--panel) 80%);stroke:var(--accent)}.circle-key.is-selected>circle{fill:var(--accent);stroke:var(--accent)}.circle-key.is-selected .major-label,.circle-key.is-selected .minor-label{fill:var(--accent-ink)}.major-label{fill:var(--ink);pointer-events:none;font-size:12px;font-weight:800}.minor-label{fill:var(--muted);pointer-events:none;font-size:8px}.signature-label{fill:var(--quiet);pointer-events:none;font-size:7px;font-weight:800}.center-overline{fill:var(--accent);letter-spacing:1.4px;font-size:7px;font-weight:900}.center-title{fill:var(--ink);font-size:12px;font-weight:800}.center-subtitle{fill:var(--muted);font-size:7px}.circle-facts{text-align:center;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:4px;display:grid}.circle-facts span{color:var(--muted);gap:2px;font-size:.73rem;display:grid}.circle-facts b{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:.69rem}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scale-overview{flex-direction:column;display:flex}.icon-button{width:34px;height:34px;color:var(--accent);flex:none;place-items:center;display:grid}.icon-button:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 90%)}.large-notes{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:clamp(24px,4vw,48px) 0 28px;display:grid}.large-notes span{border:1px solid var(--line);min-height:76px;color:var(--ink);text-align:center;border-radius:11px;place-content:center;gap:6px;font-size:clamp(1rem,2.4vw,1.45rem);font-weight:800;display:grid}.large-notes .tonic-note{border-color:var(--tonic);background:color-mix(in srgb, var(--tonic), transparent 88%);color:var(--tonic)}.large-notes small{color:var(--muted);font-size:.62rem;font-weight:700}.overview-copy{grid-template-columns:minmax(0,.8fr) 1.2fr;gap:20px;margin-top:auto;display:grid}.overview-copy>p{color:var(--muted);margin-bottom:0;font-size:.91rem;line-height:1.55}dl{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;display:grid}dl div{border-left:2px solid var(--line);padding-left:10px}dt{color:var(--quiet);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:800}dd{color:var(--ink);margin:4px 0 0;font-size:.78rem;line-height:1.35}.section-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas-raised);margin-top:18px;padding:clamp(20px,3vw,34px)}.section-heading{justify-content:space-between;gap:18px}.section-heading>div>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:8px 0 0;font-size:.91rem;line-height:1.5}.segmented{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-self:flex-start;padding:3px;display:inline-flex}.segmented button{min-height:40px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;gap:2px;padding:6px 12px;font-size:.83rem;font-weight:800;display:grid}.segmented button small{color:inherit;font-size:.63rem;font-weight:600}.segmented button.selected{background:var(--accent);color:var(--accent-ink)}.relationship-note{color:var(--muted);margin:24px 0 14px;font-size:.84rem;line-height:1.5}.relationship-note strong{color:var(--ink)}.mode-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;display:grid}.mode-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:0;padding:11px}.mode-card.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent), transparent 50%)}.mode-card-top{align-items:start;gap:7px}.mode-degree{background:var(--panel-strong);width:21px;height:21px;color:var(--quiet);border-radius:50%;flex:none;place-items:center;font-size:.65rem;font-weight:900;display:grid}.mode-select{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;gap:3px;padding:0;display:grid}.mode-select strong{font-size:.78rem;line-height:1.25}.mode-select span,.mode-detail{color:var(--muted);font-size:.65rem;line-height:1.4}.mode-card .icon-button{width:26px;height:26px;font-size:.65rem}.note-line{min-height:43px;color:var(--ink);margin:10px 0 7px;font-size:.72rem;line-height:1.48}.mode-detail{border-top:1px solid var(--line);margin:0;padding-top:7px}.mode-detail span{color:var(--quiet)}.detail-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;margin-top:18px;display:grid}.scale-list{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(7,1fr);margin:24px 0;display:grid;overflow:hidden}.scale-list div{border-right:1px solid var(--line);text-align:center;gap:5px;padding:10px 4px;display:grid}.scale-list div:last-child{border-right:0}.scale-list strong{color:var(--accent);font-size:.64rem}.scale-list span{font-size:.92rem;font-weight:800}.scale-list small{color:var(--muted);font-size:.61rem}.info-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info-columns>div{background:var(--panel-strong);border-radius:10px;padding:13px}.info-columns p{color:var(--muted);margin-bottom:13px;font-size:.77rem;line-height:1.45}.info-columns p:last-child{margin-bottom:0}.fact-note{color:var(--quiet);margin:18px 0 0;font-size:.72rem;line-height:1.45}.compact-segmented button{min-height:32px;padding:5px 9px;font-size:.72rem}.chord-table{margin-top:18px}.chord-table-head,.chord-row{grid-template-columns:.55fr .95fr 1.4fr 1.35fr .75fr;align-items:center;gap:10px;display:grid}.chord-table-head{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;padding:0 10px 8px;font-size:.61rem;font-weight:800}.chord-row{border-top:1px solid var(--line);min-height:57px;color:var(--muted);padding:8px 10px;font-size:.73rem}.chord-row.is-selected{background:color-mix(in srgb, var(--chord), transparent 88%);box-shadow:inset 3px 0 var(--chord)}.chord-row strong{color:var(--ink);font-size:.86rem;display:block}.chord-row small{color:var(--quiet);margin-top:2px;font-size:.63rem;display:block}.chord-degree b{color:var(--accent)}.chord-notes{line-height:1.4}.chord-function{line-height:1.35}.chord-actions{justify-content:flex-end;gap:4px;display:flex}.chord-actions button:not(.icon-button){color:var(--muted);padding:5px 7px;font-size:.65rem;font-weight:700}.chord-actions button[aria-pressed=true]{border-color:var(--chord);color:var(--chord)}.chord-actions .icon-button{width:27px;height:27px;font-size:.62rem}.piano-section{margin-bottom:18px}.section-heading.compact{margin-bottom:22px}.piano-legend{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.7rem;display:flex}.legend{align-items:center;gap:5px;display:inline-flex}.legend:before{border:1px solid var(--line);content:"";border-radius:2px;width:9px;height:9px}.legend.tonic:before{background:var(--tonic);border-color:var(--tonic)}.legend.scale-note:before{background:color-mix(in srgb, var(--accent), transparent 30%);border-color:var(--accent)}.legend.chord-note:before{background:var(--chord);border-color:var(--chord)}.piano-wrap{padding:4px 2px 14px;overflow-x:auto}.piano{background:#06090a;border:1px solid #06090a;border-radius:7px;min-width:700px;height:184px;padding:0;display:flex;position:relative}.white-key,.black-key{outline-offset:-4px;border:1px solid #263238;position:relative}.white-key{color:#263238;background:#fbf7eb;border-radius:0 0 4px 4px;justify-content:center;align-items:end;gap:3px;width:7.14286%;min-width:0;padding:0 0 9px;font-size:.67rem;display:flex}.white-key small{color:#637074;font-size:.55rem}.white-key.in-scale{background:#ecdca9}.white-key.is-tonic{color:#102522;font-weight:900;box-shadow:inset 0 -7px #388d7d}.white-key.in-chord{outline:3px solid var(--chord);outline-offset:-5px}.black-key{z-index:2;left:calc((var(--white-index) - .32) * (100% / 14));color:#d5dddf;background:#172027;border-color:#050708;border-radius:0 0 5px 5px;width:4.57143%;height:111px;padding:8px 2px;font-size:.56rem;position:absolute;top:-1px}.black-key[data-white-index="1"]{--white-index:1}.black-key[data-white-index="2"]{--white-index:2}.black-key[data-white-index="4"]{--white-index:4}.black-key[data-white-index="5"]{--white-index:5}.black-key[data-white-index="6"]{--white-index:6}.black-key[data-white-index="8"]{--white-index:8}.black-key[data-white-index="9"]{--white-index:9}.black-key[data-white-index="11"]{--white-index:11}.black-key[data-white-index="12"]{--white-index:12}.black-key[data-white-index="13"]{--white-index:13}.black-key.in-scale{background:#745d26}.black-key.is-tonic{box-shadow:inset 0 -5px var(--tonic);color:#fff}.black-key.in-chord{outline:2px solid var(--chord);outline-offset:-4px}.piano button:hover{filter:brightness(1.08)}.playback-bar{z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--panel), transparent 4%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;justify-content:space-between;gap:16px;padding:13px 16px;position:sticky;bottom:12px}.playback-bar p{margin-bottom:3px}.playback-bar strong{font-size:.93rem}.playback-bar>div:first-child>span{color:var(--muted);margin-left:8px;font-size:.72rem}.playback-actions{gap:7px}.primary-button,.secondary-button,.stop-button{min-height:36px;padding:7px 11px;font-size:.76rem;font-weight:800}.primary-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink)}.secondary-button{color:var(--ink)}.stop-button{color:var(--muted)}.audio-error{color:var(--danger);margin:0;font-size:.71rem;position:absolute;bottom:-28px;right:14px}footer{color:var(--quiet);justify-content:space-between;margin-top:28px;font-size:.72rem}footer a{text-underline-offset:3px}@media (max-width:1110px){.mode-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.context-bar{grid-template-columns:160px 1fr}.context-readout{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;padding:12px 0 0}.hero-grid,.detail-grid{grid-template-columns:1fr}.circle-panel{width:100%;max-width:700px;margin:0 auto}.mode-card .note-line{min-height:auto}}@media (max-width:690px){.atlas-shell{padding:14px 12px 28px}.app-header{align-items:start;padding-bottom:16px}.header-actions{gap:12px;width:100%}.header-actions a{display:none}.header-actions .producer-toolkit-nav-link{display:inline}.producer-toolkit-shell{width:min(100% - 24px,960px);padding-top:20px}.producer-toolkit-search-form{grid-template-columns:1fr}.producer-toolkit-panel{padding:18px}.production-profile-fields--two,.production-profile-context-grid,.production-profile-aesthetic-grid,.production-profile-check-grid,.production-profile-check-grid--compact{grid-template-columns:1fr}.production-profile-loading,.production-profile-recovery,.production-profile-confirmation,.production-profile-section,.production-profile-actions{padding:18px}.production-profile-actions,.production-profile-selected-summary li{flex-direction:column;align-items:stretch}.production-profile-button-row,.production-profile-button-row button{width:100%}.theme-button span{display:none}.context-bar{padding:16px;display:block}.context-controls{margin-top:15px}.context-controls label{flex:74px}.tempo-control{flex-basis:100%!important}.context-readout{margin-top:14px}.hero-grid,.detail-grid{gap:12px;margin-top:12px}.section-block{margin-top:12px;padding:17px 14px}.panel{border-radius:15px}.circle-panel,.scale-overview,.information-panel,.chords-panel{padding:16px}.direction-label{display:none}.circle{width:min(100%,355px)}.large-notes{gap:4px;margin:25px 0 20px}.large-notes span{min-height:55px;font-size:.92rem}.overview-copy{grid-template-columns:1fr;gap:16px}dl{gap:9px}.section-heading{display:block}.segmented{margin-top:15px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card:last-child{grid-column:span 2}.mode-card .note-line{min-height:0}.info-columns{grid-template-columns:1fr}.chord-table-head{display:none}.chord-row{grid-template-columns:.42fr .8fr 1fr auto;gap:7px;min-height:68px}.chord-function{display:none}.chord-actions{flex-direction:column;align-self:center}.chord-actions .icon-button{width:25px;height:25px}.piano-legend{margin-top:12px}.piano{min-width:620px;height:165px}.black-key{height:99px}.playback-bar{flex-direction:column;align-items:stretch;bottom:8px}.playback-actions{grid-template-columns:1.1fr 1.25fr .55fr;display:grid}.playback-actions button{min-width:0;padding:7px 5px;font-size:.68rem}footer{margin-top:22px}.piano-section{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}