*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:system-ui,sans-serif}body{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.tuning-widget-instrument-field,.chord-generator-params-title,.page-tabs-header-wrap,.chord-generator-fingerings-header-wrap,.chord-arpeggios-header-wrap,.string-selector-section-title,.microtone-trainer-block-sm,.microtone-trainer-modal-icon-wrap,.circle-of-fifths-chords-column,.instrument-selector-selected{margin-bottom:1rem}.ui-input-helper,.chord-collections-modal-item-meta,.string-selector-edit-hint,.random-key-selector-current-label,.microtone-trainer-empty-text,.chord-functions-trainer-stat-label,.chord-functions-trainer-current-progress,.chord-functions-trainer-stats-empty,.interval-trainer-label-sm,.content-meta-date{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ui-input-helper:is(.dark *),.chord-collections-modal-item-meta:is(.dark *),.string-selector-edit-hint:is(.dark *),.random-key-selector-current-label:is(.dark *),.microtone-trainer-empty-text:is(.dark *),.chord-functions-trainer-stat-label:is(.dark *),.chord-functions-trainer-current-progress:is(.dark *),.chord-functions-trainer-stats-empty:is(.dark *),.interval-trainer-label-sm:is(.dark *),.content-meta-date:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-visualization>:not([hidden])~:not([hidden]),.page-stack-lg>:not([hidden])~:not([hidden]),.chord-fingerings-root>:not([hidden])~:not([hidden]),.chord-functions-trainer-stats-modal>:not([hidden])~:not([hidden]),.interval-trainer-modal-stack>:not([hidden])~:not([hidden]),.circle-of-fifths-circle-card>:not([hidden])~:not([hidden]),.circle-of-fifths-info-card>:not([hidden])~:not([hidden]),.song-cadence-modal-sections>:not([hidden])~:not([hidden]),.blog-index-page>:not([hidden])~:not([hidden]),.blog-tag-page>:not([hidden])~:not([hidden]),.blog-post-page>:not([hidden])~:not([hidden]),.theory-index-page>:not([hidden])~:not([hidden]),.theory-category-page>:not([hidden])~:not([hidden]),.theory-level-page>:not([hidden])~:not([hidden]),.theory-tag-page>:not([hidden])~:not([hidden]),.theory-post-page>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.ui-modal-title,.chord-arpeggios-title,.chord-scales-head-title,.chord-identifier-alternative-name,.scale-identifier-result-title,.interval-trainer-card-title,.harmony-key-modulations-title,.content-article-nav-title,.theory-index-section-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ui-modal-title:is(.dark *),.chord-arpeggios-title:is(.dark *),.chord-scales-head-title:is(.dark *),.chord-identifier-alternative-name:is(.dark *),.scale-identifier-result-title:is(.dark *),.interval-trainer-card-title:is(.dark *),.harmony-key-modulations-title:is(.dark *),.content-article-nav-title:is(.dark *),.theory-index-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-frequency,.chord-collections-modal-empty-hint,.string-selector-field-hint,.strumming-library-empty-hint,.rhythm-generator-modal-item-date,.rhythm-trainer-modal-item-date,.rhythm-metronome-modal-item-date,.song-favorites-modal-item-date{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-frequency:is(.dark *),.chord-collections-modal-empty-hint:is(.dark *),.string-selector-field-hint:is(.dark *),.strumming-library-empty-hint:is(.dark *),.rhythm-generator-modal-item-date:is(.dark *),.rhythm-trainer-modal-item-date:is(.dark *),.rhythm-metronome-modal-item-date:is(.dark *),.song-favorites-modal-item-date:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tuning-widget-tuning-select-row,.string-tension-gauge-editor,.fretboard-explorer-toast-content,.chord-collections-modal-item-actions,.chord-arpeggios-card-badges,.fretboard-chord-identifier-control-row,.fretboard-explorer-control-row,.caged-explorer-position-control,.chord-identifier-button-label,.scale-identifier-button-label,.string-selector-custom-banner-content,.string-selector-share-toast-content,.microtone-trainer-inline-actions,.circle-of-fifths-header-actions,.strumming-library-range-row,.rhythm-generator-range-row,.rhythm-generator-legend-item,.rhythm-trainer-range-row,.rhythm-trainer-timer-wrap,.rhythm-metronome-row,.harmony-key-cadence-title-row,.harmony-generator-current-title-row,.octave-legend-additional-row{display:flex;align-items:center;gap:.5rem}.ui-drum-mode>:not([hidden])~:not([hidden]),.string-tension-list>:not([hidden])~:not([hidden]),.chord-collections-modal-list>:not([hidden])~:not([hidden]),.random-key-selector-history-stack>:not([hidden])~:not([hidden]),.circle-of-fifths-chords-section>:not([hidden])~:not([hidden]),.strumming-library-content>:not([hidden])~:not([hidden]),.strumming-library-pattern-list>:not([hidden])~:not([hidden]),.rhythm-generator-modal-list>:not([hidden])~:not([hidden]),.rhythm-trainer-actions-stack>:not([hidden])~:not([hidden]),.rhythm-trainer-modal-list>:not([hidden])~:not([hidden]),.rhythm-metronome-details>:not([hidden])~:not([hidden]),.rhythm-metronome-track-list>:not([hidden])~:not([hidden]),.rhythm-metronome-modal-list>:not([hidden])~:not([hidden]),.harmony-progression-display>:not([hidden])~:not([hidden]),.harmony-key-cadences-list>:not([hidden])~:not([hidden]),.harmony-key-modulations-item-content>:not([hidden])~:not([hidden]),.song-structure-modal-list>:not([hidden])~:not([hidden]),.song-favorites-modal-list>:not([hidden])~:not([hidden]),.content-toc>:not([hidden])~:not([hidden]),.content-article-nav>:not([hidden])~:not([hidden]),.blog-index-hero>:not([hidden])~:not([hidden]),.blog-tag-hero>:not([hidden])~:not([hidden]),.theory-index-hero>:not([hidden])~:not([hidden]),.theory-category-hero>:not([hidden])~:not([hidden]),.theory-level-hero>:not([hidden])~:not([hidden]),.theory-tag-hero>:not([hidden])~:not([hidden]),.blog-post-hero-content>:not([hidden])~:not([hidden]),.theory-post-hero-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.string-tension-legend>:not([hidden])~:not([hidden]),.note-selector-root>:not([hidden])~:not([hidden]),.note-selector-layout-stacked>:not([hidden])~:not([hidden]),.chord-voicing-collections-modal-list>:not([hidden])~:not([hidden]),.chord-mode-selector>:not([hidden])~:not([hidden]),.fretboard-explorer-download-actions>:not([hidden])~:not([hidden]),.fretboard-chord-diagram-download-actions>:not([hidden])~:not([hidden]),.string-selector-field>:not([hidden])~:not([hidden]),.chord-functions-trainer-stats-list>:not([hidden])~:not([hidden]),.interval-trainer-list>:not([hidden])~:not([hidden]),.circle-of-fifths-chords-list>:not([hidden])~:not([hidden]),.sound-settings-state-list>:not([hidden])~:not([hidden]),.song-cadence-modal-section-list>:not([hidden])~:not([hidden]),.harmony-generator-info-block>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.page-stack-md>:not([hidden])~:not([hidden]),.chord-collections-modal-details>:not([hidden])~:not([hidden]),.chord-fingerings-controls>:not([hidden])~:not([hidden]),.chord-arpeggios-root>:not([hidden])~:not([hidden]),.song-generator-controls-card>:not([hidden])~:not([hidden]),.instrument-selector>:not([hidden])~:not([hidden]),.rhythm-metronome-stack>:not([hidden])~:not([hidden]),.harmony-key-modulations-categories>:not([hidden])~:not([hidden]),.blog-index-list>:not([hidden])~:not([hidden]),.blog-tag-list>:not([hidden])~:not([hidden]),.theory-index-post-list>:not([hidden])~:not([hidden]),.theory-category-list>:not([hidden])~:not([hidden]),.theory-level-list>:not([hidden])~:not([hidden]),.theory-tag-list>:not([hidden])~:not([hidden]),.theory-index-filters>:not([hidden])~:not([hidden]),.theory-index-tags>:not([hidden])~:not([hidden]),.blog-post-hero>:not([hidden])~:not([hidden]),.theory-post-hero>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.feedback-form-frame,.page-controls-card,.fretboard-explorer-download-action-button,.fretboard-chord-diagram-download-action-button,.caged-explorer-position-select,.microtone-trainer-modal-button,.interval-trainer-range,.rhythm-generator-toggle-button--fill,.rhythm-notation-canvas-wrap,:where(.blog-audio-example,.content-audio-example) audio{width:100%}.ui-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-card--padding-none{padding:0}.ui-card--padding-sm{padding:.5rem}.ui-card--padding-md{padding:.75rem}.ui-card--padding-lg{padding:1rem}.ui-card--shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-card--shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-card--shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-card--shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-card.is-hoverable:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 2px}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button--primary{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-button--primary:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.ui-button--primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ui-button--secondary{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ui-button--secondary:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.ui-button--secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.ui-button--secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-button--secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.ui-button--outline{border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-button--outline:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.ui-button--outline:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ui-button--outline:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-button--outline:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-button--ghost{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-button--ghost:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.ui-button--ghost:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ui-button--ghost:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-button--ghost:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-button--sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-button--md{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.ui-button--lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.ui-button-spinner{margin-left:-.25rem;margin-right:.5rem;height:1rem;width:1rem}.ui-button-spinner{animation:spin 1s linear infinite}.ui-button-spinner-track{opacity:.25}.ui-button-spinner-head{opacity:.75}.ui-badge{display:inline-flex;align-items:center;border-radius:9999px;font-weight:500}.ui-badge--default{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.ui-badge--default:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-badge--success{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.ui-badge--success:is(.dark *){background-color:#14532d4d;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.ui-badge--warning{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.ui-badge--warning:is(.dark *){background-color:#713f124d;--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.ui-badge--error{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.ui-badge--error:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.ui-badge--info{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.ui-badge--info:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.ui-badge--sm{padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.ui-badge--md{padding:.25rem .625rem;font-size:.875rem;line-height:1.25rem}.ui-badge--lg{padding:.375rem .75rem;font-size:1rem;line-height:1.5rem}.ui-input-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.ui-input-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-input-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-input-control-wrap{position:relative}.ui-input{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ui-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.ui-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.ui-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.ui-input:disabled{cursor:not-allowed;opacity:.5}.ui-input:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.ui-input:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.ui-input--sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-input--md{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-input--lg{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.ui-input.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ui-input.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.ui-input.is-error{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.ui-input.is-error:is(.dark *){--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));background-color:#7f1d1d33}.ui-input.has-left-icon{padding-left:2.5rem}.ui-input.has-right-icon{padding-right:2.5rem}.ui-input-icon{pointer-events:none;position:absolute;top:0;bottom:0;display:flex;align-items:center;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ui-input-icon.is-left{left:0;padding-left:.75rem}.ui-input-icon.is-right{right:0;padding-right:.75rem}.ui-input-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.ui-input-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.ui-select-field{min-width:100%}.ui-select-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ui-select-label{display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-select-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-select{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.ui-select:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-select--sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-select--md{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.ui-select--lg{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.ui-select.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ui-select.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.ui-select.is-error{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.ui-select.is-error:is(.dark *){--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));background-color:#7f1d1d33}.ui-select-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.ui-select-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.ui-modal-root{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.ui-modal-backdrop{position:fixed;inset:0;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-bg-opacity: .5;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-modal-panel{position:relative;max-height:90vh;width:100%;overflow:hidden;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-modal-panel:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-modal-panel--sm{max-width:28rem}.ui-modal-panel--md{max-width:32rem}.ui-modal-panel--lg{max-width:42rem}.ui-modal-panel--xl{max-width:56rem}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.ui-modal-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.ui-modal-close{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-modal-close:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ui-modal-close:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-modal-content{max-height:calc(90vh - 4rem);overflow-y:auto;padding:1rem}.ui-dialog-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-dialog-description:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.ui-dialog-input-wrap{margin-top:.75rem}.ui-dialog-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.ui-dialog-cancel{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-dialog-cancel:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.ui-dialog-cancel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.ui-dialog-cancel:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-dialog-confirm.is-primary{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-primary:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-danger{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-danger:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-enabled{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.ui-dialog-confirm.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.ui-mode-toggle-button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-mode-toggle-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.ui-mode-toggle-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-mode-toggle-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.ui-mode-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.ui-mode-toggle-caption{font-size:.75rem;line-height:1rem;opacity:.7}.ui-drum-mode-buttons{display:flex;gap:.5rem}.ui-drum-mode-button{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-drum-mode-button.is-active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-drum-mode-button.is-idle{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-drum-mode-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.ui-drum-mode-button.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.ui-drum-mode-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.ui-drum-mode-button.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ui-drum-mode-button.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ui-drum-mode-load-button{width:100%;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-drum-mode-load-button.is-ready{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-drum-mode-load-button.is-ready:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.ui-drum-mode-load-button.is-ready:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.ui-drum-mode-load-button.is-ready:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.ui-drum-mode-load-button.is-loading{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ui-drum-mode-load-button.is-loading:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ui-drum-mode-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem}.ui-drum-mode-status-dot{height:.5rem;width:.5rem;border-radius:9999px}.ui-drum-mode-status-dot.is-loaded{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.ui-drum-mode-status-dot.is-unloaded{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.ui-drum-mode-status-text{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ui-drum-mode-status-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui-loading>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ui-loading-size--sm{height:1rem;width:1rem}.ui-loading-size--md{height:1.5rem;width:1.5rem}.ui-loading-size--lg{height:2rem;width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.ui-loading-spinner{animation:spin 1s linear infinite;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.ui-loading-spinner-track{opacity:.25}.ui-loading-spinner-head{opacity:.75}.ui-loading-dots{display:flex}.ui-loading-dots>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.ui-loading-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.ui-loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.ui-loading-text{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ui-loading-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ui-loading-text--sm{font-size:.875rem;line-height:1.25rem}.ui-loading-text--md{font-size:1rem;line-height:1.5rem}.ui-loading-text--lg{font-size:1.125rem;line-height:1.75rem}.ui-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.ui-pagination-summary{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.ui-pagination-summary:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-pagination-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.ui-pagination-nav-button{display:inline-flex;min-width:88px;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-pagination-nav-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.ui-pagination-nav-button:disabled{cursor:not-allowed;opacity:.5}.ui-pagination-nav-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.ui-pagination-nav-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-pagination-ellipsis{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.ui-pagination-ellipsis:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.ui-pagination-page-button{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.ui-pagination-page-button.is-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-pagination-page-button.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.ui-pagination-page-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-pagination-page-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.ui-pagination-page-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.ui-pagination-page-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.ui-play-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-play-button.is-playing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-play-button.is-idle{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.ui-play-button.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-play-button.is-disabled{cursor:not-allowed;opacity:.6}.ui-play-button.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.ui-play-button.is-enabled:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.ui-play-button-icon{margin-right:.5rem}.ui-mini-play-button{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-mini-play-button.is-playing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-mini-play-button.is-idle{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.ui-mini-play-button.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.ui-mini-play-button.is-disabled{cursor:not-allowed;opacity:.5}.ui-mini-play-button.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.ui-mini-play-button.is-enabled:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.ui-mini-play-button-glyph{height:1rem;width:1rem}.ui-play-link{display:inline-flex;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-play-link:hover{text-decoration-line:underline}.ui-play-link:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.ui-play-link.is-playing{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.ui-play-link.is-playing:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.ui-play-link.is-disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.ui-play-link.is-enabled{cursor:pointer}.ui-play-link-glyph{height:1rem;width:1rem}.ui-play-link-glyph.is-playing{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip-trigger{display:inline-flex}.ui-tooltip-content{pointer-events:none;position:fixed;z-index:260;width:-moz-max-content;width:max-content;max-width:20rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-tooltip-content:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.ui-nav-icon{height:1.5rem;width:1.5rem}.ui-hand-icon-flipped{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tuning-button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tuning-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.tuning-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tuning-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.tuning-button-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.tuning-button-instrument{font-size:.75rem;line-height:1rem;opacity:.7}.tuning-button-name{line-height:1.25}.string-tuning{position:relative;display:flex;flex-direction:column;align-items:center}.string-tuning-step-button{padding:.25rem .5rem;font-size:1.125rem;line-height:1.75rem}.string-tuning-step-button:disabled{cursor:not-allowed;opacity:.5}.string-tuning-step-button--up{margin-bottom:.5rem}.string-tuning-step-button--down{margin-top:.5rem}.string-tuning-note-wrap{position:relative}.string-tuning-note{display:inline-block;min-width:40px;cursor:default;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;text-align:center;font-size:.875rem;line-height:1.25rem}.string-tuning-note:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.string-tuning-delete-button{position:absolute;right:0;top:0;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transform:translate(50%,-50%)}.custom-tuning{display:flex;flex-direction:column;align-items:center}.custom-tuning-row{margin-bottom:.5rem;display:flex;align-items:flex-start;gap:1rem}.custom-tuning-add-wrap{display:flex;align-items:center;justify-content:center;margin-top:42px}.custom-tuning-add-button{margin-right:.5rem;display:flex;height:2.5rem;width:2.5rem;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.custom-tuning-add-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.custom-tuning-add-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.custom-tuning-add-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.custom-tuning-string{display:flex;flex-direction:column;align-items:center}.custom-tuning-string-label{margin-top:.25rem;font-size:.75rem;line-height:1rem}.custom-tuning-string-index{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tuning-widget-instrument-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.tuning-widget-instrument-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}.tuning-widget-instrument-button{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tuning-widget-instrument-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tuning-widget-instrument-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tuning-widget-instrument-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tuning-widget-instrument-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.tuning-widget-instrument-button.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.tuning-widget-string-count-buttons{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.tuning-widget-string-count-button{min-width:2.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tuning-widget-string-count-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tuning-widget-string-count-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tuning-widget-string-count-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tuning-widget-string-count-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.tuning-widget-string-count-button.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.tuning-widget-native-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tuning-widget-native-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tuning-widget-tuning-nav-button{display:inline-flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tuning-widget-tuning-nav-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tuning-widget-tuning-nav-button:disabled{cursor:not-allowed;opacity:.5}.tuning-widget-tuning-nav-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tuning-widget-tuning-nav-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tuning-widget-panel{overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tuning-widget-panel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.tuning-widget-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tuning-widget-tabs:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tuning-widget-tab{border-bottom-width:2px;border-color:transparent;padding:.5rem 1rem;text-align:center;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tuning-widget-tab:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.tuning-widget-tab:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tuning-widget-tab:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.tuning-widget-tab.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.tuning-widget-tab.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.tuning-widget-section-content{padding:1rem}.tuning-widget-label{margin-bottom:.25rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tuning-widget-label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tuning-widget-strings{margin-top:.5rem}.tuning-widget-strings-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tuning-widget-strings-label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tuning-widget-strings-list{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.tuning-widget-string-chip{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tuning-widget-string-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tuning-widget-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.tuning-widget-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.tuning-widget-unsaved{display:flex;flex:1 1 0%;align-items:center;--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.tuning-widget-unsaved:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.tuning-widget-unsaved-icon{margin-right:.5rem;height:1rem;width:1rem}.string-tension-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.string-tension-summary-card{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem}.string-tension-summary-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.string-tension-summary-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.string-tension-summary-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-summary-value{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-tension-summary-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-summary-subvalue{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.string-tension-summary-subvalue:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.875rem;line-height:1.25rem}.string-tension-legend-title{font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.string-tension-legend-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.string-tension-legend-item{display:flex;align-items:center;gap:.25rem}.string-tension-legend-swatch{height:1rem;width:1rem;border-radius:.25rem}.string-tension-legend-swatch.is-low{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.string-tension-legend-swatch.is-optimal{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.string-tension-legend-swatch.is-high{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.string-tension-legend-swatch.is-very-high{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.string-tension-legend-text{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.string-tension-legend-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-legend-note{font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-legend-note:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-row{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}.string-tension-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.string-tension-row-main{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.string-tension-row-left{display:flex;align-items:center;gap:1rem}.string-tension-string-number{width:2rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-tension-string-number:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-note{width:3rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.string-tension-note:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.string-tension-octave{font-size:.75rem;line-height:1rem}.string-tension-gauge-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.string-tension-gauge-input:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-gauge-confirm-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-gauge-confirm-button:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.string-tension-gauge-cancel-button{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-gauge-cancel-button:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.string-tension-gauge-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.string-tension-gauge-value.is-editable{cursor:pointer;border-radius:.25rem;padding:.25rem .5rem}.string-tension-gauge-value.is-editable:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.string-tension-gauge-value.is-editable:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.string-tension-gauge-primary{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.string-tension-gauge-primary:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.string-tension-gauge-secondary{margin-left:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-gauge-secondary:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-wound{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-wound:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-values{text-align:right}.string-tension-values-primary{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-tension-values-primary:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-values-secondary{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.string-tension-values-secondary:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-tension-bar-track{height:1.5rem;width:100%;overflow:hidden;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.string-tension-bar-track:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.string-tension-bar-fill{display:flex;height:100%;align-items:center;justify-content:flex-end;padding-left:.5rem;padding-right:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.string-tension-bar-fill.is-low{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.string-tension-bar-fill.is-optimal{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.string-tension-bar-fill.is-high{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.string-tension-bar-fill.is-very-high{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.string-tension-bar-percent{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-tension-edit-hint{text-align:center;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.string-tension-edit-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.app-loading-fallback{display:flex;justify-content:center;padding-top:2.5rem;padding-bottom:2.5rem}.app-shell{display:flex;min-height:100vh;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.app-shell:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.app-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.app-header-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:.5rem;padding-right:.5rem}@media(min-width:640px){.app-header-container{padding-left:1rem;padding-right:1rem}}@media(min-width:1024px){.app-header-container{padding-left:2rem;padding-right:2rem}}.app-header-row{display:flex;height:4rem;align-items:center;justify-content:space-between}.app-brand-and-nav{display:flex;min-width:0px;flex:1 1 0%;align-items:center}.app-brand-and-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.app-brand-and-nav{overflow:hidden}@media(min-width:640px){.app-brand-and-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}}@media(min-width:768px){.app-brand-and-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}}.app-brand-link{display:none;flex-shrink:0;align-items:center;gap:.5rem}@media(min-width:768px){.app-brand-link{display:flex}}.app-brand-title{white-space:nowrap;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.app-brand-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.app-header-controls{display:flex;flex-shrink:0;align-items:center}.app-header-controls>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}@media(min-width:640px){.app-header-controls>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}}@media(min-width:768px){.app-header-controls>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}}.app-language-toggle{display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-language-toggle:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.app-language-toggle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.app-language-toggle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.app-language-toggle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.app-language-toggle{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}}.app-language-toggle-label{margin-right:.125rem;font-size:.875rem;line-height:1.25rem}@media(min-width:640px){.app-language-toggle-label{margin-right:.25rem;font-size:1rem;line-height:1.5rem}}.app-theme-toggle{border-radius:.375rem;padding:.375rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.app-theme-toggle:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.app-theme-toggle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.app-theme-toggle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.app-theme-toggle:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:640px){.app-theme-toggle{padding:.5rem}}.app-theme-toggle-icon{height:1rem;width:1rem}@media(min-width:640px){.app-theme-toggle-icon{height:1.25rem;width:1.25rem}}.app-main{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding:.5rem}@media(min-width:640px){.app-main{padding:.25rem}}@media(min-width:1024px){.app-main{padding:1.5rem}}.app-footer{margin-top:auto;width:100%;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.app-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.app-footer-container{margin-left:auto;margin-right:auto;display:flex;max-width:80rem;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.app-footer-container{flex-direction:row}}.app-footer-copy{text-align:center;vertical-align:top}@media(min-width:640px){.app-footer-copy{text-align:left}}.app-footer-copy svg{display:inline-block}.app-footer-links{width:100%;text-align:center}@media(min-width:640px){.app-footer-links{text-align:right}}.app-footer-nav-grid{margin-bottom:.75rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;text-align:left}@media(min-width:640px){.app-footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.app-footer-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-footer-nav-group{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem}.app-footer-nav-group:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.app-footer-nav-title{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.app-footer-nav-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.app-footer-nav-list{margin:0;list-style-type:none}.app-footer-nav-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.app-footer-nav-list{padding:0}.app-footer-link{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-footer-link:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.app-footer-link:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.app-footer-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.layout-nav{display:flex;align-items:center}.layout-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}@media(min-width:640px){.layout-nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}.layout-nav-category{position:relative}.layout-nav-button{white-space:nowrap;border-radius:.375rem;padding:.375rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.layout-nav-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.layout-nav-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.layout-nav-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.layout-nav-button{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}}.layout-nav-button.is-active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.layout-nav-button.is-active:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.layout-nav-button.is-open{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.layout-nav-button.is-open:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.layout-nav-chevron{margin-left:.25rem;display:inline-block;height:.75rem;width:.75rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media(min-width:640px){.layout-nav-chevron{height:1rem;width:1rem}}.layout-nav-overlay{position:fixed;inset:0;z-index:40;background-color:#0003}@media(min-width:768px){.layout-nav-overlay{background-color:transparent}}.layout-nav-menu{position:fixed;z-index:50;width:16rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.layout-nav-menu:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.layout-nav-menu{width:auto;min-width:12rem}}.layout-nav-menu-link{display:block;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.layout-nav-menu-link:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.layout-nav-menu-link:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.layout-nav-menu-link:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.layout-nav-menu-link.is-active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.layout-nav-menu-link.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.layout-nav-more-menu{position:fixed;z-index:50;max-height:70vh;width:20rem;overflow-y:auto;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.5rem;padding-bottom:.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.layout-nav-more-menu:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.layout-nav-more-menu{width:auto;min-width:14rem}}.layout-nav-more-group{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.layout-nav-more-group:last-child{border-bottom-width:0px}.layout-nav-more-group:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.layout-nav-more-group-title{padding:.5rem 1rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.layout-nav-more-group-title:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.home-page{width:100%}@media(min-width:640px){.home-page{max-width:640px}}@media(min-width:768px){.home-page{max-width:768px}}@media(min-width:1024px){.home-page{max-width:1024px}}@media(min-width:1280px){.home-page{max-width:1280px}}@media(min-width:1536px){.home-page{max-width:1536px}}.home-page{margin-left:auto;margin-right:auto;padding:2rem 1rem}.home-page-container{margin-left:auto;margin-right:auto;max-width:72rem}.home-hero{margin-bottom:3rem;text-align:center}.home-hero-title{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.home-hero-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}@media(min-width:768px){.home-hero-title{font-size:3rem;line-height:1}}.home-hero-subtitle{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.home-hero-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.home-hero-description{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.home-hero-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.home-category-section{margin-bottom:3rem}.home-category-title{margin-bottom:1.5rem;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.home-category-title:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.home-tools-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-tool-card{display:block;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.home-tool-card:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.home-tool-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.home-tool-card:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.home-tool-card-row{display:flex;align-items:flex-start;gap:1rem}.home-tool-card-icon{flex-shrink:0;font-size:2.25rem;line-height:2.5rem}.home-tool-card-content{flex:1 1 0%}.home-tool-card-category{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.home-tool-card-category:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.home-tool-card-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.home-tool-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.home-tool-card-description{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.home-tool-card-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.home-features{margin-top:4rem;border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #eef2ff var(--tw-gradient-to-position);padding:2rem}.home-features:is(.dark *){--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.home-features-title{margin-bottom:1.5rem;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.home-features-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.home-features-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.home-features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-feature-item{text-align:center}.home-feature-icon{margin-bottom:.75rem;font-size:2.25rem;line-height:2.5rem}.home-feature-title{margin-bottom:.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.home-feature-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.home-feature-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.home-feature-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.home-cta{margin-top:3rem;text-align:center}.home-cta-text{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.home-cta-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.home-cta-button{display:inline-block;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.home-cta-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.feedback-page{margin-left:auto;margin-right:auto;max-width:56rem}.feedback-header{margin-bottom:2rem}.feedback-title{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.feedback-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.feedback-title{font-size:2.25rem;line-height:2.5rem}}.feedback-subtitle{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.feedback-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.feedback-form-shell{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.feedback-form-shell:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.not-found-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem}.not-found-shell{margin-left:auto;margin-right:auto;max-width:56rem;text-align:center}.not-found-hero{margin-bottom:3rem}.not-found-code-wrap{margin-bottom:1.5rem}.not-found-code{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9333ea var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:700;line-height:1;color:transparent}.not-found-code:is(.dark *){--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}@media(min-width:768px){.not-found-code{font-size:12rem}}.not-found-notes{position:relative;margin-bottom:2rem;height:4rem;overflow:hidden}.not-found-notes-row{position:absolute;inset:0;display:flex}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.not-found-notes-row{animation:bounce 1s infinite;align-items:center;justify-content:center}.not-found-notes-row>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.not-found-note-lg{font-size:2.25rem;line-height:2.5rem}.not-found-note-sm{font-size:1.875rem;line-height:2.25rem}.not-found-title{margin-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.not-found-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.not-found-title{font-size:3rem;line-height:1}}.not-found-description{margin-left:auto;margin-right:auto;margin-bottom:2rem;max-width:42rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.not-found-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.not-found-actions{margin-bottom:3rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}@media(min-width:640px){.not-found-actions{flex-direction:row}}.not-found-action-button{width:100%;padding:.75rem 2rem;font-size:1.125rem;line-height:1.75rem}@media(min-width:640px){.not-found-action-button{width:auto}}.not-found-footer{margin-top:2rem;text-align:center}.not-found-footer-text{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.not-found-footer-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.page-shell{width:100%}@media(min-width:640px){.page-shell{max-width:640px}}@media(min-width:768px){.page-shell{max-width:768px}}@media(min-width:1024px){.page-shell{max-width:1024px}}@media(min-width:1280px){.page-shell{max-width:1280px}}@media(min-width:1536px){.page-shell{max-width:1536px}}.page-shell{margin-left:auto;margin-right:auto}.page-shell>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.page-shell{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}@media(min-width:640px){.page-shell{padding-left:.25rem;padding-right:.25rem}}@media print{.page-shell{padding:0}}.page-hero{text-align:left}@media print{.page-hero--hidden-on-print{display:none}}.page-title{font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.page-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.page-title--compact{margin-bottom:.5rem;font-size:1.875rem;line-height:2.25rem}.page-subtitle{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.page-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.page-row-lg{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}@media(min-width:1024px){.page-row-lg{flex-direction:row;align-items:flex-start}.page-row-lg--align-top{align-items:flex-start}}.page-col{min-width:0px;flex:1 1 0%}.page-field-group{min-width:100%}.page-field-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.page-field-label{display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.page-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.page-segmented-control{display:flex;gap:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem}.page-segmented-control:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.page-segmented-control-item{flex:1 1 0%}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.page-content-card{padding:1.5rem}.fretboard-trainer-setup>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-setup-fields>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-setup-grid{display:grid;-moz-column-gap:1rem;column-gap:1rem;row-gap:1.5rem}@media(min-width:1024px){.fretboard-trainer-setup-grid{grid-template-columns:minmax(220px,250px) minmax(220px,250px) minmax(220px,250px) minmax(180px,220px)}}.fretboard-trainer-setup-panels{display:grid;-moz-column-gap:1rem;column-gap:1rem;row-gap:1.5rem}@media(min-width:1024px){.fretboard-trainer-setup-panels{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:flex-start}}.fretboard-trainer-settings-panel{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.75rem}.fretboard-trainer-settings-panel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a66}.fretboard-trainer-string-options{margin-top:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.fretboard-trainer-toolbar-primary{margin-left:auto}.fretboard-trainer-finished>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-finished-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-finished-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.fretboard-trainer-finished-description:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.fretboard-trainer-active>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-session-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.fretboard-trainer-session-heading{min-width:0px}.fretboard-trainer-session-progress{font-size:.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.fretboard-trainer-session-progress:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.fretboard-trainer-session-title{margin-top:.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.fretboard-trainer-session-title:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.fretboard-trainer-stats-grid{display:grid;gap:.75rem}@media(min-width:640px){.fretboard-trainer-stats-grid--finished{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.fretboard-trainer-stats-grid--finished{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:640px){.fretboard-trainer-stats-grid--active{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.fretboard-trainer-stats-grid--active{grid-template-columns:repeat(4,minmax(0,1fr))}}.fretboard-trainer-stat-card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem}.fretboard-trainer-stat-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a80}.fretboard-trainer-stat-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.fretboard-trainer-stat-label:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.fretboard-trainer-stat-value{margin-top:.25rem;font-size:1.5rem;line-height:2rem;font-weight:600}.fretboard-trainer-prompt{border-radius:1.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:1rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}.fretboard-trainer-prompt:is(.dark *){border-color:#b4530980;background-color:#451a034d;--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.fretboard-trainer-detail-chips{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.fretboard-trainer-detail-chips:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.fretboard-trainer-detail-chip{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.25rem .75rem}.fretboard-trainer-detail-chip:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.fretboard-trainer-task-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.fretboard-trainer-diagram-center{display:flex;justify-content:center}.fretboard-trainer-diagram-grid{display:grid;width:-moz-fit-content;width:fit-content;max-width:100%;gap:1rem}.fretboard-trainer-diagram-grid.is-stacked{justify-items:center}@media(min-width:1024px){.fretboard-trainer-diagram-grid.is-inline{grid-template-columns:auto auto auto;align-items:center}}.fretboard-trainer-diagram-single{width:-moz-fit-content;width:fit-content;max-width:100%}.fretboard-trainer-diagram-arrow{justify-content:center}.fretboard-trainer-diagram-arrow--mobile{display:flex}@media(min-width:1024px){.fretboard-trainer-diagram-arrow--mobile.is-inline{display:none}}.fretboard-trainer-diagram-arrow--desktop{display:none}@media(min-width:1024px){.fretboard-trainer-diagram-arrow--desktop{display:flex}}.fretboard-trainer-arrow-badge{display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.fretboard-trainer-arrow-badge:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.fretboard-trainer-arrow-icon{height:1.25rem;width:1.25rem;--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.fretboard-trainer-actions{display:flex;flex-wrap:wrap;gap:.75rem}.fretboard-trainer-actions-primary{margin-left:auto}.fretboard-trainer-result{border-radius:1.5rem;border-width:1px;padding:1rem;font-size:.875rem;line-height:1.5rem}.fretboard-trainer-result.is-correct{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(2 44 34 / var(--tw-text-opacity, 1))}.fretboard-trainer-result.is-correct:is(.dark *){border-color:#04785780;background-color:#022c224d;--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.fretboard-trainer-result.is-incorrect{--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(76 5 25 / var(--tw-text-opacity, 1))}.fretboard-trainer-result.is-incorrect:is(.dark *){border-color:#be123c80;background-color:#4c05194d;--tw-text-opacity: 1;color:rgb(255 228 230 / var(--tw-text-opacity, 1))}.fretboard-trainer-result-title{font-weight:600}.fretboard-trainer-result-row--first{margin-top:.5rem}.page-summary-row{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.page-summary-row{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-summary-content{min-width:0px}.page-summary-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.page-summary-actions{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.page-summary-actions{justify-content:flex-end;align-self:flex-start}}.page-section-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.page-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.token-list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.token-chip{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.token-chip--info{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.token-chip--info:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.icon-button-square{height:2.25rem;width:2.25rem;padding:0}.fretboard-explorer-interval-label{margin-right:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.fretboard-explorer-interval-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.fretboard-explorer-interval-chip{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.fretboard-explorer-interval-chip.is-tone{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.fretboard-explorer-interval-chip.is-tone:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.fretboard-explorer-interval-chip.is-semitone{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.fretboard-explorer-interval-chip.is-semitone:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.fretboard-explorer-toast{position:fixed;right:1rem;top:1rem;z-index:50}.fretboard-explorer-toast{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fretboard-practice-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background-color:#f3f4f6f2;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.fretboard-practice-overlay:is(.dark *){background-color:#030712f2;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard-practice-overlay{margin:0!important;width:100vw;height:100vh;height:100dvh;overscroll-behavior:none}.fretboard-practice-toolbar{border-bottom-width:1px;border-color:#d1d5dbcc;background-color:#fffc;padding:.75rem 1rem;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.fretboard-practice-toolbar:is(.dark *){border-color:#fff3;background-color:#0006}.fretboard-practice-toolbar-row{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.fretboard-practice-title{font-size:1.25rem;line-height:1.75rem;font-weight:600}.fretboard-practice-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.fretboard-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.fretboard-practice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fretboard-practice-group{border-radius:.5rem;border-width:1px;border-color:#d1d5dbcc;background-color:#ffffffb3;padding:.75rem}.fretboard-practice-group:is(.dark *){border-color:#fff3;background-color:#ffffff1a}.fretboard-practice-group-inactive{opacity:.55}.fretboard-practice-group-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fretboard-practice-header-left{display:flex;align-items:center;gap:.5rem}.fretboard-practice-group-header .fretboard-practice-group-label{margin-bottom:0}.fretboard-practice-settings-btn{height:1.75rem!important;min-height:0px!important;padding-left:.5rem!important;padding-right:.5rem!important;font-size:.75rem!important;line-height:1rem!important}.fretboard-practice-toggle{height:1rem;width:1rem;cursor:pointer;accent-color:#2563eb}.fretboard-practice-group-action{display:flex;align-items:center;justify-content:center}.fretboard-practice-group-action .ui-btn{min-width:220px}.fretboard-practice-group-label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.fretboard-practice-group-label:is(.dark *){color:#fffc}.fretboard-practice-inline{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem;line-height:1.25rem}.fretboard-practice-inline-compact{min-width:0px;gap:.375rem}.fretboard-practice-drone-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.fretboard-practice-drone-settings{margin-top:.5rem}.fretboard-practice-drone-settings>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.fretboard-practice-drone-select{height:2.25rem!important;width:100%!important;--tw-border-opacity: 1 !important;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity, 1))!important}.fretboard-practice-drone-select:is(.dark *){border-color:#ffffff4d!important;background-color:#0003!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.fretboard-practice-drone-settings .ui-select-field{width:100%;min-width:0px}.fretboard-practice-drone-gain>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.fretboard-practice-drone-gain-label{display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.fretboard-practice-drone-gain-label:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.fretboard-practice-drone-range{width:100%}.fretboard-practice-stepper{display:flex;align-items:center;gap:.5rem}.fretboard-practice-stepper-btn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-practice-stepper-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.fretboard-practice-stepper-btn:is(.dark *){border-color:#ffffff4d;background-color:#0000004d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard-practice-stepper-btn:hover:is(.dark *){background-color:#00000073}.fretboard-practice-stepper-value{min-width:86px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.fretboard-practice-stepper-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard-practice-tempo-input{height:2.5rem;width:88px;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.fretboard-practice-tempo-input:is(.dark *){border-color:#ffffff4d;background-color:#0003;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard-practice-select-wrap{width:86px;min-width:0px;flex-shrink:0}@media(min-width:640px){.fretboard-practice-select-wrap{width:110px}}.fretboard-practice-select-wrap .ui-select-field{width:100%;min-width:0px}.fretboard-practice-select{height:2.25rem!important;width:100%!important;--tw-border-opacity: 1 !important;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important;--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity, 1))!important}.fretboard-practice-select:is(.dark *){border-color:#ffffff4d!important;background-color:#0003!important;--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.fretboard-practice-stepper-compact{min-width:0px;gap:.375rem}.fretboard-practice-stepper-compact .fretboard-practice-stepper-btn{height:2.25rem;width:2.25rem}@media(min-width:640px){.fretboard-practice-stepper-compact .fretboard-practice-stepper-btn{height:2.5rem;width:2.5rem}}.fretboard-practice-stepper-compact .fretboard-practice-tempo-input{width:66px;font-size:1rem;line-height:1.5rem}@media(min-width:640px){.fretboard-practice-stepper-compact .fretboard-practice-tempo-input{width:88px;font-size:1.125rem;line-height:1.75rem}}.fretboard-practice-metronome-settings{margin-top:.5rem}.fretboard-practice-metronome-settings>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.fretboard-practice-metronome-sound-row{display:flex;align-items:center;gap:.5rem}.fretboard-practice-metronome-select-wrap,.fretboard-practice-metronome-select-wrap .ui-select-field{width:100%;min-width:0px}.fretboard-practice-diagram-shell{display:flex;flex:1 1 0%;align-items:center;justify-content:center;overflow:auto;padding:1rem}.fretboard-practice-diagram-shell .fretboard-explorer-root{width:100%;max-width:1600px}.chord-generator-hero{position:relative}.chord-generator-subtitle{margin-top:.5rem}.chord-generator-params-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.chord-generator-params-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chord-generator-select-field{max-width:20rem}.chord-generator-select-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.chord-generator-select{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-generator-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.chord-generator-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-generator-toolbar-wrap{margin-top:1rem}@media(min-width:768px){.chord-generator-toolbar-wrap{grid-column:span 3 / span 3}}.chord-generator-current-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.chord-generator-play-button{min-width:80px}.chord-generator-badge-row{display:flex}.chord-generator-badge-row>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.chord-generator-badge-row--spacious{margin-bottom:.75rem}.chord-generator-details-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.25rem}@media(min-width:768px){.chord-generator-details-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chord-generator-detail-title{margin-bottom:.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-generator-detail-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.page-tabs-section{margin-top:1.5rem}.page-tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.page-tabs-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.page-tabs-list{display:flex}.page-tab-button{border-bottom-width:2px;border-color:transparent;padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.page-tab-button:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.page-tab-button:focus{outline:2px solid transparent;outline-offset:2px}.page-tab-button:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.page-tab-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.page-tab-button.is-active:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.page-tabs-action-button{margin-bottom:.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.page-tabs-action-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.page-tabs-action-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.page-tabs-action-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.page-tabs-feedback{margin-top:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.page-tabs-feedback:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.chord-generator-fingerings-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.chord-generator-collections-message{font-size:.75rem;line-height:1rem}.chord-generator-collections-message.is-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.chord-generator-collections-message.is-success:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.chord-generator-collections-message.is-error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.chord-generator-collections-message.is-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.note-selector-layout-inline{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.note-selector-layout-inline{flex-direction:row;align-items:flex-end}}.note-selector-main-field{min-width:0px;flex:1 1 0%}.note-selector-main-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.note-selector-label{display:block;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-selector-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-selector-optional{margin-left:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.note-selector-optional:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.note-selector-helper{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.note-selector-helper:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.note-selector-note-buttons{display:flex;gap:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem}.note-selector-note-buttons:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.note-selector-note-button{flex:1 1 0%;border-radius:.375rem;padding:.5rem .375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-selector-note-button.is-selected{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-selector-note-button.is-default{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-selector-note-button.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.note-selector-note-button.is-default:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-selector-note-button.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.note-selector-accidental-block>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.note-selector-inline-accidental-wrap{min-width:120px}.note-selector-accidental-buttons{display:flex;max-width:7rem;gap:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem}.note-selector-accidental-buttons:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.note-selector-accidental-button{min-width:0px;flex:1 1 0%;border-radius:.375rem;padding:.5rem .375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-selector-accidental-button.is-selected{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-selector-accidental-button.is-default{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-selector-accidental-button.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.note-selector-accidental-button.is-default:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-selector-accidental-button.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.note-selector-accidental-button.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));opacity:.3}.note-selector-accidental-button.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.note-selector-compact-root{min-width:100%}.note-selector-compact-root>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.note-selector-compact-buttons{display:flex;gap:.125rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.125rem}.note-selector-compact-buttons:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.note-selector-compact-item{position:relative;min-width:0px;flex:1 1 0%}.note-selector-compact-main-button{width:100%;border-radius:.375rem;padding:.5rem .375rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-selector-compact-main-button.is-selected{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-selector-compact-main-button.is-default{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-selector-compact-main-button.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.note-selector-compact-main-button.is-default:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-selector-compact-main-button.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.note-selector-compact-clear-mark{margin-left:.25rem;font-size:10px;opacity:.75}.note-selector-compact-overlay{pointer-events:none;position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-selector-compact-overlay.is-visible{opacity:1}.note-selector-compact-overlay.is-hidden{opacity:0}.note-selector-compact-popover{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:#fffffff2;padding:.375rem .5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-selector-compact-popover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#111827f2}.note-selector-compact-popover.is-interactive{pointer-events:auto}.note-selector-compact-popover.is-inert{pointer-events:none}.note-selector-compact-popover-grid{position:relative;height:3rem;width:3.5rem}.note-selector-compact-popover-top{position:absolute;left:50%;top:0;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.note-selector-compact-popover-left{position:absolute;bottom:0;left:0}.note-selector-compact-popover-right{position:absolute;bottom:0;right:0}.note-selector-compact-accidental-button{display:inline-flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-selector-compact-accidental-button.is-selected{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.note-selector-compact-accidental-button.is-default{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-selector-compact-accidental-button.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.note-selector-compact-accidental-button.is-default:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.note-selector-compact-accidental-button.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.note-selector-compact-accidental-button.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));opacity:.35}.note-selector-compact-accidental-button.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-voicing-save-button.is-saved{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button.is-saved:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.chord-voicing-save-button.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chord-voicing-collections-modal-voicing-wrap{margin-bottom:.75rem}.chord-voicing-collections-modal-voicing-name{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-voicing-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-item{display:flex;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.5rem .75rem}.chord-voicing-collections-modal-item:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.chord-voicing-collections-modal-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.chord-voicing-collections-modal-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.chord-voicing-collections-modal-item-name{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-item-name:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-create-trigger{margin-top:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-create-trigger:hover{text-decoration-line:underline}.chord-voicing-collections-modal-create-trigger:is(.dark *){--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.chord-voicing-collections-modal-create-form{margin-top:1rem}.chord-voicing-collections-modal-create-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.chord-voicing-collections-modal-create-form{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.chord-voicing-collections-modal-create-form:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.chord-voicing-collections-modal-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.chord-voicing-collections-modal-footer{margin-top:1.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.chord-collections-modal-item-card{padding:.5rem}.chord-collections-modal-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chord-collections-modal-item-title{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-collections-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-collections-modal-delete-button{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.chord-collections-modal-delete-button:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.chord-collections-modal-delete-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.chord-collections-modal-delete-button:hover:is(.dark *){background-color:#7f1d1d4d}.chord-collections-modal-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.chord-collections-modal-details-title-wrap{flex:1 1 0%;text-align:right}.chord-collections-modal-empty-card{padding:.5rem}.chord-collections-modal-empty-title{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-collections-modal-empty-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-collections-modal-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:1024px){.chord-collections-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chord-collections-modal-voicing-card{padding:.5rem}.chord-collections-modal-voicing-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chord-collections-modal-voicing-head-main{min-width:0px}.chord-collections-modal-voicing-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-collections-modal-voicing-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-collections-modal-voicing-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-collections-modal-voicing-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-collections-modal-voicing-remove{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.chord-collections-modal-voicing-remove:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.chord-mode-selector-label{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-mode-selector-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-mode-selector-options{display:flex;flex-wrap:wrap;gap:.5rem}.chord-mode-selector-option{white-space:nowrap;border-radius:.25rem;border-width:1px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-mode-selector-option.is-selected{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-mode-selector-option.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-mode-selector-option.is-default:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.chord-mode-selector-option.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-mode-selector-option.is-default:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.chord-mode-selector-option.is-disabled{cursor:not-allowed;opacity:.5}.chord-mode-selector-option.is-disabled:hover{background-color:inherit}.chord-mode-selector-option.is-disabled:hover:is(.dark *){background-color:inherit}.chord-fingerings-controls-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-fingerings-controls-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-fingerings-controls-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.chord-fingerings-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chord-fingerings-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-fingerings-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-fingerings-group-title{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-fingerings-group-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-fingerings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.chord-fingerings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.chord-fingerings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chord-fingerings-derivatives-toggle{margin-top:.75rem;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-top:.375rem;padding-bottom:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-fingerings-derivatives-toggle:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.chord-fingerings-derivatives-toggle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-fingerings-derivatives-toggle:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.chord-fingerings-card{padding:.5rem}.chord-fingerings-card-head{margin-bottom:.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.chord-fingerings-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chord-arpeggios-header-row{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.chord-arpeggios-params-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-arpeggios-params-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-arpeggios-params-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.chord-arpeggios-params-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chord-arpeggios-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.chord-arpeggios-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chord-arpeggios-grid--full-neck{grid-template-columns:repeat(1,minmax(0,1fr))}}.chord-arpeggios-card{display:flex;flex-direction:column;align-items:center;padding:1rem}.chord-arpeggios-card--full-neck{width:100%}.chord-arpeggios-card-head{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}.chord-arpeggios-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chord-arpeggios-badge-icon{display:inline-flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-arpeggios-badge-icon:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.chord-arpeggios-badge-icon.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-success{border-color:#10b98166;background-color:#10b98126;--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-success:is(.dark *){border-color:#34d39966;background-color:#34d39926;--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-warning{border-color:#f59e0b73;background-color:#f59e0b26;--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-warning:is(.dark *){border-color:#fbbf2473;background-color:#fbbf2426;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-info{border-color:#0ea5e973;background-color:#0ea5e926;--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon.is-info:is(.dark *){border-color:#38bdf873;background-color:#38bdf826;--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.chord-arpeggios-badge-icon-svg{height:1rem;width:1rem}.chord-arpeggios-warning{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.chord-arpeggios-warning:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#451a034d;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.chord-arpeggios-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-arpeggios-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-arpeggios-card-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-arpeggios-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-scales-empty-wrap{padding-top:2rem;padding-bottom:2rem;text-align:center}.chord-scales-empty-text{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-scales-empty-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-scales-root>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.chord-scales-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-scales-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-scales-card{padding:1.5rem}.chord-scales-card-content{display:flex;flex-direction:column;align-items:center}.chord-scales-card-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.chord-scales-head{text-align:center}.chord-scales-head-row{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.chord-scales-tooltip-wrap{position:relative}.chord-scales-tooltip-trigger{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));font-size:11px;font-weight:600;line-height:1;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-trigger:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-content{pointer-events:none;position:absolute;left:50%;top:100%;z-index:20;margin-top:.5rem;width:18rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem;text-align:left;opacity:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-scales-tooltip-content:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.chord-scales-tooltip-wrap:hover .chord-scales-tooltip-content,.chord-scales-tooltip-wrap:focus-within .chord-scales-tooltip-content{opacity:1}.chord-scales-tooltip-title{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-summary{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-summary:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-list{margin-top:.5rem;list-style-type:disc}.chord-scales-tooltip-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.chord-scales-tooltip-list{padding-left:1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-scales-tooltip-list:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-scales-notes{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-scales-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.fretboard-diagram-note-shape{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-diagram-note-shape:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-diagram-note-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fretboard-diagram-fret-label,.fretboard-diagram-string-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.fretboard-diagram-play-button{min-width:80px}.fretboard-caged-scroll{overflow-x:auto}.fretboard-caged-center{display:flex;min-width:-moz-max-content;min-width:max-content;justify-content:center}.fretboard-caged-svg{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.fretboard-caged-svg:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.fretboard-caged-clickable-group{cursor:pointer}.fretboard-caged-note-shape-strong{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-caged-note-shape-soft{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-caged-scale-note-shape,.fretboard-caged-note-shape-strong.is-clickable,.fretboard-caged-note-shape-soft.is-clickable,.fretboard-caged-scale-note-shape.is-clickable{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-caged-note-shape-strong.is-clickable:hover,.fretboard-caged-note-shape-soft.is-clickable:hover,.fretboard-caged-scale-note-shape.is-clickable:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-caged-axis-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;fill:#4b5563}.fretboard-caged-axis-label:is(.dark *){fill:#9ca3af}.fretboard-caged-marker-fill{fill:#374151}.fretboard-caged-marker-fill:is(.dark *){fill:#9ca3af}.fretboard-caged-nut-stroke{stroke:#374151}.fretboard-caged-nut-stroke:is(.dark *){stroke:#d1d5db}.fretboard-chord-identifier-root{display:flex;flex-direction:column;align-items:center}.fretboard-chord-identifier-root>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.fretboard-chord-identifier-scroll{width:100%;overflow-x:auto}.fretboard-chord-identifier-center{display:flex;min-width:-moz-fit-content;min-width:fit-content;justify-content:center}.fretboard-chord-identifier-svg{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.fretboard-chord-identifier-svg:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.fretboard-chord-identifier-ghost-group{pointer-events:none}.fretboard-chord-identifier-note-shape{cursor:pointer;--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-chord-identifier-note-shape:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-chord-identifier-hit-area{cursor:pointer}.fretboard-chord-identifier-hint-dot{pointer-events:none;opacity:.2}.fretboard-chord-identifier-hint{text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.fretboard-chord-identifier-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.fretboard-chord-identifier-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.preset-controls-compact{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.preset-btn-compact{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.preset-btn-compact:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.preset-btn-compact:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.preset-btn-compact:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.preset-btn-compact:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.preset-btn-compact.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.preset-btn-compact.is-active:hover{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.preset-btn-compact.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.preset-btn-compact.is-active:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.fine-tune-controls{display:flex;flex-direction:column;gap:.5rem}.fine-tune-row{display:flex;align-items:center;justify-content:center;gap:.5rem}.fine-tune-label{width:2rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.fine-tune-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.control-btn-small{height:2rem;width:2rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.control-btn-small:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.control-btn-small:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.control-btn-small:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.control-btn-small:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.control-value-medium{min-width:2.5rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.control-value-medium:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.fretboard-explorer-root{display:flex;flex-direction:column;align-items:center}.fretboard-explorer-root>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.fretboard-explorer-scroll{width:100%;overflow-x:auto}.fretboard-explorer-center{display:flex;min-width:-moz-fit-content;min-width:fit-content;justify-content:center}@media print{.fretboard-explorer-center{width:100%;min-width:0px}}.fretboard-explorer-svg{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.fretboard-explorer-svg:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media print{.fretboard-explorer-svg{height:auto;width:100%;max-width:100%}}.fretboard-explorer-note-shape{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-explorer-note-shape:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.fretboard-explorer-note-shape.is-clickable{cursor:pointer}.fretboard-explorer-note-shape.is-clickable:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-explorer-note-shape.is-static{cursor:default}.fretboard-explorer-note-shape.is-root{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-explorer-note-shape.is-note{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.fretboard-explorer-download-row{display:flex;width:100%;justify-content:center}.fretboard-explorer-download-button{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-explorer-download-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.fretboard-explorer-download-button:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.fretboard-explorer-download-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.fretboard-explorer-info>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.fretboard-explorer-info{text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.fretboard-explorer-info:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.fretboard-explorer-info-label{font-weight:500}.fretboard-scale-diagram-root{display:flex;width:100%;flex-direction:column;align-items:center}.fretboard-scale-diagram-scroll{width:100%;overflow-x:auto}.fretboard-scale-diagram-center-wrap{display:flex;min-width:-moz-fit-content;min-width:fit-content;justify-content:center}.fretboard-scale-diagram-svg{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.fretboard-scale-diagram-svg:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.fretboard-scale-diagram-actions{margin-top:.5rem;display:flex;gap:.5rem}.fretboard-chord-diagram-root{display:flex;width:100%;flex-direction:column;align-items:center}.fretboard-chord-diagram-scroll{width:100%;overflow-x:auto}.fretboard-chord-diagram-center-wrap{display:flex;min-width:-moz-fit-content;min-width:fit-content;justify-content:center}.fretboard-chord-diagram-svg{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.fretboard-chord-diagram-svg:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.fretboard-chord-diagram-actions{margin-top:.5rem;display:flex;gap:.5rem}.fretboard-chord-diagram-download-button{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.fretboard-chord-diagram-download-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.fretboard-chord-diagram-download-button:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.fretboard-chord-diagram-download-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.caged-explorer-root-selector{width:100%;min-width:0px;max-width:28rem}.caged-explorer-mode-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.caged-explorer-segment-button{flex:1 1 0%;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.caged-explorer-segment-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.caged-explorer-segment-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.caged-explorer-segment-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.caged-explorer-segment-button.is-active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.caged-explorer-highlight-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:1024px){.caged-explorer-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.caged-explorer-pill-list{display:flex;flex-wrap:wrap;gap:.5rem}.caged-explorer-pill-button{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.caged-explorer-pill-button:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.caged-explorer-pill-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.caged-explorer-pill-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.caged-explorer-pill-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.caged-explorer-highlight-hint{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.caged-explorer-highlight-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media(min-width:1024px){.caged-explorer-highlight-hint{grid-column:span 2 / span 2}}.caged-explorer-diagram-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.caged-explorer-diagram-actions{display:flex;align-items:center;gap:.75rem}.caged-explorer-position-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.caged-explorer-position-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.caged-explorer-position-select-wrap{width:124px;min-width:124px;flex-shrink:0}.caged-explorer-share-button{flex-shrink:0}.chord-identifier-header-row{display:flex;align-items:center;justify-content:space-between}.chord-identifier-clear-button{display:inline-flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-identifier-clear-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.chord-identifier-clear-button:disabled{cursor:not-allowed;opacity:.5}.chord-identifier-clear-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-identifier-clear-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.chord-identifier-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem}.chord-identifier-toolbar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.chord-identifier-accidental-toggle{display:flex;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.chord-identifier-accidental-toggle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-identifier-accidental-button{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-identifier-accidental-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.chord-identifier-accidental-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-identifier-accidental-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chord-identifier-accidental-button.is-active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-identifier-accidental-button.is-active:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.chord-identifier-accidental-button--with-divider{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.chord-identifier-accidental-button--with-divider:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-identifier-shift-actions{margin-left:auto;display:flex;gap:.5rem}.chord-identifier-play-actions{display:flex;gap:.5rem}.chord-identifier-button-label--tight{gap:.25rem}.chord-identifier-primary-card{border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:1rem}.chord-identifier-primary-card:is(.dark *){background-color:#1e3a8a33}.chord-identifier-primary-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem}.chord-identifier-primary-name{font-size:2.25rem;line-height:2.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chord-identifier-primary-name:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.chord-identifier-primary-quality{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-identifier-primary-quality:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-identifier-primary-alt-name{margin-top:.25rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1));opacity:.7}.chord-identifier-primary-alt-name:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown{margin-top:1rem;overflow-x:auto;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));padding-top:1rem}.chord-identifier-breakdown:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.chord-identifier-breakdown-title{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-identifier-extra-notes{margin-bottom:.75rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:.5rem}.chord-identifier-extra-notes:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#78350f33}.chord-identifier-extra-notes-title{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.chord-identifier-extra-notes-title:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.chord-identifier-extra-notes-list{display:flex;flex-wrap:wrap;gap:.5rem}.chord-identifier-extra-note-chip{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.chord-identifier-extra-note-chip:is(.dark *){background-color:#78350f66}.chord-identifier-extra-note-name{font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-identifier-extra-note-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-identifier-extra-note-degree{margin-left:.25rem;--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.chord-identifier-extra-note-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-grid{display:grid;min-width:640px;grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem}.chord-identifier-breakdown-column{display:flex;flex-direction:column}.chord-identifier-breakdown-cell{display:flex;height:5rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:2px}.chord-identifier-breakdown-cell.is-empty{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));opacity:.5}.chord-identifier-breakdown-cell.is-empty:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-bass{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-bass:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));background-color:#14532d4d}.chord-identifier-breakdown-cell.is-root{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-root:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));background-color:#7c2d124d}.chord-identifier-breakdown-cell.is-third{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-third:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));background-color:#1e3a8a4d}.chord-identifier-breakdown-cell.is-fifth{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-fifth:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1));background-color:#164e634d}.chord-identifier-breakdown-cell.is-sixth{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-sixth:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1));background-color:#7f1d1d4d}.chord-identifier-breakdown-cell.is-ninth{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-ninth:is(.dark *){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1));background-color:#581c874d}.chord-identifier-breakdown-cell.is-eleventh{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-eleventh:is(.dark *){--tw-border-opacity: 1;border-color:rgb(190 24 93 / var(--tw-border-opacity, 1));background-color:#8318434d}.chord-identifier-breakdown-cell.is-thirteenth{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.chord-identifier-breakdown-cell.is-thirteenth:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1));background-color:#713f124d}.chord-identifier-breakdown-note-wrap{text-align:center}.chord-identifier-breakdown-note{font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-note:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-degree{font-size:.75rem;line-height:1rem;font-weight:500}.chord-identifier-breakdown-cell.is-bass .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-bass .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-root .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-root .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-third .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-third .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-fifth .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-fifth .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-sixth .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-sixth .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-ninth .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-ninth .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-eleventh .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-eleventh .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-thirteenth .chord-identifier-breakdown-degree{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-cell.is-thirteenth .chord-identifier-breakdown-degree:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-empty{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-label{margin-top:.25rem;text-align:center;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-identifier-breakdown-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-identifier-alternatives-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.chord-identifier-alternatives-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-identifier-alternatives-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.chord-identifier-alternatives-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.chord-identifier-alternatives-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.chord-identifier-alternative-card{cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-identifier-alternative-card:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.chord-identifier-alternative-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.chord-identifier-alternative-card:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.chord-identifier-alternative-card.is-selected{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.chord-identifier-alternative-card.is-selected:is(.dark *){background-color:#1e3a8a4d}.chord-identifier-alternative-alt-name{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));opacity:.7}.chord-identifier-alternative-alt-name:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-identifier-no-match{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-identifier-no-match:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-identifier-hint-card{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.chord-identifier-hint-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.chord-identifier-hint-row{display:flex;align-items:flex-start;gap:.75rem}.chord-identifier-hint-icon{margin-top:.125rem;height:1.5rem;width:1.5rem;flex-shrink:0;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.chord-identifier-hint-title{margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-identifier-hint-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-identifier-hint-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-identifier-hint-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-identifier-header-row{display:flex;align-items:center;justify-content:space-between}.scale-identifier-clear-button{display:inline-flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-identifier-clear-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.scale-identifier-clear-button:disabled{cursor:not-allowed;opacity:.5}.scale-identifier-clear-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.scale-identifier-clear-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.scale-identifier-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem}.scale-identifier-toolbar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.scale-identifier-accidental-toggle{display:flex;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.scale-identifier-accidental-toggle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.scale-identifier-accidental-button{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-identifier-accidental-button:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.scale-identifier-accidental-button:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.scale-identifier-accidental-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.scale-identifier-accidental-button.is-active{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.scale-identifier-accidental-button.is-active:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.scale-identifier-accidental-button--with-divider{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.scale-identifier-accidental-button--with-divider:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.scale-identifier-shift-actions{margin-left:auto;display:flex;gap:.5rem}.scale-identifier-button-label--tight{gap:.25rem}.scale-identifier-results-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.scale-identifier-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.scale-identifier-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.scale-identifier-result-card{cursor:pointer;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-identifier-result-card:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.scale-identifier-result-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.scale-identifier-result-card:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.scale-identifier-result-card.is-selected{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.scale-identifier-result-card.is-selected:is(.dark *){background-color:#1e3a8a4d}.scale-identifier-result-notes{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.scale-identifier-result-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-identifier-no-match{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-identifier-no-match:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-identifier-hint-card{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.scale-identifier-hint-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.scale-identifier-hint-row{display:flex;align-items:flex-start;gap:.75rem}.scale-identifier-hint-icon{margin-top:.125rem;height:1.5rem;width:1.5rem;flex-shrink:0;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.scale-identifier-hint-title{margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.scale-identifier-hint-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.scale-identifier-hint-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.scale-identifier-hint-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-selector-config-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.string-selector-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.string-selector-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.string-selector-field--wide{grid-column:span 2 / span 2}}.string-selector-field-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.string-selector-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.string-selector-select{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-selector-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-selector-custom-banner{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.75rem}.string-selector-custom-banner:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.string-selector-custom-banner-icon{height:1.25rem;width:1.25rem;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.string-selector-custom-banner-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-selector-custom-banner-label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-selector-results-header{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.string-selector-results-actions{display:flex;align-items:center;gap:.75rem}.string-selector-share-button{display:flex;align-items:center;gap:.25rem}.string-selector-share-button-text{display:none}@media(min-width:640px){.string-selector-share-button-text{display:inline}}.string-selector-help-card{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.string-selector-help-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.string-selector-help-row{display:flex;align-items:flex-start;gap:.75rem}.string-selector-help-icon{margin-top:.125rem;height:1.5rem;width:1.5rem;flex-shrink:0;--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.string-selector-help-title{margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.string-selector-help-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.string-selector-help-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.string-selector-help-list{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.string-selector-help-list:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.string-selector-share-toast{position:fixed;right:1rem;top:1rem;z-index:50;border-radius:.5rem;padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.string-selector-share-toast.is-success{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.string-selector-share-toast.is-error{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.random-key-selector-level-label{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.random-key-selector-level-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.random-key-selector-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.random-key-selector-level-card{min-width:0px;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.random-key-selector-level-card:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.random-key-selector-level-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.random-key-selector-level-card.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.random-key-selector-level-card.is-active:is(.dark *){background-color:#1e3a8a4d}.random-key-selector-level-card-row{display:flex;align-items:flex-start;gap:.5rem}.random-key-selector-level-card-title{overflow-wrap:break-word;font-size:.75rem;line-height:1rem;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.random-key-selector-level-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:640px){.random-key-selector-level-card-title{font-size:.875rem;line-height:1.25rem}}.random-key-selector-level-card-info{display:inline-flex;height:1rem;width:1rem;flex-shrink:0;cursor:help;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));font-size:10px;line-height:1;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.random-key-selector-level-card-info:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.random-key-selector-generate-button{width:100%;padding-top:1rem;padding-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}.random-key-selector-current-key{font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.random-key-selector-current-key:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.random-key-selector-current-key{font-size:2.25rem;line-height:2.5rem}}.random-key-selector-links{display:flex;flex-wrap:wrap;gap:.75rem}.random-key-selector-link{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.random-key-selector-link:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.random-key-selector-link:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.random-key-selector-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.random-key-selector-link--disabled{cursor:default;border-style:dashed;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.random-key-selector-link--disabled:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.random-key-selector-link--disabled:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.random-key-selector-link--disabled:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.random-key-selector-empty-text{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.random-key-selector-empty-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.random-key-selector-history-grid{display:grid;gap:.5rem}.random-key-selector-history-item{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem;text-align:left;font-size:.75rem;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.random-key-selector-history-item:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.random-key-selector-history-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.random-key-selector-history-item:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}@media(min-width:640px){.random-key-selector-history-item{font-size:.875rem;line-height:1.25rem}}.songwriting-page{max-width:72rem}.songwriting-hero{max-width:48rem}.songwriting-kicker{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.songwriting-kicker:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.songwriting-tool-grid{display:grid;gap:1rem}@media(min-width:768px){.songwriting-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.songwriting-tool-link{display:block;color:inherit;text-decoration-line:none}.songwriting-tool-card{display:flex;min-height:11rem;flex-direction:column;justify-content:space-between;gap:1rem}.songwriting-tool-description{margin-top:.5rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.songwriting-tool-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.songwriting-tool-cta{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.songwriting-tool-cta:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.songwriting-result-card{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.songwriting-result{max-width:100%;overflow-wrap:break-word;padding-top:1rem;padding-bottom:1rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase;line-height:1.25;--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))}.songwriting-result:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:640px){.songwriting-result{font-size:3rem;line-height:1}}.songwriting-actions{display:flex;width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:.5rem}@media(min-width:640px){.songwriting-actions{width:auto;flex-direction:row;align-items:center}}.songwriting-shortcut-hint,.songwriting-muted,.songwriting-result-meta{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.songwriting-shortcut-hint:is(.dark *),.songwriting-muted:is(.dark *),.songwriting-result-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.songwriting-controls-grid{display:grid;gap:1rem}@media(min-width:1024px){.songwriting-controls-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.songwriting-control-stack>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.songwriting-side-stack>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.songwriting-range-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.songwriting-range-value{flex-shrink:0;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.songwriting-range-value:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.songwriting-range-pair{display:grid;gap:.75rem}.songwriting-range-pair input,.songwriting-single-range{width:100%;accent-color:#2563eb}.songwriting-chip-list{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.songwriting-chip{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.songwriting-chip:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.songwriting-chip:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.songwriting-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.songwriting-chip:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.songwriting-chip.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.songwriting-chip.is-active:is(.dark *){background-color:#17255466;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.songwriting-favorite-list{margin-top:.75rem}.songwriting-favorite-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.songwriting-favorite-item{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}.songwriting-favorite-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.songwriting-favorite-text{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;padding:.25rem .5rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.songwriting-favorite-text:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.songwriting-favorite-text:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.songwriting-favorite-text:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.songwriting-favorite-text:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.songwriting-favorite-remove{flex-shrink:0;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.songwriting-favorite-remove:hover{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.songwriting-favorite-remove:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.songwriting-favorite-remove:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.songwriting-favorite-remove:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.songwriting-help-block{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1.25rem}.songwriting-help-block:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.songwriting-help-title{font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.songwriting-help-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.songwriting-help-list{margin-top:.75rem}.songwriting-help-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.songwriting-help-item{font-size:.875rem;line-height:1.5rem}.songwriting-help-item dt{font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.songwriting-help-item dt:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.songwriting-help-item dd{margin-top:.125rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.songwriting-help-item dd:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.songwriting-segmented{margin-top:.5rem;display:grid;gap:.5rem}@media(min-width:640px){.songwriting-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}}.songwriting-segment{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.songwriting-segment:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.songwriting-segment:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.songwriting-segment:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.songwriting-segment:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.songwriting-segment.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.songwriting-segment.is-active:is(.dark *){background-color:#17255466;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.circle-diagram-builder-layout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.circle-diagram-builder-export-card{margin-bottom:1.5rem}.circle-diagram-builder-export-row{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.circle-diagram-builder-export-row{flex-direction:row;align-items:center;justify-content:flex-end}}.circle-diagram-builder-export-meta{min-width:0px}.circle-diagram-builder-export-button{min-width:84px}@media(min-width:1024px){.circle-diagram-builder-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.circle-diagram-builder-preview-card{order:1}.circle-diagram-builder-settings-card{order:2}}.circle-diagram-builder-settings-card{height:-moz-fit-content;height:fit-content}.circle-diagram-builder-settings-card .page-section-title,.circle-diagram-builder-export-card .page-section-title{margin-bottom:.75rem}.circle-diagram-builder-preview-card{min-width:0px}.circle-diagram-builder-accordion>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.circle-diagram-builder-accordion-item{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}.circle-diagram-builder-accordion-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-diagram-builder-accordion-trigger:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-accordion-trigger:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.circle-diagram-builder-accordion-trigger:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-accordion-trigger.is-active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.circle-diagram-builder-accordion-trigger.is-active:is(.dark *){background-color:#17255466;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.circle-diagram-builder-accordion-trigger:disabled{cursor:not-allowed;opacity:.5}.circle-diagram-builder-accordion-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.circle-diagram-builder-accordion-value:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.circle-diagram-builder-fields{margin-top:.75rem}.circle-diagram-builder-fields>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.circle-diagram-builder-fields{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.circle-diagram-builder-fields:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.circle-diagram-builder-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-diagram-builder-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-diagram-builder-select{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-diagram-builder-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.circle-diagram-builder-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.circle-diagram-builder-input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-diagram-builder-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.circle-diagram-builder-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.circle-diagram-builder-checkbox{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-diagram-builder-checkbox:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-diagram-builder-checkbox input{height:1rem;width:1rem;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.circle-diagram-builder-checkbox input:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.circle-diagram-builder-checkbox input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-color-input{height:2.5rem;width:100%;cursor:pointer;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem}.circle-diagram-builder-color-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-range-input{height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-range-input:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.circle-diagram-builder-action-button{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-diagram-builder-action-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-action-button:disabled{cursor:not-allowed;opacity:.5}.circle-diagram-builder-action-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.circle-diagram-builder-action-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.circle-diagram-builder-action-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.circle-diagram-builder-action-button.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));background-color:#17255466;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.circle-diagram-builder-highlight-hint{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.circle-diagram-builder-highlight-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.circle-diagram-builder-subsection>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.circle-diagram-builder-subsection{border-radius:.5rem;border-width:1px;border-color:#e5e7ebcc;background-color:#f9fafb66;padding:.625rem}.circle-diagram-builder-subsection:is(.dark *){border-color:#374151cc;background-color:#1f29374d}.circle-diagram-builder-subsection-title{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.circle-diagram-builder-subsection-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-diagram-builder-progression{margin-bottom:1rem;margin-top:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-diagram-builder-progression:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-diagram-builder-overlay{opacity:.95;stroke-linecap:round;stroke-linejoin:round}.circle-diagram-builder-overlay--0{stroke:#f59e0b}.circle-diagram-builder-overlay--0:is(.dark *){stroke:#fcd34d}.circle-diagram-builder-overlay--1{stroke:#10b981}.circle-diagram-builder-overlay--1:is(.dark *){stroke:#6ee7b7}.circle-diagram-builder-degree-label{font-weight:900;font-size:10px}.circle-diagram-builder-degree-label--0{fill:#d97706}.circle-diagram-builder-degree-label--0:is(.dark *){fill:#fcd34d}.circle-diagram-builder-degree-label--1{fill:#059669}.circle-diagram-builder-degree-label--1:is(.dark *){fill:#6ee7b7}.circle-of-fifths-key-label.circle-diagram-builder-tonic-highlight--0{fill:#d97706}.circle-of-fifths-key-label.circle-diagram-builder-tonic-highlight--0:is(.dark *){fill:#fcd34d}.circle-of-fifths-key-label.circle-diagram-builder-tonic-highlight--1{fill:#059669}.circle-of-fifths-key-label.circle-diagram-builder-tonic-highlight--1:is(.dark *){fill:#6ee7b7}.microtone-trainer-stats-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.microtone-trainer-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.microtone-trainer-center-card{text-align:center}.microtone-trainer-stat-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-info{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-info:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-success:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-danger{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-value.is-danger:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-suffix{font-size:.875rem;line-height:1.25rem;font-weight:400}.microtone-trainer-stat-hint{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-card-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.microtone-trainer-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.microtone-trainer-card-title.is-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.microtone-trainer-card-title.is-success:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.microtone-trainer-card-description{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-card-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.microtone-trainer-playing-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.microtone-trainer-playing-title{margin-bottom:0;text-align:left}.microtone-trainer-block{margin-bottom:1.5rem}.microtone-trainer-audio-text{margin-bottom:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-audio-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-audio-bar{height:.5rem;width:100%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.microtone-trainer-audio-bar:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.microtone-trainer-audio-bar-fill{height:.5rem}.microtone-trainer-audio-bar-fill{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.microtone-trainer-question-text{margin-bottom:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-question-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-answer-row{display:flex;justify-content:center;gap:1rem}.microtone-trainer-result-panel{margin-bottom:1.5rem;border-radius:.5rem;padding:1rem}.microtone-trainer-result-panel.is-correct{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.microtone-trainer-result-panel.is-correct:is(.dark *){background-color:#14532d4d;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.microtone-trainer-result-panel.is-incorrect{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.microtone-trainer-result-panel.is-incorrect:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.microtone-trainer-result-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.microtone-trainer-result-detail{font-size:.875rem;line-height:1.25rem}.microtone-trainer-result-hint{margin-top:.25rem;font-size:.75rem;line-height:1rem;opacity:.75}.microtone-trainer-summary-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem}.microtone-trainer-summary-grid{margin-left:auto;margin-right:auto;display:grid;max-width:28rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.microtone-trainer-summary-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-summary-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-summary-accuracy{margin-top:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-summary-accuracy:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-settings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.microtone-trainer-field-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.microtone-trainer-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.microtone-trainer-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.microtone-trainer-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.microtone-trainer-timbre-row{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.microtone-trainer-timbre-note{margin-top:.5rem;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.microtone-trainer-timbre-note:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.microtone-trainer-leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.microtone-trainer-leaderboard-item{border-radius:.5rem;border-width:1px;padding:1rem}.microtone-trainer-leaderboard-item.is-best{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fef9c3 var(--tw-gradient-to-position)}.microtone-trainer-leaderboard-item.is-best:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(113 63 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(133 77 14 / .2) var(--tw-gradient-to-position)}.microtone-trainer-leaderboard-item.is-last{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.microtone-trainer-leaderboard-item.is-last:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(30 64 175 / .2) var(--tw-gradient-to-position)}.microtone-trainer-leaderboard-item-header{margin-bottom:.5rem;display:flex;align-items:center}.microtone-trainer-leaderboard-icon{margin-right:.5rem;font-size:1.25rem;line-height:1.75rem}.microtone-trainer-leaderboard-icon.is-best{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-icon.is-best:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-icon.is-last{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-icon.is-last:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-item-title{font-weight:600}.microtone-trainer-leaderboard-item-title.is-best{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-item-title.is-best:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-item-title.is-last{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-item-title.is-last:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-stats>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.microtone-trainer-leaderboard-stats{font-size:.875rem;line-height:1.25rem}.microtone-trainer-stat-row{display:flex;justify-content:space-between;gap:.75rem}.microtone-trainer-leaderboard-label{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-leaderboard-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-stat-strong,.microtone-trainer-status{font-weight:500}.microtone-trainer-status.is-completed{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.microtone-trainer-status.is-completed:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.microtone-trainer-status.is-game-over{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.microtone-trainer-status.is-game-over:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.microtone-trainer-date{margin-top:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.microtone-trainer-date:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-instructions-list{list-style-position:inside;list-style-type:decimal}.microtone-trainer-instructions-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.microtone-trainer-instructions-list{font-size:.875rem;line-height:1.25rem}.microtone-trainer-levels-block{margin-top:1rem}.microtone-trainer-levels-title{margin-bottom:.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.microtone-trainer-levels-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.microtone-trainer-levels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;font-size:.875rem;line-height:1.25rem}@media(min-width:768px){.microtone-trainer-levels-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.microtone-trainer-level-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;text-align:center}.microtone-trainer-level-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.microtone-trainer-level-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.microtone-trainer-level-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.microtone-trainer-level-range{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.microtone-trainer-level-range:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-levels-note{margin-top:.5rem;font-size:.75rem;line-height:1rem;font-style:italic;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.microtone-trainer-levels-note:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-content{text-align:center}.microtone-trainer-modal-icon-wrap.is-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon-wrap.is-success:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon-wrap.is-error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon-wrap.is-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon-wrap.is-info{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon-wrap.is-info:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-icon{margin-left:auto;margin-right:auto;margin-bottom:.5rem;height:3rem;width:3rem}.microtone-trainer-modal-message{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.microtone-trainer-modal-message:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-functions-trainer-section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-current-title{margin-bottom:0}.chord-functions-trainer-settings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.chord-functions-trainer-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chord-functions-trainer-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.chord-functions-trainer-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-actions-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.chord-functions-trainer-actions-row--with-margin{margin-bottom:1rem;margin-top:0}.chord-functions-trainer-stats-grid{margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.chord-functions-trainer-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chord-functions-trainer-stat-card{text-align:center}.chord-functions-trainer-stat-value{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-stat-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-current-header{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.chord-functions-trainer-next-button.is-ready{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-next-button.is-ready:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-next-button.is-ready:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.chord-functions-trainer-next-button.is-ready:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-next-button.is-ready:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-progression-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.chord-functions-trainer-progression-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chord-functions-trainer-chord-card{border-radius:.5rem;border-width:1px;padding:.75rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-functions-trainer-chord-card.is-visible{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.chord-functions-trainer-chord-card.is-visible:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-functions-trainer-chord-card.is-hidden{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-chord-card.is-hidden:is(.dark *){background-color:#713f1233}.chord-functions-trainer-chord-card.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-chord-card.is-active:is(.dark *){background-color:#1e3a8a33}.chord-functions-trainer-chord-index{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-functions-trainer-chord-index:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-functions-trainer-chord-numeral{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-chord-numeral:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-chord-description{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-functions-trainer-chord-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-panel{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:1rem}.chord-functions-trainer-answer-panel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-functions-trainer-answer-title{margin-bottom:.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media(min-width:768px){.chord-functions-trainer-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chord-functions-trainer-option-button{justify-content:flex-start;text-align:left}.chord-functions-trainer-option-numeral{margin-right:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.chord-functions-trainer-option-description{font-size:.75rem;line-height:1rem;opacity:.8}.chord-functions-trainer-answer-result{margin-top:.75rem;font-size:.875rem;line-height:1.25rem}.chord-functions-trainer-answer-result.is-error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-result.is-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-result.is-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.chord-functions-trainer-answer-result.is-success:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-panel{overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.chord-functions-trainer-finished-panel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.chord-functions-trainer-finished-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ecfeff var(--tw-gradient-to-position);padding:1.25rem 1.5rem}.chord-functions-trainer-finished-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-gradient-from: #1f2937 var(--tw-gradient-from-position);--tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #111827 var(--tw-gradient-to-position)}.chord-functions-trainer-finished-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.chord-functions-trainer-finished-title{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-score-wrap{text-align:right}.chord-functions-trainer-finished-score-label{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-score-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-score-value{font-size:1.875rem;line-height:2.25rem;font-weight:800;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-score-value:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.chord-functions-trainer-finished-content{padding:1.5rem}.chord-functions-trainer-finished-metrics{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.chord-functions-trainer-finished-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.chord-functions-trainer-finished-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.chord-functions-trainer-finished-metric{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:#fffc;padding:.75rem}.chord-functions-trainer-finished-metric:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f2937cc}.chord-functions-trainer-finished-metric-label{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-metric-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-metric-value{margin-top:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-finished-metric-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-progress-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.chord-functions-trainer-progress-label{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-functions-trainer-progress-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-functions-trainer-progress-value{font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-progress-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-progress-track{height:.625rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-progress-track:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.chord-functions-trainer-progress-fill{height:100%;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #06b6d4 var(--tw-gradient-to-position)}.chord-functions-trainer-finished-actions{padding-top:.25rem}.chord-functions-trainer-stats-modal-title{margin-bottom:.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-stats-modal-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-stats-item{display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.25rem}.chord-functions-trainer-stats-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-functions-trainer-stats-history{max-height:18rem}.chord-functions-trainer-stats-history>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.chord-functions-trainer-stats-history{overflow-y:auto}.chord-functions-trainer-history-item{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.25rem}.chord-functions-trainer-history-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.chord-functions-trainer-history-head{display:flex;justify-content:space-between;gap:.75rem}.chord-functions-trainer-history-level{font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-functions-trainer-history-level:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-functions-trainer-history-meta{margin-top:.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-functions-trainer-history-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-functions-trainer-stats-actions{display:flex;justify-content:space-between;gap:.75rem}.interval-trainer-section-title{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.interval-trainer-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.interval-trainer-settings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.interval-trainer-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.interval-trainer-settings-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.interval-trainer-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.interval-trainer-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.interval-trainer-block-top{margin-top:1rem}.interval-trainer-subsection-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.interval-trainer-subsection-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.interval-trainer-wrap-row{display:flex;flex-wrap:wrap;gap:.5rem}.interval-trainer-actions-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.interval-trainer-interval-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem}.interval-trainer-interval-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.interval-trainer-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.interval-trainer-mono-gap{margin-right:.5rem}.interval-trainer-checkbox{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem}.interval-trainer-stats-grid{margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.interval-trainer-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.interval-trainer-stat-card{text-align:center}.interval-trainer-value-lg{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.interval-trainer-value-lg:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.interval-trainer-header-row{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.interval-trainer-controls-row{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.interval-trainer-prompt{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.interval-trainer-prompt:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.interval-trainer-options-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:768px){.interval-trainer-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.interval-trainer-options-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.interval-trainer-option-button{justify-content:flex-start;text-align:left}.interval-trainer-result-panel{margin-bottom:1rem;border-radius:.5rem;padding:1rem}.interval-trainer-result-panel.is-correct{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.interval-trainer-result-panel.is-correct:is(.dark *){background-color:#14532d4d;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.interval-trainer-result-panel.is-incorrect{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.interval-trainer-result-panel.is-incorrect:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.interval-trainer-font-medium{font-weight:500}.interval-trainer-text-sm{font-size:.875rem;line-height:1.25rem}.interval-trainer-finished-title{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.interval-trainer-finished-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.interval-trainer-finished-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.interval-trainer-finished-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.interval-trainer-metric-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.interval-trainer-metric-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.interval-trainer-metric-label{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.interval-trainer-metric-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.interval-trainer-metric-value{margin-top:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.interval-trainer-metric-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.interval-trainer-modal-title{margin-bottom:.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.interval-trainer-modal-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.interval-trainer-modal-grid{margin-bottom:.75rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.interval-trainer-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.interval-trainer-modal-footer{display:flex;justify-content:flex-end}.interval-trainer-list-item{display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.25rem}.interval-trainer-list-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.interval-trainer-history-list{max-height:18rem}.interval-trainer-history-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.interval-trainer-history-list{overflow-y:auto}.interval-trainer-history-item{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.25rem}.interval-trainer-history-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.interval-trainer-history-head{display:flex;justify-content:space-between;gap:.75rem}.interval-trainer-history-meta{margin-top:.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.interval-trainer-history-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.interval-trainer-text-muted{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.interval-trainer-text-muted:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.interval-trainer-stats-actions{display:flex;justify-content:space-between;gap:.75rem}.circle-of-fifths-layout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:1024px){.circle-of-fifths-layout{grid-template-columns:1.35fr 1fr}}.circle-of-fifths-visual{position:relative;margin-left:auto;margin-right:auto;aspect-ratio:1 / 1;width:100%;max-width:600px}.circle-of-fifths-svg{height:100%;width:100%}.piano-diagram-visual{position:relative;margin-left:auto;margin-right:auto;width:100%}.piano-diagram-svg{height:auto;width:100%}.piano-diagram-title{fill:#0f172a;font-weight:600}.piano-diagram-title:is(.dark *){fill:#f1f5f9}.piano-diagram-key{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;stroke-width:1.2}.piano-diagram-key--white{fill:#fff;stroke:#cbd5e1}.piano-diagram-key--white:is(.dark *){fill:#f1f5f9;stroke:#64748b}.piano-diagram-key--black{fill:#334155;stroke:#1e293b}.piano-diagram-key--black:is(.dark *){fill:#64748b;stroke:#334155}.piano-diagram-note-label{font-weight:600}.piano-diagram-note-label--white{fill:#334155}.piano-diagram-note-label--white:is(.dark *){fill:#334155}.piano-diagram-note-label--black{fill:#f1f5f9}.piano-diagram-overlay-label{font-weight:600;font-size:11px;paint-order:stroke;stroke:#f8fafcf2;stroke-width:1.4}.piano-diagram-label-zone{fill:#94a3b829;stroke:#3341556b;stroke-width:1}.piano-diagram-label-zone-group:hover .piano-diagram-label-zone{fill:#38bdf833;stroke:#0284c7cc}.piano-diagram-label-editor{position:relative;display:flex;height:100%;width:100%;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1));background-color:#fffffff2;padding-left:.25rem;padding-right:.25rem}.piano-diagram-label-editor:is(.dark *){background-color:#0f172af2}.piano-diagram-label-editor-input{height:1.25rem;width:100%;min-width:0px;border-width:0px;background-color:transparent;padding-left:.25rem;padding-right:1.25rem;font-size:11px;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.piano-diagram-label-editor-input:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.piano-diagram-label-editor-clear{position:absolute;right:.125rem;top:.125rem;display:flex;height:.875rem;width:.875rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.piano-diagram-label-editor-clear:hover{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.piano-diagram-label-editor-clear:is(.dark *){--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.piano-diagram-arrows{pointer-events:none}.circle-of-fifths-ring-outline{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-of-fifths-ring-outline:is(.dark *){--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-of-fifths-sector{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-of-fifths-sector--major.is-selected{fill:#3b82f6}.circle-of-fifths-sector--major.is-idle{fill:#dbeafe;stroke:#93c5fd}.circle-of-fifths-sector--major.is-idle:hover{fill:#bfdbfe}.circle-of-fifths-sector--major.is-idle:is(.dark *){fill:#1e3a8a;stroke:#1d4ed8}.circle-of-fifths-sector--major.is-idle:hover:is(.dark *){fill:#1e40af}.circle-of-fifths-sector--minor.is-selected{fill:#a855f7}.circle-of-fifths-sector--minor.is-idle{fill:#f3e8ff;stroke:#d8b4fe}.circle-of-fifths-sector--minor.is-idle:hover{fill:#e9d5ff}.circle-of-fifths-sector--minor.is-idle:is(.dark *){fill:#581c87;stroke:#7e22ce}.circle-of-fifths-sector--minor.is-idle:hover:is(.dark *){fill:#6b21a8}.circle-of-fifths-degree-track{pointer-events:none}.circle-of-fifths-degree-track--major{stroke:#f59e0b}.circle-of-fifths-degree-track--major:is(.dark *){stroke:#fcd34d}.circle-of-fifths-degree-track--minor{stroke:#10b981}.circle-of-fifths-degree-track--minor:is(.dark *){stroke:#6ee7b7}.circle-of-fifths-overlays{pointer-events:none}.circle-of-fifths-tonality-outline{pointer-events:none;stroke-linecap:round;stroke-linejoin:round}.circle-of-fifths-tonality-degree-label,.circle-of-fifths-chord-highlight,.circle-of-fifths-arrow{pointer-events:none}.circle-of-fifths-selection-outline{pointer-events:none;stroke-linejoin:round}.circle-of-fifths-accidentals{pointer-events:none;fill:#6b7280;font-weight:600}.circle-of-fifths-accidentals:is(.dark *){fill:#9ca3af}.circle-of-fifths-accidentals{font-size:10px}.circle-of-fifths-key-label{pointer-events:none;font-size:.875rem;line-height:1.25rem;font-weight:700}.circle-of-fifths-key-label--major.is-selected,.circle-of-fifths-key-label--minor.is-selected{fill:#fff}.circle-of-fifths-key-label--major.is-idle{fill:#1e40af}.circle-of-fifths-key-label--major.is-idle:is(.dark *){fill:#dbeafe}.circle-of-fifths-key-label--minor.is-idle{fill:#6b21a8}.circle-of-fifths-key-label--minor.is-idle:is(.dark *){fill:#f3e8ff}.circle-of-fifths-key-label--major.is-idle.circle-diagram-builder-tonic-highlight--0,.circle-of-fifths-key-label--minor.is-idle.circle-diagram-builder-tonic-highlight--0{fill:#d97706}.circle-of-fifths-key-label--major.is-idle.circle-diagram-builder-tonic-highlight--0:is(.dark *),.circle-of-fifths-key-label--minor.is-idle.circle-diagram-builder-tonic-highlight--0:is(.dark *){fill:#fcd34d}.circle-of-fifths-key-label--major.is-idle.circle-diagram-builder-tonic-highlight--1,.circle-of-fifths-key-label--minor.is-idle.circle-diagram-builder-tonic-highlight--1{fill:#059669}.circle-of-fifths-key-label--major.is-idle.circle-diagram-builder-tonic-highlight--1:is(.dark *),.circle-of-fifths-key-label--minor.is-idle.circle-diagram-builder-tonic-highlight--1:is(.dark *){fill:#6ee7b7}.circle-of-fifths-key-label-variant,.circle-of-fifths-minor-suffix{font-size:.75rem;line-height:1rem}.circle-of-fifths-degree-label{pointer-events:none;font-weight:900;font-size:11px}.circle-of-fifths-degree-label--major{fill:#b45309}.circle-of-fifths-degree-label--major:is(.dark *){fill:#fcd34d}.circle-of-fifths-degree-label--minor{fill:#047857}.circle-of-fifths-degree-label--minor:is(.dark *){fill:#6ee7b7}.circle-of-fifths-center-disk{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.circle-of-fifths-center-disk:is(.dark *){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.circle-of-fifths-center-disk{opacity:.95}.circle-of-fifths-center-key{pointer-events:none;fill:#374151;font-weight:700}.circle-of-fifths-center-key:is(.dark *){fill:#e5e7eb}.circle-of-fifths-center-key{font-size:15px}.circle-of-fifths-center-key-mode{font-size:.75rem;line-height:1rem}.circle-of-fifths-diagram-title{pointer-events:none;fill:#1f2937;font-size:1.125rem;line-height:1.75rem;font-weight:700}.circle-of-fifths-diagram-title:is(.dark *){fill:#e5e7eb}.circle-of-fifths-free-text{pointer-events:none;fill:#374151;font-size:.75rem;line-height:1rem;font-weight:600}.circle-of-fifths-free-text:is(.dark *){fill:#e5e7eb}.circle-of-fifths-notes-section{margin-bottom:1.5rem}.circle-of-fifths-subtitle{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.circle-of-fifths-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.circle-of-fifths-tonality-block{margin-bottom:.75rem}.circle-of-fifths-tonality-block--split{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-top:.75rem}.circle-of-fifths-tonality-block--split:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.circle-of-fifths-tonality-label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-of-fifths-tonality-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.circle-of-fifths-note-list{display:flex;flex-wrap:wrap;gap:.5rem}.circle-of-fifths-note-chip{border-radius:.5rem;padding:.5rem 1rem;text-align:center}.circle-of-fifths-note-chip.is-main{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.circle-of-fifths-note-chip.is-main:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.circle-of-fifths-note-chip.is-enharmonic{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.circle-of-fifths-note-chip.is-enharmonic:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1))}.circle-of-fifths-note-name{font-weight:700}.circle-of-fifths-note-index{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.circle-of-fifths-note-index:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.circle-of-fifths-info-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.circle-of-fifths-key-title-wrap{display:flex;align-items:center;gap:.75rem}.circle-of-fifths-key-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.circle-of-fifths-key-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.circle-of-fifths-key-link{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-of-fifths-key-link:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.circle-of-fifths-key-link:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.circle-of-fifths-key-link:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))}.circle-of-fifths-panel{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.circle-of-fifths-panel:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.circle-of-fifths-signature-value{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.circle-of-fifths-signature-value:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.circle-of-fifths-chords-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.circle-of-fifths-chords-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.circle-of-fifths-chord-item{display:flex;align-items:center;justify-content:space-between;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-of-fifths-chord-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-main{display:flex;flex:1 1 0%;align-items:center;gap:.75rem}.circle-of-fifths-chord-degree{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-degree.is-main{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-degree.is-enharmonic{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-body{min-width:0px;flex:1 1 0%}.circle-of-fifths-chord-link{font-weight:600}.circle-of-fifths-chord-link:hover{text-decoration-line:underline}.circle-of-fifths-chord-link.is-main{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-link.is-main:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-link.is-enharmonic{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-link.is-enharmonic:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-notes{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.circle-of-fifths-chord-play{border-radius:.25rem;padding:.25rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.circle-of-fifths-chord-play:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.circle-of-fifths-chord-play:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.circle-of-fifths-empty-card{display:flex;align-items:center;justify-content:center}.circle-of-fifths-empty-state{text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.circle-of-fifths-empty-state:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.circle-of-fifths-empty-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.circle-of-fifths-empty-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.circle-of-fifths-empty-text{font-size:.875rem;line-height:1.25rem}.song-generator-section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-generator-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-generator-controls-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}@media(min-width:640px){.song-generator-controls-row{flex-direction:row;align-items:flex-end}}.song-generator-control-col{width:100%;min-width:0px;flex:1 1 0%}@media(min-width:640px){.song-generator-control-col{width:auto}}.song-generator-mode-label{margin-bottom:.5rem}.song-generator-mode-select{display:block;height:2.5rem;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-generator-mode-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.song-generator-mode-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-generator-content{margin-top:1.5rem}.song-builder-root{position:relative}.song-builder-root.is-standard>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.song-builder-root.is-standard{padding-bottom:8rem}.song-builder-root.is-fullscreen{height:100%;width:100%;overflow:auto;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;padding-bottom:360px}.song-builder-root.is-fullscreen:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.song-builder-panel-card.is-fullscreen{margin-bottom:1rem}.song-builder-panel-card.is-standard{margin-bottom:24rem}.song-builder-panel-header{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.song-builder-panel-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-builder-panel-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-builder-grid-layout{display:flex;gap:1rem}.song-builder-grid-canvas{position:relative;flex:1 1 0%;overflow:auto;border-radius:.5rem;border-width:2px;border-style:dashed;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-builder-grid-canvas.is-dragging{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.song-builder-grid-canvas.is-dragging:is(.dark *){background-color:#1e3a8a33}.song-builder-grid-canvas.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.song-builder-grid-canvas.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#1f293780}.song-builder-grid-stack{position:relative}.song-grid-row-controls{display:flex;min-width:60px;flex-direction:column;gap:0px;padding-top:1rem}.song-grid-row-controls-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.song-grid-row-controls-add{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:500;line-height:1;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-grid-row-controls-add:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.song-grid-row-controls-remove{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:500;line-height:1;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-grid-row-controls-remove:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.song-action-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.song-action-toolbar-separator{margin-left:.25rem;margin-right:.25rem;height:2rem;width:1px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.song-action-toolbar-separator:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-action-toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.song-action-toolbar-btn.is-red{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-red:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-red:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-indigo{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-indigo:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-indigo:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-emerald{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1));font-weight:700}.song-action-toolbar-btn.is-emerald:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-emerald:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-yellow{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-yellow:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-purple{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-purple:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-blue{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-teal{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-teal:hover{--tw-bg-opacity: 1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-gray{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-gray:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-slate{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.song-action-toolbar-btn.is-slate:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.song-settings-bar{margin-bottom:1rem;display:grid;gap:.75rem}.song-settings-group{position:relative;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.song-settings-group:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a66}.song-settings-group-title{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.song-settings-group-title:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.song-settings-summary-row{display:flex;flex-wrap:wrap;gap:.5rem}.song-settings-summary-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .625rem;font-size:.75rem;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-settings-summary-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.song-settings-summary-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.song-settings-summary-btn:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.song-settings-summary-label{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.song-settings-summary-label:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.song-settings-summary-value{font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.song-settings-summary-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-settings-popover-layer{position:absolute;left:0;top:100%;z-index:20;margin-top:.5rem}.song-settings-popover{min-width:220px;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(203 213 225 / .4);--tw-shadow: var(--tw-shadow-colored)}.song-settings-popover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-shadow-color: rgb(0 0 0 / .3);--tw-shadow: var(--tw-shadow-colored)}.song-settings-sound-grid{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.song-settings-control{display:flex;align-items:center;gap:.5rem}.song-settings-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-settings-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-settings-select{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-settings-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-settings-range{width:5rem}.song-settings-range-value{width:2rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-settings-range-value:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.arrangement-editor-overlay{position:fixed;inset:0;z-index:120;background-color:#020617b3;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.arrangement-editor-shell{margin-left:auto;margin-right:auto;max-width:1500px;border-radius:1.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.arrangement-editor-shell:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-editor-shell--daw{height:100%;width:100%;max-width:none;border-radius:0;border-width:0px;padding:0;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column}.arrangement-editor-chrome{flex-shrink:0;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#fffffff2;padding:1rem;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.arrangement-editor-chrome:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172af2}@media(min-width:1024px){.arrangement-editor-chrome{padding-left:1.5rem;padding-right:1.5rem}}.arrangement-daw-workspace{min-height:0px;flex:1 1 0%;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-daw-workspace:is(.dark *){background-color:#02061799}.arrangement-daw{--arrangement-ruler-toolbar-height: 40px;--arrangement-ruler-grid-height: 64px;--arrangement-ruler-height: calc( var(--arrangement-ruler-toolbar-height) + var(--arrangement-ruler-grid-height) );display:flex;height:100%;min-height:0px;flex-direction:column}.arrangement-daw-scroll{min-height:0px;flex:1 1 0%;overflow-y:auto;overflow-x:hidden}.arrangement-editor-header{display:flex;flex-direction:column;gap:1rem;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.arrangement-editor-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}@media(min-width:1024px){.arrangement-editor-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.arrangement-eyebrow{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.arrangement-eyebrow:is(.dark *){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.arrangement-title{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.arrangement-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.arrangement-subtitle{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-live-meta{margin-top:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-live-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-range-strip{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.arrangement-range-pill{display:inline-flex;align-items:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.arrangement-range-pill:is(.dark *){border-color:#f59e0b66;background-color:#451a0366;--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.arrangement-context-menu{position:fixed;z-index:120;display:flex;min-width:220px;max-width:min(24rem,calc(100vw - 24px));flex-direction:column;gap:.25rem;overflow-y:auto;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.arrangement-context-menu:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-context-menu{max-height:calc(100vh - 24px);overscroll-behavior:contain}.arrangement-context-menu-section{display:flex;flex-direction:column;gap:.5rem;padding:.25rem}.arrangement-context-menu-title{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-context-menu-title:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-context-menu-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.arrangement-context-menu-summary-line{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.arrangement-context-menu-summary-line:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.arrangement-context-menu-inline-actions{display:flex;flex-wrap:wrap;gap:.5rem}.arrangement-context-menu-divider{margin-top:.25rem;margin-bottom:.25rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.arrangement-context-menu-divider:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.arrangement-context-menu-item{display:inline-flex;width:100%;align-items:center;border-radius:.75rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-context-menu-item:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-context-menu-item:disabled{cursor:not-allowed;opacity:.5}.arrangement-context-menu-item:is(.dark *){--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-context-menu-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-context-menu-item.is-danger{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.arrangement-context-menu-item.is-danger:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.arrangement-context-menu-item.is-danger:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.arrangement-context-menu-item.is-danger:hover:is(.dark *){background-color:#450a0a66}.arrangement-primary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-primary-btn:hover{--tw-bg-opacity: 1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.arrangement-primary-btn:disabled{cursor:not-allowed;opacity:.5}.arrangement-secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-secondary-btn:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.arrangement-secondary-btn:disabled{cursor:not-allowed;opacity:.5}.arrangement-secondary-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-secondary-btn:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.arrangement-secondary-btn--compact,.arrangement-danger-btn--compact{border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;line-height:1rem}.arrangement-stale-banner{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.arrangement-stale-banner:is(.dark *){border-color:#f59e0b66;background-color:#451a0366;--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}@media(min-width:1024px){.arrangement-stale-banner{flex-direction:row;align-items:center;justify-content:space-between}}.arrangement-field{display:flex;min-width:110px;flex-direction:column;gap:.25rem;font-size:.875rem;line-height:1.25rem}.arrangement-field span{font-weight:500;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-field span:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-field--compact{min-width:180px;gap:.25rem}.arrangement-field--compact span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.arrangement-field select,.arrangement-field input[type=text]{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.arrangement-field select:is(.dark *),.arrangement-field input[type=text]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.arrangement-daw-header,.arrangement-daw-row,.arrangement-daw-hscroll-row{display:grid;grid-template-columns:320px minmax(0,1fr)}.arrangement-daw-header{position:sticky;top:0;z-index:60}.arrangement-daw-cell{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.arrangement-daw-cell:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.arrangement-daw-left{border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem}.arrangement-daw-left:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-daw-left--header{display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-daw-left--header:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-daw-left--header{min-height:var(--arrangement-ruler-height)}.arrangement-daw-sticky-header{position:sticky;top:0;z-index:60;box-shadow:0 1px #e2e8f0f2}.dark .arrangement-daw-sticky-header{box-shadow:0 1px #334155f2}.arrangement-daw-sticky-top-left{z-index:70}.arrangement-daw-row--chord .arrangement-daw-left,.arrangement-daw-row--chord .arrangement-track-timeline{background-color:#fff}.arrangement-daw-row--chord .arrangement-track-timeline{display:flex;min-height:76px;align-self:stretch}.arrangement-daw-row--chord .arrangement-track-timeline-inner{flex:1 1 auto;min-height:inherit}.arrangement-daw-row--chord .arrangement-clip{top:0;bottom:0}.dark .arrangement-daw-row--chord .arrangement-daw-left,.dark .arrangement-daw-row--chord .arrangement-track-timeline{background-color:#0f172af5}.arrangement-daw-sticky-chord-row{position:sticky;top:var(--arrangement-ruler-height)}.arrangement-daw-sticky-chord-left{z-index:50;box-shadow:0 1px #e2e8f0f2,1px 0 #e2e8f0f2}.arrangement-daw-sticky-chord-right{z-index:45;box-shadow:0 1px #e2e8f0f2}.dark .arrangement-daw-sticky-chord-left{box-shadow:0 1px #334155f2,1px 0 #334155f2}.dark .arrangement-daw-sticky-chord-right{box-shadow:0 1px #334155f2}.arrangement-daw-ruler{position:relative;display:flex;cursor:pointer;flex-direction:column;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.arrangement-daw-ruler:is(.dark *){background-color:#0f172a66}.arrangement-daw-ruler{min-height:var(--arrangement-ruler-height)}.arrangement-ruler-toolbar{z-index:6;display:flex;height:var(--arrangement-ruler-toolbar-height);flex-shrink:0;align-items:center;justify-content:flex-end;gap:.5rem;border-bottom-width:1px;border-color:#e2e8f0e6;background-color:#fffffff2;padding:.375rem .75rem;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.arrangement-ruler-toolbar:is(.dark *){border-color:#334155cc;background-color:#0f172ae6}.arrangement-ruler-toolbar-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-ruler-toolbar-label:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-zoom-control{display:flex;align-items:center;gap:.25rem}.arrangement-zoom-btn,.arrangement-zoom-value,.arrangement-zoom-fit-btn{display:inline-flex;height:1.75rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-zoom-btn:hover,.arrangement-zoom-value:hover,.arrangement-zoom-fit-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-zoom-btn:is(.dark *),.arrangement-zoom-value:is(.dark *),.arrangement-zoom-fit-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-zoom-btn:hover:is(.dark *),.arrangement-zoom-value:hover:is(.dark *),.arrangement-zoom-fit-btn:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-zoom-btn{width:1.75rem;padding-left:0;padding-right:0;font-size:.875rem;line-height:1.25rem}.arrangement-zoom-value{min-width:3.5rem}.arrangement-zoom-value.is-fit,.arrangement-zoom-fit-btn.is-active{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.arrangement-zoom-value.is-fit:is(.dark *),.arrangement-zoom-fit-btn.is-active:is(.dark *){border-color:#38bdf8b3;background-color:#0ea5e933;--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.arrangement-daw-ruler-inner,.arrangement-track-timeline-inner{position:relative;height:100%;will-change:transform}.arrangement-daw-ruler-inner{min-height:var(--arrangement-ruler-grid-height)}.arrangement-ruler-beat-grid{position:absolute;inset:0}.arrangement-ruler-beat-marker{position:absolute;bottom:0;top:0;z-index:1;width:1px;background-color:#cbd5e1b3}.arrangement-ruler-beat-marker:is(.dark *){background-color:#475569b3}.arrangement-ruler-beat-marker.is-bar-start{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.arrangement-ruler-beat-marker.is-bar-start:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.arrangement-ruler-beat-label{position:absolute;bottom:.5rem;left:.5rem;font-size:10px;font-weight:500;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-ruler-beat-label:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-ruler-bar-block{position:absolute;top:0;bottom:0;z-index:2;border-left-width:1px;border-color:#94a3b8cc;padding-left:.75rem;padding-top:.5rem}.arrangement-ruler-bar-block:is(.dark *){border-color:#e2e8f0b3}.arrangement-ruler-bar-number{font-size:12px;font-weight:600;letter-spacing:.18em;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-ruler-bar-number:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.arrangement-ruler-sections{pointer-events:none;position:absolute;left:0;right:0;bottom:.25rem;top:1.5rem}.arrangement-ruler-section{position:absolute;bottom:0;top:0;overflow:hidden;border-radius:.375rem;border-width:1px;padding:.25rem .5rem}.arrangement-ruler-section.tone-0{border-color:#7dd3fccc;background-color:#e0f2feb3;--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-0:is(.dark *){border-color:#0ea5e966;background-color:#0ea5e926;--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-1{border-color:#6ee7b7cc;background-color:#d1fae5b3;--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-1:is(.dark *){border-color:#10b98166;background-color:#10b98126;--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-2{border-color:#fcd34dcc;background-color:#fef3c7b3;--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-2:is(.dark *){border-color:#f59e0b66;background-color:#f59e0b26;--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-3{border-color:#f0abfccc;background-color:#fae8ffb3;--tw-text-opacity: 1;color:rgb(112 26 117 / var(--tw-text-opacity, 1))}.arrangement-ruler-section.tone-3:is(.dark *){border-color:#d946ef66;background-color:#d946ef26;--tw-text-opacity: 1;color:rgb(250 232 255 / var(--tw-text-opacity, 1))}.arrangement-ruler-section-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.arrangement-playback-range-window{position:absolute;bottom:.25rem;top:.25rem;z-index:1;border-radius:.75rem;border-width:1px;border-color:#fbbf24cc;background-color:#fde68a40}.arrangement-playback-range-window:is(.dark *){border-color:#fbbf2499;background-color:#fbbf241a}.arrangement-playback-range-window{pointer-events:none}.arrangement-playback-range-mask{position:absolute;bottom:0;top:0;z-index:2;background-color:#e2e8f08c}.arrangement-playback-range-mask:is(.dark *){background-color:#02061773}.arrangement-playback-range-mask{pointer-events:none}.arrangement-playback-range-handle{position:absolute;bottom:.25rem;top:.25rem;z-index:4;width:.75rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-playback-range-handle:hover{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.arrangement-playback-range-handle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));background-color:#f59e0bb3}.arrangement-playback-range-handle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.arrangement-playback-range-handle.is-start:after,.arrangement-playback-range-handle.is-end:after{content:"";position:absolute;left:50%;top:50%;height:1.25rem;width:2px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.arrangement-playback-range-handle.is-start:is(.dark *):after,.arrangement-playback-range-handle.is-end:is(.dark *):after{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.arrangement-track-panel>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.arrangement-track-panel-top{display:flex;align-items:center;gap:.375rem}.arrangement-track-name{min-width:0px;flex:1 1 0%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:13px;font-weight:600;--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.arrangement-track-name:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.arrangement-track-type-badge{display:inline-flex;flex-shrink:0;align-items:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-track-type-badge:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.arrangement-icon-btn{display:inline-flex;height:1.75rem;width:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-icon-btn:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-icon-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-icon-btn:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-icon-btn--danger{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.arrangement-icon-btn--danger:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.arrangement-icon-btn--danger:is(.dark *){border-color:#ef444480;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.arrangement-icon-btn--danger:hover:is(.dark *){background-color:#450a0a66}.arrangement-track-controls>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.arrangement-track-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.arrangement-track-summary-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1rem;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-track-summary-line:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-track-volume-row{display:flex;align-items:center;gap:.5rem}.arrangement-track-toggle-row{display:flex;flex-shrink:0;align-items:center;gap:.375rem}.arrangement-field--volume{min-width:0px;flex:1 1 0%}.arrangement-field--volume span{font-size:11px}.arrangement-field--volume input[type=range]{width:100%}.arrangement-track-mode-btn{display:inline-flex;height:1.75rem;min-width:2rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-track-mode-btn.is-idle{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-track-mode-btn.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-track-mode-btn.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-track-mode-btn.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-track-mode-btn.is-muted-active{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.arrangement-track-mode-btn.is-muted-active:is(.dark *){border-color:#fbbf24b3;background-color:#f59e0b33;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.arrangement-track-mode-btn.is-solo-active{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.arrangement-track-mode-btn.is-solo-active:is(.dark *){border-color:#f87171b3;background-color:#ef444433;--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-title,.arrangement-track-instrument-selector .instrument-selector-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.arrangement-track-instrument-selector .instrument-selector-selected{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.5rem;border-radius:0;border-width:0px;background-color:transparent;padding:0}.arrangement-track-instrument-selector .instrument-selector-selected:is(.dark *){background-color:transparent}.arrangement-track-instrument-selector .instrument-selector-selected-label{margin-bottom:0;flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-selected-label:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-chip-list{min-width:0px;flex:1 1 0%}.arrangement-track-instrument-selector .instrument-selector-chip{border-radius:0;background-color:transparent;padding:0;font-size:11px;font-weight:500;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-chip:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-edit-button{display:inline-flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-track-instrument-selector .instrument-selector-edit-button:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-edit-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-track-instrument-selector .instrument-selector-edit-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-modal-stack{display:flex;flex-direction:column;gap:1rem}.arrangement-modal-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.arrangement-modal-instrument-selector .instrument-selector-title,.arrangement-modal-instrument-selector .instrument-selector-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.arrangement-modal-instrument-selector{display:flex;min-width:0px;align-items:center;gap:.5rem}.arrangement-modal-instrument-selector .instrument-selector-selected{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.arrangement-modal-instrument-selector .instrument-selector-selected:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-selected-label{margin-bottom:0;flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-selected-label:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-chip-list{min-width:0px;flex:1 1 0%}.arrangement-modal-instrument-selector .instrument-selector-chip{border-radius:0;background-color:transparent;padding:0;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-chip:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-edit-button{display:inline-flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-modal-instrument-selector .instrument-selector-edit-button:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-edit-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-modal-instrument-selector .instrument-selector-edit-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-modal-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.arrangement-compact-setting-option.is-active{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.arrangement-compact-setting-option.is-active:is(.dark *){border-color:#3b82f6b3;background-color:#3b82f626;--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-title,.arrangement-region-instrument-selector .instrument-selector-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.arrangement-region-instrument-selector{display:flex;min-width:220px;align-items:center;gap:.5rem}.arrangement-region-instrument-selector .instrument-selector-selected{display:flex;min-width:0px;flex:1 1 0%;align-items:center;gap:.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.arrangement-region-instrument-selector .instrument-selector-selected:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-selected-label{margin-bottom:0;flex-shrink:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-selected-label:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-chip-list{min-width:0px;flex:1 1 0%}.arrangement-region-instrument-selector .instrument-selector-chip{border-radius:0;background-color:transparent;padding:0;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-chip:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-edit-button{display:inline-flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-region-instrument-selector .instrument-selector-edit-button:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-edit-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-region-instrument-selector .instrument-selector-edit-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.arrangement-track-timeline{min-height:180px;cursor:pointer;overflow:hidden;--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.arrangement-track-timeline:is(.dark *){background-color:#0f172a66}.arrangement-track-grid,.arrangement-track-regions-layer{position:absolute;inset:0}.arrangement-grid-chord{position:absolute;top:1.25rem;bottom:1.25rem;border-radius:1rem;border-width:1px;padding:.5rem .75rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-grid-chord.is-idle{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#ffffff8c;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-grid-chord.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1));background-color:#0f172a40;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-grid-chord.is-active{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1));background-color:#ccfbf18c;--tw-text-opacity: 1;color:rgb(19 78 74 / var(--tw-text-opacity, 1))}.arrangement-grid-chord.is-active:is(.dark *){border-color:#14b8a666;background-color:#14b8a61a;--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}.arrangement-grid-chord-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.arrangement-region{position:absolute;top:1.25rem;bottom:1.25rem;z-index:10;display:flex;align-items:center;overflow:hidden;border-radius:1rem;border-width:1px;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;cursor:grab}.arrangement-region.is-instrument{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1));background-color:#99f6e4f2;--tw-text-opacity: 1;color:rgb(4 47 46 / var(--tw-text-opacity, 1))}.arrangement-region.is-instrument:is(.dark *){background-color:#14b8a640;--tw-text-opacity: 1;color:rgb(240 253 250 / var(--tw-text-opacity, 1))}.arrangement-region.is-drum{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));background-color:#fde68af2;--tw-text-opacity: 1;color:rgb(69 26 3 / var(--tw-text-opacity, 1))}.arrangement-region.is-drum:is(.dark *){background-color:#f59e0b40;--tw-text-opacity: 1;color:rgb(255 251 235 / var(--tw-text-opacity, 1))}.arrangement-region.is-dragging{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);cursor:grabbing}.arrangement-region.is-selected{box-shadow:0 0 0 2px #0f172a24,0 12px 24px #0f172a24}.dark .arrangement-region.is-selected{box-shadow:0 0 0 2px #f8fafc38,0 12px 24px #0f172a66}.arrangement-region.is-creating{border-style:dashed;opacity:.75;pointer-events:none;cursor:col-resize}.arrangement-track-empty-hint{position:absolute;left:1.25rem;right:1.25rem;top:50%;z-index:5;display:flex;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));background-color:#ffffffbf;padding:.75rem 1rem;text-align:center}.arrangement-track-empty-hint:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));background-color:#0f172aa6}.arrangement-track-empty-hint{pointer-events:none}.arrangement-track-empty-title{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.arrangement-track-empty-title:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.arrangement-track-empty-copy{margin-top:.25rem;max-width:28rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-track-empty-copy:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-region-label{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.08em;pointer-events:none}.arrangement-region-handle{position:relative;z-index:10;height:100%;width:.75rem;flex-shrink:0;cursor:ew-resize}.arrangement-region-handle:after{content:"";position:absolute;top:.9rem;bottom:.9rem;left:50%;width:2px;transform:translate(-50%);border-radius:999px;background:#0f172a38}.dark .arrangement-region-handle:after{background:#f8fafc52}.arrangement-daw-hscroll-row{flex-shrink:0;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.arrangement-daw-hscroll-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.arrangement-daw-hscroll-spacer{border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.arrangement-daw-hscroll-spacer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.arrangement-daw-hscroll{overflow-x:auto;overflow-y:hidden}.arrangement-daw-hscroll-inner{height:1px}.arrangement-clip{position:absolute;top:1.25rem;bottom:1.25rem;overflow:hidden;border-radius:1rem;border-width:1px;padding:.5rem .75rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.arrangement-clip.is-active{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(4 47 46 / var(--tw-text-opacity, 1))}.arrangement-clip.is-active:is(.dark *){background-color:#14b8a633;--tw-text-opacity: 1;color:rgb(240 253 250 / var(--tw-text-opacity, 1))}.arrangement-clip.is-idle{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));background-color:#ffffffb3;--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.arrangement-clip.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1));background-color:#0f172a66;--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.arrangement-clip.is-chord-track{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(23 37 84 / var(--tw-text-opacity, 1))}.arrangement-clip.is-chord-track:is(.dark *){background-color:#3b82f633;--tw-text-opacity: 1;color:rgb(239 246 255 / var(--tw-text-opacity, 1))}.arrangement-clip-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:600;letter-spacing:.08em}.arrangement-cursor-line{position:absolute;top:0;bottom:0;z-index:20;width:2px;pointer-events:none}.arrangement-cursor-line.is-seek{background-color:#94a3b8cc}.arrangement-cursor-line.is-seek:is(.dark *){background-color:#cbd5e1b3}.arrangement-cursor-line.is-playhead{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1));--tw-shadow: 0 0 0 1px rgba(255,255,255,.5);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-playback-transport{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.song-playback-transport-main{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.song-playback-btn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-playback-btn:disabled{cursor:not-allowed;opacity:.5}.song-playback-btn.is-stop{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-stop:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-stop:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-play{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-play:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-play:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-loop-on{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-playback-btn.is-loop-on:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-loop-on:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-loop-off{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-playback-btn.is-loop-off:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-loop-off:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.song-playback-btn.is-loop-off:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-playback-btn.is-loop-off:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-playback-meter{display:flex;align-items:center;gap:.375rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.375rem .75rem}.song-playback-meter:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.song-playback-meter-dot{height:.75rem;width:.75rem;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.song-playback-meter-dot.is-accent{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(34 197 94 / .5);--tw-shadow: var(--tw-shadow-colored)}.song-playback-meter-dot.is-beat{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(59 130 246 / .5);--tw-shadow: var(--tw-shadow-colored)}.song-playback-meter-dot.is-idle{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.song-playback-meter-dot.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-playback-bpm-control{display:flex;align-items:center;gap:.5rem}.song-playback-bpm-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-playback-bpm-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-playback-range-control{display:flex;min-width:240px;align-items:center;gap:.5rem}.song-playback-range-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-playback-range-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-playback-range-slider{width:7rem}.song-playback-range-slider:disabled{opacity:.5}.song-playback-range-value{min-width:40px;text-align:right;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-playback-range-value:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-playback-range-reset{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-playback-range-reset:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.song-playback-range-reset:disabled{cursor:not-allowed;opacity:.5}.song-playback-range-reset:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-playback-range-reset:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-rhythm-grid{position:absolute}.song-rhythm-grid-lines{pointer-events:none}.song-rhythm-grid-bar-line{position:absolute;border-left-width:1px}.song-rhythm-grid-bar-line.is-strong{border-left-width:2px;--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.song-rhythm-grid-bar-line.is-strong:is(.dark *){--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.song-rhythm-grid-bar-line.is-weak{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.song-rhythm-grid-bar-line.is-weak:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.song-rhythm-grid-beat-line{position:absolute;border-left-width:1px}.song-rhythm-grid-beat-line.is-main{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.song-rhythm-grid-beat-line.is-main:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.song-rhythm-grid-beat-line.is-sub{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.song-rhythm-grid-beat-line.is-sub:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.song-rhythm-grid-marker{pointer-events:none;position:absolute;z-index:35}.song-rhythm-grid-marker-line{height:100%;border-left-width:3px}.song-rhythm-grid-marker-line.is-start{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1));--tw-shadow: 0 0 8px rgba(16,185,129,.65);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-rhythm-grid-marker-line.is-end{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1));--tw-shadow: 0 0 8px rgba(244,63,94,.65);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-rhythm-grid-marker-label{position:absolute;top:-1.25rem;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));white-space:nowrap;border-radius:.25rem;padding:.125rem .375rem;font-size:10px;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-rhythm-grid-marker-label.is-start{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.song-rhythm-grid-marker-label.is-end{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.song-rhythm-grid-drop-indicator{pointer-events:none;position:absolute}.song-rhythm-grid-drop-fill{position:absolute;inset:0}.song-rhythm-grid-drop-fill{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);opacity:.6}.song-rhythm-grid-drop-fill:is(.dark *){--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.song-rhythm-grid-drop-border{position:absolute;inset:0;border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.song-rhythm-grid-drop-border:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.song-rhythm-grid-drop-edge{position:absolute;bottom:0;left:0;top:0;width:.25rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.song-rhythm-grid-drop-edge:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.song-chord-block{position:absolute;border-radius:.5rem;padding:.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-block.is-grouped{cursor:grab}.song-chord-block.is-grouped:active{cursor:grabbing}.song-chord-block.is-ungrouped{cursor:move}.song-chord-block.is-dragged{opacity:.3}.song-chord-block.is-ready{opacity:1}.song-chord-block.is-selected{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.song-chord-block.is-selected:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1))}.song-chord-block.is-playing{z-index:30;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:4px;--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(34 197 94 / .5);--tw-shadow: var(--tw-shadow-colored)}.song-chord-block.is-playing:is(.dark *){--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));background-color:#14532d66}.song-chord-block.is-idle{z-index:20;border-width:2px}.song-chord-block.is-idle:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-block-tone-neutral{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-neutral:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-chromatic{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-chromatic:is(.dark *){--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1));background-color:#6b21a84d}.song-chord-block-tone-tonic-primary{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-tonic-primary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));background-color:#1665344d}.song-chord-block-tone-tonic-secondary{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-tonic-secondary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1));background-color:#14532d33}.song-chord-block-tone-subdominant-primary{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-subdominant-primary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));background-color:#1e40af4d}.song-chord-block-tone-subdominant-secondary{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-subdominant-secondary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.song-chord-block-tone-dominant-primary{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-dominant-primary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1));background-color:#9a34124d}.song-chord-block-tone-dominant-secondary{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.song-chord-block-tone-dominant-secondary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));background-color:#7c2d1233}.song-chord-block-roman{margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-block-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-block-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-chord-block-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-block-notes{margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-block-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-block-controls{position:absolute;bottom:.125rem;left:50%;z-index:20;display:flex;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:.125rem;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .song-chord-block-controls{opacity:1}.song-chord-block-arrow-btn{display:flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-block-arrow-btn:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.song-chord-block-arrow-btn:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.song-chord-block-resize-handle{position:absolute;bottom:0;right:0;top:0;display:flex;width:.5rem;cursor:ew-resize;align-items:center;justify-content:center;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));opacity:.6;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-block-resize-handle:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));opacity:1!important}.group:hover .song-chord-block-resize-handle{opacity:1}.song-chord-block-resize-handle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-chord-block-resize-handle:is(.dark *):hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.song-chord-block-resize-icon{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-block-resize-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-block-play-btn{position:absolute;left:-.25rem;top:-.25rem;z-index:10;display:flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-block-play-btn:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.group:hover .song-chord-block-play-btn{opacity:1}.song-chord-block-remove-btn{position:absolute;right:-.25rem;top:-.25rem;z-index:10;display:flex;height:1.25rem;width:1.25rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-block-remove-btn:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.group:hover .song-chord-block-remove-btn{opacity:1}.song-context-menu{position:fixed;z-index:120;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:.25rem;padding-bottom:.25rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-context-menu:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.song-context-menu.is-chord{width:16rem}.song-context-menu.is-group{width:14rem}.song-context-menu.is-submenu{position:absolute;bottom:0;width:12rem}.song-context-menu.is-right{left:100%}.song-context-menu.is-left{right:100%}.song-context-menu-item{width:100%;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-context-menu-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.song-context-menu-item:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-context-menu-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-context-menu-item.is-main{padding:.5rem .75rem;font-weight:500}.song-context-menu-item.is-option{padding:.375rem .75rem}.song-context-menu-item.is-strong{font-weight:600}.song-context-menu-item.is-selected{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.song-context-menu-item.is-selected:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(240 249 255 / var(--tw-text-opacity, 1))}.song-context-menu-heading{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-context-menu-heading:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-context-menu-section{margin-top:.25rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:.25rem}.song-context-menu-section:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.song-context-menu-submenu-wrap{position:relative}.song-context-menu-submenu-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.375rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-context-menu-submenu-trigger:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.song-context-menu-submenu-trigger:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-context-menu-submenu-trigger:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-context-menu-empty{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-context-menu-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-group-overlay{position:absolute;display:flex;cursor:grab;align-items:center;gap:.25rem;border-radius:.25rem;background-color:#1e293bf2;padding:.125rem .25rem;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-group-overlay:active{cursor:grabbing}.song-group-overlay.is-fullscreen{z-index:80}.song-group-overlay.is-inline{z-index:25}.song-group-overlay-name{width:6rem;border-radius:.25rem;border-width:1px;border-color:transparent;background-color:transparent;padding-left:.25rem;padding-right:.25rem;padding-top:0;padding-bottom:0;font-size:10px;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.song-group-overlay-name:focus{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.song-group-overlay-move{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem}.song-group-overlay-move:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.song-chord-palette{position:relative}.song-chord-palette.is-fullscreen{position:fixed;bottom:.75rem;left:50%;z-index:90;width:min(1100px,calc(100vw - 24px))}.song-chord-palette-card.is-fullscreen{max-height:34vh;overflow:visible;padding:.75rem}.song-chord-palette-card.is-standard{padding:1.5rem}.song-chord-palette-head{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.song-chord-palette-drag{cursor:ew-resize;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-chord-palette-drag:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-chord-palette-hint{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-palette-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-palette-title{font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-chord-palette-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-palette-title.is-fullscreen{margin-bottom:.5rem;font-size:1rem;line-height:1.5rem}.song-chord-palette-title.is-standard{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem}.song-chord-palette-description{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-chord-palette-description:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-palette-content{display:flex;flex-direction:column}@media(min-width:1024px){.song-chord-palette-content{flex-direction:row}}.song-chord-palette-content.is-fullscreen{gap:.75rem}@media(min-width:1024px){.song-chord-palette-content.is-fullscreen{align-items:flex-start}}.song-chord-palette-content.is-standard{gap:1.5rem}.song-chord-palette-section{min-width:0px}.song-chord-palette-section.is-fluid{flex:1 1 0%}@media(min-width:1024px){.song-chord-palette-section.is-scale.is-standard{flex-shrink:0;flex-basis:40%}.song-chord-palette-section.is-all.is-standard{flex-shrink:0;flex-basis:60%}}.song-chord-palette-section-title{padding-left:.25rem;padding-right:.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-chord-palette-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-chord-palette-section-title.is-compact{margin-bottom:.5rem;font-size:.75rem;line-height:1rem}.song-chord-palette-section-title.is-standard{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem}.song-chord-palette-scale-list{display:flex;flex-wrap:wrap;gap:.5rem}.song-chord-palette-scale-item{position:relative}.song-chord-palette-scale-card{cursor:move;border-radius:.5rem;border-width:2px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));text-align:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.song-chord-palette-scale-card:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-scale-card:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.song-chord-palette-scale-card.is-compact{padding:.5rem}.song-chord-palette-scale-card.is-standard{padding:.75rem}.song-chord-palette-tone-default-card{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.song-chord-palette-tone-default-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(30 58 138 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(29 78 216 / .3) var(--tw-gradient-to-position)}.song-chord-palette-tone-default-roman{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-default-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-default-popup{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-default-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-default-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-default-row-hover:hover:is(.dark *){background-color:#1e3a8a4d}.song-chord-palette-tone-default-row-base{background-color:transparent}.song-chord-palette-tone-t-primary-card{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));--tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position)}.song-chord-palette-tone-t-primary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(22 101 52 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 101 52 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(21 128 61 / .5) var(--tw-gradient-to-position)}.song-chord-palette-tone-t-primary-roman{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-t-primary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-t-primary-popup{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-t-primary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-t-primary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-t-primary-row-hover:hover:is(.dark *){background-color:#16653466}.song-chord-palette-tone-t-primary-row-base{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-t-primary-row-base:is(.dark *){background-color:#1665344d}.song-chord-palette-tone-t-secondary-card{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}.song-chord-palette-tone-t-secondary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(22 101 52 / .2) var(--tw-gradient-to-position)}.song-chord-palette-tone-t-secondary-roman{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-t-secondary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-t-secondary-popup{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-t-secondary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-t-secondary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-t-secondary-row-hover:hover:is(.dark *){background-color:#14532d4d}.song-chord-palette-tone-t-secondary-row-base{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-t-secondary-row-base:is(.dark *){background-color:#14532d33}.song-chord-palette-tone-s-primary-card{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #bfdbfe var(--tw-gradient-to-position)}.song-chord-palette-tone-s-primary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(30 64 175 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(29 78 216 / .5) var(--tw-gradient-to-position)}.song-chord-palette-tone-s-primary-roman{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-s-primary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-s-primary-popup{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-s-primary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-s-primary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-s-primary-row-hover:hover:is(.dark *){background-color:#1e40af66}.song-chord-palette-tone-s-primary-row-base{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-s-primary-row-base:is(.dark *){background-color:#1e40af4d}.song-chord-palette-tone-s-secondary-card{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.song-chord-palette-tone-s-secondary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(30 64 175 / .2) var(--tw-gradient-to-position)}.song-chord-palette-tone-s-secondary-roman{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-s-secondary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-s-secondary-popup{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-s-secondary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-s-secondary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-s-secondary-row-hover:hover:is(.dark *){background-color:#1e3a8a4d}.song-chord-palette-tone-s-secondary-row-base{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-s-secondary-row-base:is(.dark *){background-color:#1e3a8a33}.song-chord-palette-tone-d-primary-card{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));--tw-gradient-from: #ffedd5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fed7aa var(--tw-gradient-to-position)}.song-chord-palette-tone-d-primary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(154 52 18 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(154 52 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(194 65 12 / .5) var(--tw-gradient-to-position)}.song-chord-palette-tone-d-primary-roman{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-d-primary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-d-primary-popup{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-d-primary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-d-primary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-d-primary-row-hover:hover:is(.dark *){background-color:#9a341266}.song-chord-palette-tone-d-primary-row-base{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-d-primary-row-base:is(.dark *){background-color:#9a34124d}.song-chord-palette-tone-d-secondary-card{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)}.song-chord-palette-tone-d-secondary-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(124 45 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(154 52 18 / .2) var(--tw-gradient-to-position)}.song-chord-palette-tone-d-secondary-roman{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-d-secondary-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.song-chord-palette-tone-d-secondary-popup{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-d-secondary-popup:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}.song-chord-palette-tone-d-secondary-row-hover:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-d-secondary-row-hover:hover:is(.dark *){background-color:#7c2d124d}.song-chord-palette-tone-d-secondary-row-base{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.song-chord-palette-tone-d-secondary-row-base:is(.dark *){background-color:#7c2d1233}.song-chord-palette-scale-title{text-align:center}.song-chord-palette-scale-roman{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;font-weight:600}.song-chord-palette-scale-name{font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-chord-palette-scale-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-palette-scale-name.is-compact{font-size:.875rem;line-height:1.25rem}.song-chord-palette-scale-name.is-standard{font-size:1rem;line-height:1.5rem}.song-chord-palette-scale-notes{margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-chord-palette-scale-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-palette-popup{position:absolute;left:0;z-index:120;max-height:400px;overflow-y:auto;border-radius:.5rem;border-width:2px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-popup:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.song-chord-palette-popup.is-compact{bottom:100%;margin-bottom:.25rem;min-width:170px}.song-chord-palette-popup.is-standard{top:100%;min-width:200px}.song-chord-palette-popup-row{cursor:move;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-palette-popup-row:last-child{border-bottom-width:0px}.song-chord-palette-popup-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.song-chord-palette-popup-row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.song-chord-palette-popup-row-main{flex:1 1 0%}.song-chord-palette-popup-row-name{font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-chord-palette-popup-row-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-palette-popup-row-notes{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-palette-popup-row-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-palette-popup-row-tag{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-chord-palette-popup-row-tag:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-chord-palette-all-layout{display:flex;align-items:flex-start;gap:1rem}.song-chord-palette-piano-wrap{padding-left:.5rem;padding-right:.5rem}.song-chord-palette-piano{position:relative;z-index:40;display:inline-flex}.song-chord-palette-piano-key-wrap{position:absolute}.song-chord-palette-piano-key{position:relative;display:flex;height:100%;width:100%;cursor:move;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.song-chord-palette-piano-key:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.song-chord-palette-piano-key:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.song-chord-palette-piano-key.is-white{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.song-chord-palette-piano-key.is-white:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-piano-key.is-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.song-chord-palette-piano-key.is-black-sharp{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #0e7490 var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 116 144 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #164e63 var(--tw-gradient-to-position)}.song-chord-palette-piano-key.is-black-sharp:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-piano-key.is-black-flat{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1));background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: #b45309 var(--tw-gradient-from-position);--tw-gradient-to: rgb(180 83 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #78350f var(--tw-gradient-to-position)}.song-chord-palette-piano-key.is-black-flat:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-piano-more{position:absolute;right:.25rem;top:.25rem;font-size:.75rem;line-height:1rem}.song-chord-palette-piano-more.is-white{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.song-chord-palette-piano-more.is-sharp{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.song-chord-palette-piano-more.is-flat{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.song-chord-palette-piano-note{font-size:.875rem;line-height:1.25rem;font-weight:700}.song-chord-palette-piano-note.is-white{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-chord-palette-piano-note.is-black{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-chord-palette-piano-popup{position:absolute;left:0;z-index:120;max-height:400px;min-width:220px;overflow-y:auto;border-radius:.5rem;border-width:2px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-piano-popup:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.song-chord-palette-piano-popup.is-compact{bottom:100%;margin-bottom:.25rem}.song-chord-palette-piano-popup.is-standard{top:100%}.song-chord-palette-piano-popup.is-white{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup.is-white:is(.dark *){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup.is-sharp{--tw-border-opacity: 1;border-color:rgb(103 232 249 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup.is-sharp:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup.is-flat{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup.is-flat:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup-row{cursor:move;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-palette-piano-popup-row:last-child{border-bottom-width:0px}.song-chord-palette-piano-popup-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.song-chord-palette-piano-popup-row.is-white:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.song-chord-palette-piano-popup-row.is-white:hover:is(.dark *){background-color:#581c874d}.song-chord-palette-piano-popup-row.is-sharp:hover{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.song-chord-palette-piano-popup-row.is-sharp:hover:is(.dark *){background-color:#164e634d}.song-chord-palette-piano-popup-row.is-flat:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.song-chord-palette-piano-popup-row.is-flat:hover:is(.dark *){background-color:#78350f4d}.song-chord-palette-accidentals{display:flex;flex-direction:column;gap:.5rem}.song-chord-palette-accidental-btn{border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-chord-palette-accidental-btn.is-active-sharp{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-accidental-btn.is-active-flat{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.song-chord-palette-accidental-btn.is-inactive{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-chord-palette-accidental-btn.is-inactive:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.song-chord-palette-accidental-btn.is-inactive:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-chord-palette-accidental-btn.is-inactive:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.song-chord-palette-accidental-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.song-chord-palette-accidental-symbol{font-size:1.5rem;line-height:2rem}.song-chord-palette-accidental-text{font-size:.75rem;line-height:1rem}.sound-settings-modal-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.sound-settings-modal-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.sound-settings-modal-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sound-settings-modal-body{overflow-y:auto;padding:1rem}.sound-settings-modal-card{padding:1rem}.sound-settings-modal-section-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.sound-settings-modal-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sound-settings-modal-section-hint{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.sound-settings-modal-section-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.sound-settings-mode-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.sound-settings-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sound-settings-mode-button{border-radius:.5rem;border-width:1px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sound-settings-mode-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.sound-settings-mode-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.sound-settings-mode-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.sound-settings-mode-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.sound-settings-mode-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.sound-settings-state-text{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.sound-settings-state-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.sound-settings-state-warning{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.sound-settings-state-warning:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.sound-settings-field-label{display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.sound-settings-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.sound-settings-midi-select{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sound-settings-midi-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.sound-settings-midi-select:disabled{opacity:.6}.sound-settings-midi-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sound-settings-modal-footer{display:flex;justify-content:flex-end;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.sound-settings-modal-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.sound-settings-modal-done{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sound-settings-modal-done:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.instrument-selector-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.instrument-selector-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-selector-hint{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.instrument-selector-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.instrument-selector-selected-label{margin-bottom:.5rem;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.instrument-selector-selected-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.instrument-selector-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.instrument-selector-chip{display:inline-flex;align-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.instrument-selector-chip:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.instrument-selector-edit-button{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.instrument-selector-edit-button:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.instrument-selector-edit-button:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.instrument-selector-edit-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.instrument-selector-modal-hint{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.instrument-selector-modal-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.instrument-selector-groups>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.instrument-selector-group>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.instrument-selector-group-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.instrument-selector-group-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.instrument-selector-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.instrument-selector-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.instrument-selector-options-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.instrument-selector-option-button{border-radius:.5rem;border-width:1px;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.instrument-selector-option-button.is-selected{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.instrument-selector-option-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.instrument-selector-option-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.instrument-selector-option-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.instrument-selector-option-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.instrument-selector-modal-footer{margin-top:1rem;display:flex;justify-content:flex-end}.strumming-library-status{border-radius:.5rem;border-width:1px;padding:1rem;font-size:.875rem;line-height:1.25rem}.strumming-library-status.is-loading{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.strumming-library-status.is-loading:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.strumming-library-status.is-error{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.strumming-library-status.is-error:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1));background-color:#7f1d1d33;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.strumming-library-toolbar{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.strumming-library-toolbar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.strumming-library-toolbar-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.strumming-library-toolbar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.strumming-library-field{min-width:0px}.strumming-library-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.strumming-library-field-label{display:block;font-size:.75rem;line-height:1rem;font-weight:600}.strumming-library-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.strumming-library-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.strumming-library-number-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.strumming-library-number-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.strumming-library-range-value{width:2.5rem;text-align:right;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.strumming-library-range-value:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.strumming-library-checkbox-wrap{display:flex;align-items:flex-end}.strumming-library-empty{border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;text-align:center}.strumming-library-empty:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.strumming-library-empty-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.strumming-library-empty-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.strumming-library-pattern-row{border-radius:.5rem;border-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.strumming-library-pattern-row:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.strumming-library-pattern-row{padding:1rem}}.strumming-library-pattern-row.is-playing{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.strumming-library-pattern-row.is-playing:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity, 1))}.strumming-library-pattern-row.is-idle{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.strumming-library-pattern-row.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.strumming-library-pattern-inner{min-width:0px}.strumming-library-pattern-head{margin-bottom:.5rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.strumming-library-pattern-head{flex-direction:row;align-items:flex-start;justify-content:space-between}}.strumming-library-pattern-title-wrap{min-width:0px}@media(min-width:768px){.strumming-library-pattern-title-wrap{flex:1 1 0%}}.strumming-library-pattern-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.strumming-library-pattern-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.strumming-library-pattern-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.strumming-library-pattern-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.strumming-library-pattern-meta{min-width:0px}@media(min-width:768px){.strumming-library-pattern-meta{flex:1 1 0%}}.strumming-library-pattern-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.strumming-library-pattern-label{font-size:11px;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.strumming-library-pattern-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.strumming-library-pattern-label--offset{margin-left:.5rem}.strumming-library-difficulty-chip{border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:11px;font-weight:500;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.strumming-library-difficulty-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.strumming-library-tag-chip{border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:11px;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.strumming-library-tag-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.strumming-library-tag-empty{font-size:11px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.strumming-library-tag-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.strumming-library-pattern-actions{display:flex;flex-shrink:0;align-items:center;gap:.5rem;align-self:flex-end}@media(min-width:768px){.strumming-library-pattern-actions{align-self:flex-start}}.strumming-library-play-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.strumming-library-play-button.is-play{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.strumming-library-play-button.is-play:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.strumming-library-play-button.is-stop{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.strumming-library-play-button.is-stop:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.strumming-library-favorite-button.is-favorite{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button.is-favorite:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.strumming-library-favorite-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.strumming-library-notation-error{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.strumming-library-notation-error:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.strumming-library-notation-error-text{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.strumming-library-notation-error-text:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.strumming-library-notation-wrap{width:100%;max-width:100%;overflow:hidden}.strumming-library-notation-wrap svg{height:auto;max-width:100%}.rhythm-generator-surface-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-generator-surface-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-generator-settings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.rhythm-generator-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rhythm-generator-field-label{margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem;font-weight:600}.rhythm-generator-field-label--spaced{margin-bottom:.5rem}.rhythm-generator-select{width:100%;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-generator-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-range-input{height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));accent-color:#2563eb}.rhythm-range-input:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-range-input.is-compact{width:8rem}.rhythm-generator-number-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-generator-number-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.rhythm-generator-full-row{grid-column:span 3 / span 3}}.rhythm-generator-toggle-layout{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.rhythm-generator-toggle-layout{flex-direction:row;align-items:center;justify-content:space-between}}.rhythm-generator-options-grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}@media(min-width:768px){.rhythm-generator-options-grid{flex:1 1 0%}}.rhythm-generator-toggle-button{border-radius:.25rem;border-width:1px;padding:.25rem .5rem;text-align:center;font-size:.75rem;line-height:1rem;line-height:1.25;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-generator-toggle-button.is-active{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-generator-toggle-button.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.rhythm-generator-toggle-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-generator-toggle-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-generator-visualization-wrap{display:flex;align-items:center;gap:.5rem}@media(min-width:768px){.rhythm-generator-visualization-wrap{margin-left:1rem;flex-shrink:0}}.rhythm-generator-visualization-label{white-space:nowrap;font-size:.75rem;line-height:1rem;font-weight:600}.rhythm-generator-visualization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rhythm-generator-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.rhythm-generator-icon-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-generator-icon-button.is-blue{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-blue:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-blue:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-green{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-green:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-green:is(.dark *){--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-green:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-gray{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-gray:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-gray:is(.dark *){--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-gray:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-indigo{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-indigo:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-indigo:is(.dark *){--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-indigo:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-yellow{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-yellow:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-yellow:is(.dark *){--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-yellow:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-orange{--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-orange:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-orange:is(.dark *){--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.rhythm-generator-icon-button.is-orange:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.rhythm-generator-share-message{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.rhythm-generator-share-message:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.rhythm-generator-notation-loading{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-generator-notation-loading:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-generator-notation-wrap{width:100%;max-width:100%;overflow:hidden}.rhythm-generator-notation-wrap svg{height:auto;max-width:100%}.rhythm-generator-legend-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.rhythm-generator-legend-list{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;line-height:1rem}.rhythm-generator-legend-dot{display:flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px}.rhythm-generator-legend-dot--accent{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.rhythm-generator-legend-dot--continuation{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.rhythm-generator-legend-dot--continuation:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-generator-legend-dot--rest{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-generator-legend-dot--rest:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-generator-legend-barline{height:2rem;width:.25rem;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.rhythm-generator-legend-barline:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-generator-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-generator-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.rhythm-generator-modal-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-generator-modal-item-content{min-width:0px;flex:1 1 0%}.rhythm-generator-modal-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-item-meta{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-item-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-item-actions{display:flex;gap:.5rem}.rhythm-generator-modal-button{border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-generator-modal-button.is-blue{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-generator-modal-button.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-generator-modal-button.is-red{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.rhythm-generator-modal-button.is-red:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.rhythm-circle-surface-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-circle-surface-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-circle-track{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.rhythm-circle-group{position:relative;display:flex;gap:.125rem}.rhythm-circle-group.is-framed{border-radius:.5rem;border-width:2px;--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));padding:.25rem}.rhythm-circle-group.is-framed:is(.dark *){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.rhythm-circle-node{position:relative;display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-circle-node.is-rest{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.rhythm-circle-node.is-rest:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-circle-node.is-accent{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.rhythm-circle-node.is-accent:is(.dark *){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.rhythm-circle-node.is-continuation{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.rhythm-circle-node.is-continuation:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-circle-node.is-active{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1))}.rhythm-circle-node.is-active:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.rhythm-circle-rest-mark{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-circle-rest-mark:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-circle-note-color-0{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-1{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-2{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-3{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-4{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-5{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-6{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.rhythm-circle-note-color-7{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.rhythm-circle-barline{margin-left:.5rem;margin-right:.5rem;height:3.5rem;width:.25rem;--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.rhythm-circle-barline:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-circle-pickup-wrap{position:relative;display:flex;gap:.25rem;border-radius:.5rem;border-width:2px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));padding:.25rem}.rhythm-circle-pickup-wrap:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.rhythm-circle-main-set{position:relative}.rhythm-circle-tuplet-plain{position:relative;display:flex;gap:.125rem}.rhythm-circle-tuplet-cluster{position:relative;display:flex;gap:.125rem;border-radius:.5rem;padding:.25rem}.rhythm-circle-tuplet-cluster.is-triplet-sixteenth{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-cluster.is-triplet-sixteenth:is(.dark *){background-color:#1e3a8a4d}.rhythm-circle-tuplet-cluster.is-triplet-eighth{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-cluster.is-triplet-eighth:is(.dark *){background-color:#581c874d}.rhythm-circle-tuplet-cluster.is-triplet-quarter{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-cluster.is-triplet-quarter:is(.dark *){background-color:#8318434d}.rhythm-circle-tuplet-cluster.is-quintuplet{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-cluster.is-quintuplet:is(.dark *){background-color:#78350f4d}.rhythm-circle-tuplet-cluster.is-sextuplet{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-cluster.is-sextuplet:is(.dark *){background-color:#134e4a4d}.rhythm-circle-tuplet-badge-count{position:absolute;right:-.25rem;top:-.25rem;display:flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-circle-tuplet-badge-base{position:absolute;bottom:-.25rem;right:-.25rem;display:flex;height:.75rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1));font-size:10px;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-circle-tuplet-badge-base:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.rhythm-circle-tuplet-badge-count.is-over,.rhythm-circle-tuplet-badge-base.is-over{z-index:10}.rhythm-circle-tie{position:absolute;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rhythm-circle-tie--start{left:-.5rem}.rhythm-circle-tie--end{right:-.5rem}.rhythm-circle-tie-path{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-circle-tie-path:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-notation-surface-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-notation-surface-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.rhythm-notation-error{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.rhythm-trainer-controls-card{margin-bottom:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-trainer-controls-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-trainer-settings-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.rhythm-trainer-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rhythm-trainer-setting-col{min-width:0px}.rhythm-trainer-field-label{margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem;font-weight:600}.rhythm-trainer-field-label--spaced{margin-bottom:.5rem}.rhythm-trainer-select{width:100%;border-radius:.25rem;border-width:1px;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}.rhythm-trainer-select.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-trainer-select.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-select.is-disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-select.is-disabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-number-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-trainer-number-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-hihat-list{margin-top:.5rem}.rhythm-trainer-hihat-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.rhythm-trainer-hihat-item{display:flex;align-items:center}.rhythm-trainer-checkbox{margin-right:.5rem;accent-color:#2563eb}.rhythm-trainer-checkbox:is(.dark *){accent-color:#60a5fa}.rhythm-trainer-hihat-label{font-size:.75rem;line-height:1rem}.rhythm-trainer-actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.rhythm-trainer-start-button{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-trainer-start-button:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-trainer-start-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-start-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-trainer-timer-label{font-size:.75rem;line-height:1rem;font-weight:600}.rhythm-trainer-timer-input{width:4rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.25rem .5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-trainer-timer-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.rhythm-trainer-timer-input.is-active{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));font-weight:700;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.rhythm-trainer-timer-input.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.rhythm-trainer-timer-input.is-enabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-trainer-timer-input.is-enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-timer-input.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-timer-input.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-icon-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.rhythm-trainer-icon-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-trainer-icon-button.is-orange{--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-orange:hover{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-orange:is(.dark *){--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-orange:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo:is(.dark *){--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo.is-enabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-icon-button.is-indigo.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo.is-enabled:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo.is-disabled{cursor:not-allowed;opacity:.5}.rhythm-trainer-icon-button.is-purple{--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-purple:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-purple:is(.dark *){--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-purple:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo-strong{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo-strong:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo-strong:is(.dark *){--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-indigo-strong:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-yellow{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-yellow:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-yellow:is(.dark *){--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.rhythm-trainer-icon-button.is-yellow:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.rhythm-trainer-error{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.rhythm-trainer-share-message{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.rhythm-trainer-share-message:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.rhythm-trainer-beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.rhythm-trainer-beat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.rhythm-trainer-beat-cell{position:relative}.rhythm-trainer-beat-glyph-wrap{position:absolute;left:.5rem;top:.5rem;z-index:10}.rhythm-trainer-beat-glyph-select{border-radius:.25rem;border-width:1px;padding:.125rem .25rem;font-size:.75rem;line-height:1rem}.rhythm-trainer-beat-glyph-select.is-default{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-glyph-select.is-default:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-glyph-select.is-disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-glyph-select.is-disabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-play-wrap{position:absolute;right:.5rem;top:.5rem;z-index:10}.rhythm-trainer-beat-play{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-trainer-beat-play:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-beat-play.is-active{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.rhythm-trainer-beat-play.is-active:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.rhythm-trainer-beat-card{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-trainer-beat-card:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-trainer-beat-card.is-idle{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.rhythm-trainer-beat-card.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.rhythm-trainer-beat-card.is-active{border-width:1px;--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))}.rhythm-trainer-beat-card.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1))}.rhythm-trainer-accent-row{margin-bottom:.25rem;display:flex;gap:.5rem}.rhythm-trainer-accent-col{display:flex;flex-direction:column;align-items:center}.rhythm-trainer-accent-symbol{font-size:1.875rem;line-height:2.25rem}.rhythm-trainer-accent-symbol.is-note{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.rhythm-trainer-accent-symbol.is-rest{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@keyframes pulse{50%{opacity:.5}}.rhythm-trainer-accent-active{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem}.rhythm-trainer-accent-syllable{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-accent-syllable:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-trainer-glyph-label{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-glyph-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.rhythm-trainer-modal-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-item-content{min-width:0px;flex:1 1 0%}.rhythm-trainer-modal-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-meta{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-pattern{margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-pattern:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-item-actions{display:flex;gap:.5rem}.rhythm-trainer-modal-button{border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-trainer-modal-button.is-blue{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-button.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-button.is-red{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-button.is-red:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-button.is-purple{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.rhythm-trainer-modal-button.is-purple:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.rhythm-metronome-layout{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.rhythm-metronome-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.rhythm-metronome-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-metronome-card--compact{padding:.75rem}@media(min-width:640px){.rhythm-metronome-card--compact{padding:1rem}}.rhythm-metronome-header-row{display:flex;flex-direction:column;gap:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:1rem}.rhythm-metronome-header-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}@media(min-width:768px){.rhythm-metronome-header-row{flex-direction:row;align-items:flex-start;justify-content:space-between}}.rhythm-metronome-kicker{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-kicker:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-pattern-label{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-metronome-pattern-label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-metronome-muted-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.rhythm-metronome-muted-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}@media(min-width:768px){.rhythm-metronome-header-actions{justify-content:flex-end}}.rhythm-metronome-bpm-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.rhythm-metronome-bpm-chip:is(.dark *){border-color:#3b82f680;background-color:#3b82f61a;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.rhythm-metronome-bpm-chip-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.rhythm-metronome-bpm-chip-label:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.rhythm-metronome-bpm-value{font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1}.rhythm-metronome-start-button{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-start-button.is-start{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.rhythm-metronome-start-button.is-start:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.rhythm-metronome-start-button.is-stop{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.rhythm-metronome-start-button.is-stop:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.rhythm-metronome-controls-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:1280px){.rhythm-metronome-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rhythm-metronome-secondary-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:640px){.rhythm-metronome-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.rhythm-metronome-secondary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.rhythm-metronome-audio-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.rhythm-metronome-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rhythm-metronome-field{min-width:0px}.rhythm-metronome-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.rhythm-metronome-field-label{display:block;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-metronome-field-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-inline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.rhythm-metronome-inline-controls--center{margin-top:.5rem}.rhythm-metronome-side-label{width:3rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.rhythm-metronome-side-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-inline-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-metronome-inline-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-number-input{width:5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-metronome-number-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.rhythm-metronome-number-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.rhythm-metronome-number-input.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-number-input.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-checkbox{height:1rem;width:1rem;border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.rhythm-metronome-checkbox:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.rhythm-metronome-checkbox:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.rhythm-metronome-timer-input{width:6rem;border-radius:.5rem;border-width:1px;padding:.25rem .5rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.rhythm-metronome-timer-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.rhythm-metronome-timer-input.is-active{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.rhythm-metronome-timer-input.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1));background-color:#eab30833;--tw-text-opacity: 1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))}.rhythm-metronome-timer-input.is-enabled{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-metronome-timer-input.is-enabled:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.rhythm-metronome-timer-input.is-enabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.rhythm-metronome-timer-input.is-disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-timer-input.is-disabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-select{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-metronome-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.rhythm-metronome-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.rhythm-metronome-select--sm{width:11rem}.rhythm-metronome-select--xs{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.rhythm-metronome-select--grow{flex:1 1 0%}.rhythm-metronome-mode-button{border-radius:.5rem;border-width:1px;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-mode-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-metronome-mode-button.is-idle{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-metronome-mode-button.is-idle:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.rhythm-metronome-mode-button.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.rhythm-metronome-mode-button.is-idle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-metronome-mode-button.is-disabled{cursor:not-allowed;opacity:.5}.rhythm-metronome-value{width:2.5rem;text-align:right;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-metronome-value:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-grid-header{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.rhythm-metronome-grid-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.rhythm-metronome-grid-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.rhythm-metronome-icon-button{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-icon-button:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.rhythm-metronome-icon-button.is-yellow{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-yellow:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-yellow:is(.dark *){--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1));background-color:#eab30833}.rhythm-metronome-icon-button.is-yellow:hover:is(.dark *){background-color:#eab30859}.rhythm-metronome-icon-button.is-orange{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-orange:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-orange:is(.dark *){--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));background-color:#f9731633}.rhythm-metronome-icon-button.is-orange:hover:is(.dark *){background-color:#f9731659}.rhythm-metronome-icon-button.is-blue{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-blue:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));background-color:#3b82f633}.rhythm-metronome-icon-button.is-blue:hover:is(.dark *){background-color:#3b82f659}.rhythm-metronome-icon-button.is-green{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-green:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-green:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1));background-color:#22c55e33}.rhythm-metronome-icon-button.is-green:hover:is(.dark *){background-color:#22c55e59}.rhythm-metronome-icon-button.is-add{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-metronome-icon-button.is-add:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-metronome-icon-button.is-disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-icon-button.is-disabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-divider{height:1.75rem;width:1px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.rhythm-metronome-divider:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.rhythm-metronome-success{margin-top:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.rhythm-metronome-success:is(.dark *){border-color:#22c55e66;background-color:#22c55e1a;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.rhythm-metronome-grid-head{margin-top:1rem;margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-grid-head:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media(min-width:768px){.rhythm-metronome-grid-head{grid-template-columns:13rem minmax(0,1fr)}}.rhythm-metronome-track-row{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.rhythm-metronome-track-row{grid-template-columns:13rem minmax(0,1fr)}}.rhythm-metronome-steps-grid{display:grid;gap:.25rem}.rhythm-metronome-step-index{text-align:center;font-size:10px;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-step-index:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-empty{border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:1.25rem .75rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-empty:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-kind-dot{height:.75rem;width:.75rem;border-radius:9999px}.rhythm-metronome-stepper{display:inline-flex;align-items:center;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.rhythm-metronome-stepper:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.rhythm-metronome-stepper-btn{display:inline-flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-stepper-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.rhythm-metronome-stepper-btn.is-left{border-right-width:1px}.rhythm-metronome-stepper-btn.is-right{border-left-width:1px}.rhythm-metronome-stepper-btn.is-enabled{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.rhythm-metronome-stepper-btn.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.rhythm-metronome-stepper-btn.is-enabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.rhythm-metronome-stepper-btn.is-enabled:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-metronome-stepper-btn.is-disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-stepper-btn.is-disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-stepper-value{width:2.75rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.rhythm-metronome-stepper-value:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.rhythm-metronome-remove-btn{display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-remove-btn:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.rhythm-metronome-remove-btn:is(.dark *){border-color:#ef444466;background-color:#ef44441a;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.rhythm-metronome-remove-btn:hover:is(.dark *){background-color:#ef444433}.rhythm-metronome-step{height:2rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rhythm-metronome-step:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-idle{color:transparent}.rhythm-metronome-step.is-active.is-kick,.rhythm-metronome-kind-dot.is-kick{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-snare,.rhythm-metronome-kind-dot.is-snare{--tw-border-opacity: 1;border-color:rgb(5 150 105 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-hihat,.rhythm-metronome-kind-dot.is-hihat{--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-hihat-open,.rhythm-metronome-kind-dot.is-hihat-open{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-tom1,.rhythm-metronome-kind-dot.is-tom1{--tw-border-opacity: 1;border-color:rgb(8 145 178 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-tom2,.rhythm-metronome-kind-dot.is-tom2{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-tom3,.rhythm-metronome-kind-dot.is-tom3{--tw-border-opacity: 1;border-color:rgb(101 163 13 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(132 204 22 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-crash,.rhythm-metronome-kind-dot.is-crash{--tw-border-opacity: 1;border-color:rgb(124 58 237 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-sticks,.rhythm-metronome-kind-dot.is-sticks{--tw-border-opacity: 1;border-color:rgb(192 38 211 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-metronome,.rhythm-metronome-kind-dot.is-metronome{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-active.is-metronome-accent,.rhythm-metronome-kind-dot.is-metronome-accent{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.rhythm-metronome-step.is-playhead{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-offset-width: 1px}.rhythm-metronome-step.is-playhead:is(.dark *){--tw-ring-offset-color: #1f2937}.rhythm-metronome-step.is-playhead.is-kick{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-snare{--tw-ring-opacity: 1;--tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-hihat{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-hihat-open{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-tom1{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-tom2{--tw-ring-opacity: 1;--tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-tom3{--tw-ring-opacity: 1;--tw-ring-color: rgb(163 230 53 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-crash{--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-sticks{--tw-ring-opacity: 1;--tw-ring-color: rgb(232 121 249 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-metronome{--tw-ring-opacity: 1;--tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1))}.rhythm-metronome-step.is-playhead.is-metronome-accent{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.rhythm-metronome-modal-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-item{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.rhythm-metronome-modal-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.rhythm-metronome-modal-item{flex-direction:row;align-items:center}}.rhythm-metronome-modal-item-content{min-width:0px;flex:1 1 0%}.rhythm-metronome-modal-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-item-meta{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-item-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-item-actions{display:flex;gap:.5rem}.rhythm-metronome-modal-button{border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.rhythm-metronome-modal-button.is-blue{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.rhythm-metronome-modal-button.is-blue:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.rhythm-metronome-modal-button.is-red{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.rhythm-metronome-modal-button.is-red:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.rhythm-metronome-notation-panel>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.rhythm-metronome-notation-summary{display:flex;cursor:pointer;list-style-type:none;flex-direction:column;gap:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.rhythm-metronome-notation-summary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.rhythm-metronome-notation-summary::-webkit-details-marker{display:none}.rhythm-metronome-notation-wrap>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.rhythm-metronome-notation-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rhythm-metronome-notation-scroll{overflow-x:auto;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}.rhythm-metronome-notation-scroll:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.harmony-progression-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem}.harmony-progression-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}@media not all and (min-width:640px){.harmony-progression-card{padding:.5rem}}.harmony-progression-card-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-progression-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-progression-row{display:flex;flex-wrap:wrap;align-items:center;row-gap:.5rem;font-size:1rem;line-height:1.5rem}.harmony-progression-row.is-compact{-moz-column-gap:.25rem;column-gap:.25rem}.harmony-progression-row.is-regular{-moz-column-gap:.5rem;column-gap:.5rem}.harmony-progression-row--roman{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.harmony-progression-chip{border-radius:.25rem;border-width:1px;padding:.25rem .5rem;font-weight:500}.harmony-progression-chip.is-pivot,.harmony-progression-chord-link.is-pivot{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-pivot:is(.dark *),.harmony-progression-chord-link.is-pivot:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-from,.harmony-progression-chord-link.is-from{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-from:is(.dark *),.harmony-progression-chord-link.is-from:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-to,.harmony-progression-chord-link.is-to{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-to:is(.dark *),.harmony-progression-chord-link.is-to:is(.dark *){--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-neutral,.harmony-progression-chord-link.is-neutral{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-progression-chip.is-neutral:is(.dark *),.harmony-progression-chord-link.is-neutral:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-progression-chord-link{border-radius:.5rem;border-width:1px;padding:.25rem .75rem;font-weight:600;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-progression-chord-link:hover{opacity:.8}.harmony-progression-arrow{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-progression-arrow:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-key-cadences{padding:1rem}.harmony-key-cadences--library>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.harmony-key-cadences--library{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(229 231 235 / .6);--tw-shadow: var(--tw-shadow-colored)}.harmony-key-cadences--library:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-shadow-color: rgb(0 0 0 / .2);--tw-shadow: var(--tw-shadow-colored)}@media(min-width:640px){.harmony-key-cadences--library{padding:1.5rem}}.harmony-cadence-library-controls{display:grid;gap:1.5rem}@media(min-width:1024px){.harmony-cadence-library-controls{grid-template-columns:minmax(260px,.75fr) minmax(0,1fr)}}.harmony-cadence-search-block>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}@media(min-width:1024px){.harmony-cadence-search-block{padding-top:2rem}}.harmony-cadence-search{position:relative;display:block}.harmony-cadence-search-icon{pointer-events:none;position:absolute;left:1rem;top:50%;height:1.25rem;width:1.25rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-cadence-search-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-cadence-search-input{height:3rem;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:3rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-cadence-search-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.harmony-cadence-search-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.harmony-cadence-search-input{outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-search-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-cadence-search-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-cadence-search-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.harmony-cadence-search-input:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.harmony-cadence-selected>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.harmony-cadence-selected-title,.harmony-cadence-degree-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-cadence-selected-title:is(.dark *),.harmony-cadence-degree-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.harmony-cadence-selected-list,.harmony-cadence-degree-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.harmony-cadence-selected-chip{display:inline-flex;height:2.5rem;align-items:center;gap:.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-selected-chip:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.harmony-cadence-selected-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-selected-chip:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.harmony-cadence-reset{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-reset:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.harmony-cadence-reset:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-reset:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-degree-block>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.harmony-cadence-degree-button{height:2.75rem;min-width:56px;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;text-align:center;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-degree-button:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-degree-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-cadence-degree-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.harmony-cadence-degree-button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-degree-button.is-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.harmony-cadence-degree-button.is-active:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-cadence-degree-button.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.harmony-cadence-found{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-cadence-found:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-key-cadences-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.harmony-key-cadence-card{display:grid;gap:1rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-key-cadence-card:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));background-color:#eff6ff33}.harmony-key-cadence-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.harmony-key-cadence-card:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1));background-color:#17255433}@media(min-width:768px){.harmony-key-cadence-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}}@media(min-width:1024px){.harmony-key-cadence-card{grid-template-columns:220px minmax(0,1fr) auto auto}}.harmony-cadence-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(min-width:1024px){.harmony-cadence-tags{display:block}.harmony-cadence-tags>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}}.harmony-cadence-pill{display:inline-flex;height:2.25rem;max-width:100%;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.harmony-cadence-pill.is-strong{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-strong:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 83 45 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-medium{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-medium:is(.dark *){--tw-border-opacity: 1;border-color:rgb(120 53 15 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-weak{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-weak:is(.dark *){--tw-border-opacity: 1;border-color:rgb(12 74 110 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 47 73 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-category{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-cadence-pill.is-category:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-cadence-main{min-width:0px}.harmony-cadence-main>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}@media(min-width:768px){.harmony-cadence-main{grid-column-start:1;grid-row-start:1}}@media(min-width:1024px){.harmony-cadence-main{grid-column-start:auto;grid-row-start:auto}}.harmony-key-cadence-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-cadence-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-cadence-lines>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.harmony-cadence-line{display:flex;min-width:0px;flex-wrap:wrap;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.25rem}.harmony-cadence-step{display:inline-flex;flex-shrink:0;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;white-space:nowrap}.harmony-cadence-line--roman{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.harmony-cadence-roman{font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-cadence-roman:is(.dark *){--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.harmony-cadence-roman.is-filtered{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-roman.is-filtered:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name{border-radius:.125rem;text-align:left;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-chord-name:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-cadence-chord-name:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-arrow{font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-cadence-arrow:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-cadence-meta{display:flex;flex-wrap:wrap;gap:.5rem}@media(min-width:768px){.harmony-cadence-meta{grid-column-start:2;grid-row-start:1;justify-content:flex-end}}@media(min-width:1024px){.harmony-cadence-meta{grid-column-start:auto;grid-row-start:auto}}.harmony-cadence-key-family{display:inline-flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1}.harmony-cadence-key-family.is-major{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-cadence-key-family.is-major:is(.dark *){--tw-border-opacity: 1;border-color:rgb(127 29 29 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.harmony-cadence-key-family.is-minor{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-key-family.is-minor:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-key-family.is-other{width:auto;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-cadence-key-family.is-other:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-cadence-actions{display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.harmony-cadence-actions{grid-column-start:3;grid-row-start:1;justify-content:flex-end}}@media(min-width:1024px){.harmony-cadence-actions{grid-column-start:auto;grid-row-start:auto}}.harmony-cadence-play{height:3.5rem;width:3.5rem;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.harmony-cadence-play:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.harmony-cadence-play:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-play:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.harmony-cadence-play.ui-mini-play-button{height:3.5rem;width:3.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.harmony-cadence-play.ui-mini-play-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-play.ui-mini-play-button.is-idle{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-play.ui-mini-play-button.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-play.ui-mini-play-button.is-enabled:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.harmony-cadence-play.ui-mini-play-button.is-enabled:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-play .ui-mini-play-button-glyph{height:1.5rem;width:1.5rem}.harmony-cadence-favorite{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-cadence-favorite:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-favorite:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-cadence-favorite:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-cadence-favorite:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-favorite.is-active{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-favorite.is-active:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-favorite svg{height:1.5rem;width:1.5rem}.harmony-cadence-empty,.harmony-cadence-footer{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-cadence-empty:is(.dark *),.harmony-cadence-footer:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-key-chords-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-chords-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-key-chords-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.harmony-key-degree-card{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.375rem}.harmony-key-degree-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.harmony-key-degree-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:.375rem}@media(min-width:1024px){.harmony-key-degree-grid{grid-template-columns:170px 1fr}}.harmony-key-degree-meta>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.harmony-key-degree-label{font-size:11px;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-degree-label:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-key-degree-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.harmony-key-degree-chords{display:flex;flex-wrap:wrap;gap:.25rem}.harmony-key-degree-chord-btn{min-width:138px;max-width:138px;flex-shrink:0;flex-grow:0;flex-basis:138px;border-radius:.125rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.25rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-key-degree-chord-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.harmony-key-degree-chord-btn:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.harmony-key-degree-chord-btn:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.harmony-key-degree-chord-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:700;line-height:1.25;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-degree-chord-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-key-degree-chord-jazz{margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.25;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-key-degree-chord-jazz:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-key-degree-chord-notes{margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-key-degree-chord-notes:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-mark.is-from{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-mark.is-from:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-mark.is-to{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-mark.is-to:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-diatonic{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-diatonic:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-modal{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-modal:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-chromatic{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-chromatic:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-enharmonic{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-enharmonic:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-sequential{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-sequential:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-jazz{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-jazz:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-modern{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(157 23 77 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-modern:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(131 24 67 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(251 207 232 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-special{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-badge.is-special:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.harmony-key-modulations-route{width:100%;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-modulations-route:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-key-modulations-key-from{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-key-modulations-key-from:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-key-modulations-key-to{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-key-modulations-key-to:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.harmony-key-modulations-arrow{margin-left:.5rem;margin-right:.5rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-key-modulations-item-name{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-key-modulations-item-name:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-easy{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-easy:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-medium{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-medium:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-hard{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.harmony-key-modulations-difficulty-badge.is-hard:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.harmony-key-modulations-return{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:.75rem}.harmony-key-modulations-return:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.harmony-key-modulations-return-title{margin-bottom:.75rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-key-modulations-return-title:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-key-modulations-return-icon{margin-right:.5rem}.harmony-key-modulations--library>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.harmony-modulation-target-filter>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.harmony-modulation-target-list{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.harmony-modulation-target-button{min-height:2.75rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-modulation-target-button:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-modulation-target-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-modulation-target-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.harmony-modulation-target-button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-modulation-target-button.is-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.harmony-modulation-target-button.is-active:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-modulation-target-button.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.harmony-key-modulation-card{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:1024px){.harmony-key-modulation-card{grid-template-columns:220px minmax(0,1fr) auto}}@media(min-width:768px){.harmony-key-modulation-card .harmony-cadence-tags{grid-column-start:1;grid-row-start:2}}@media(min-width:1024px){.harmony-key-modulation-card .harmony-cadence-tags{grid-column-start:1;grid-row-start:1}}@media(min-width:768px){.harmony-key-modulation-card .harmony-cadence-main{grid-column-start:1;grid-row-start:1}}@media(min-width:1024px){.harmony-key-modulation-card .harmony-cadence-main{grid-column-start:2;grid-row-start:1}}@media(min-width:768px){.harmony-key-modulation-card .harmony-cadence-actions{grid-column-start:2;grid-row:span 2 / span 2;grid-row-start:1}}@media(min-width:1024px){.harmony-key-modulation-card .harmony-cadence-actions{grid-column-start:3;grid-row:span 1 / span 1;grid-row-start:1}}.harmony-modulation-pill.is-easy{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-easy:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 83 45 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-medium{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-medium:is(.dark *){--tw-border-opacity: 1;border-color:rgb(120 53 15 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-hard{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-hard:is(.dark *){--tw-border-opacity: 1;border-color:rgb(127 29 29 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-diatonic{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-diatonic:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 78 59 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(2 44 34 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-modal{--tw-border-opacity: 1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-modal:is(.dark *){--tw-border-opacity: 1;border-color:rgb(76 29 149 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(46 16 101 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-chromatic{--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-chromatic:is(.dark *){--tw-border-opacity: 1;border-color:rgb(124 45 18 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-enharmonic{--tw-border-opacity: 1;border-color:rgb(255 228 230 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-enharmonic:is(.dark *){--tw-border-opacity: 1;border-color:rgb(136 19 55 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(76 5 25 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-sequential{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-sequential:is(.dark *){--tw-border-opacity: 1;border-color:rgb(12 74 110 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(8 47 73 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-jazz{--tw-border-opacity: 1;border-color:rgb(254 249 195 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-jazz:is(.dark *){--tw-border-opacity: 1;border-color:rgb(113 63 18 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(66 32 6 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-modern{--tw-border-opacity: 1;border-color:rgb(252 231 243 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-modern:is(.dark *){--tw-border-opacity: 1;border-color:rgb(131 24 67 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(80 7 36 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-special{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.harmony-modulation-pill.is-category.is-special:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-from{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-from:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-to{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-to:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-pivot{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.harmony-modulation-tone.is-pivot:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity, 1))}.harmony-modulation-tone.is-neutral{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-modulation-tone.is-neutral:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-from{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-from:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-from:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-from:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-to{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-to:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-to:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.harmony-cadence-chord-name.harmony-modulation-tone.is-to:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.harmony-modulation-return-play{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-modulation-return-play:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.harmony-modulation-return-play:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.harmony-modulation-return-play:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-modulation-return-play:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.song-modal-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-modal-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-modal-content{flex:1 1 0%;overflow-y:auto;padding:1.5rem}.song-modal-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1.5rem}.song-modal-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.song-modal-cancel{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-modal-cancel:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.song-modal-cancel:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-modal-cancel:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.song-structure-modal-item{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-structure-modal-item:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.song-structure-modal-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#37415199}.song-structure-modal-item:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-structure-modal-item-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem}.song-structure-modal-item-main{min-width:0px}.song-structure-modal-item-title{font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-structure-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-structure-modal-item-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-structure-modal-item-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-structure-modal-item-tags{display:flex;flex-wrap:wrap;gap:.25rem}.song-structure-modal-tag{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-structure-modal-tag:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-structure-modal-item-sequence{margin-top:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.song-structure-modal-item-sequence:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-favorites-modal-content{flex:1 1 0%;overflow-y:auto;padding:1rem}.song-favorites-modal-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-favorites-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-favorites-modal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.song-favorites-modal-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-favorites-modal-item-main{min-width:0px;flex:1 1 0%}.song-favorites-modal-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-favorites-modal-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-favorites-modal-item-meta{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-favorites-modal-item-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-favorites-modal-item-actions{display:flex;gap:.5rem}.song-favorites-modal-load{white-space:nowrap;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-favorites-modal-load:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.song-favorites-modal-delete{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-favorites-modal-delete:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.song-cadence-modal-empty{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.song-cadence-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.song-cadence-modal-section-title{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-cadence-modal-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-cadence-modal-section-dot{height:.5rem;width:.5rem;border-radius:9999px}.song-cadence-modal-section-dot.is-green{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.song-cadence-modal-section-dot.is-blue{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.song-cadence-modal-item{width:100%;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.song-cadence-modal-item:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-cadence-modal-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.song-cadence-modal-item-main{flex:1 1 0%}.song-cadence-modal-item-name{margin-bottom:.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.song-cadence-modal-item-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.song-cadence-modal-item-progression{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.song-cadence-modal-item-progression:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength{white-space:nowrap;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500}.song-cadence-modal-strength.is-strong{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength.is-strong:is(.dark *){background-color:#14532d4d;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength.is-medium{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength.is-medium:is(.dark *){background-color:#713f124d;--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength.is-weak{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.song-cadence-modal-strength.is-weak:is(.dark *){background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.song-cadence-modal-item-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.375rem}.song-cadence-modal-action-replace{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));background-color:#ffffffe6;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-cadence-modal-action-replace:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.song-cadence-modal-action-replace:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#1f2937b3;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.song-cadence-modal-action-replace:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.song-cadence-modal-action-add{border-radius:.375rem;border-width:1px;border-color:#6ee7b7b3;background-color:#ecfdf5cc;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.song-cadence-modal-action-add:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.song-cadence-modal-action-add:is(.dark *){--tw-border-opacity: 1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1));background-color:#064e3b33;--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.song-cadence-modal-action-add:hover:is(.dark *){background-color:#064e3b59}.song-cadence-modal-footer-actions{display:flex;justify-content:flex-end}.harmony-generator-main-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.harmony-generator-section-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-generator-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-generator-selector-row{display:flex;flex-direction:row;align-items:flex-start;gap:1rem}.harmony-generator-selector-col{min-width:0px;flex:1 1 0%}.harmony-generator-mode-wrap>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.harmony-generator-mode-label{margin-bottom:.5rem}.harmony-generator-select{display:block;width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-generator-select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.harmony-generator-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-generator-current-header{margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.harmony-generator-current-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.harmony-generator-current-title{margin-bottom:0}.harmony-generator-play-button{flex-shrink:0}.harmony-generator-current-actions{display:flex;gap:.5rem}@media(min-width:768px){.harmony-generator-current-actions{flex-shrink:0}}.harmony-generator-sound-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.harmony-generator-sound-button:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.harmony-generator-info-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.harmony-generator-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.harmony-generator-chip-list{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.harmony-generator-step-chip{border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.harmony-generator-step-chip.is-tone{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.harmony-generator-step-chip.is-tone:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.harmony-generator-step-chip.is-semitone{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.harmony-generator-step-chip.is-semitone:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.harmony-generator-intervals-value{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-generator-intervals-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-generator-note-chip{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.harmony-generator-note-chip:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.harmony-generator-tab-content{min-width:0px}.scale-map-page>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.scale-map-hero>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.scale-map-description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.scale-map-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.scale-map-controls-card>:not([hidden])~:not([hidden]),.scale-map-results-card>:not([hidden])~:not([hidden]),.scale-map-details-card>:not([hidden])~:not([hidden]),.scale-map-audio-card>:not([hidden])~:not([hidden]),.scale-map-docs-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.scale-map-controls-grid{display:grid;gap:1rem}@media(min-width:1280px){.scale-map-controls-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.scale-map-controls-grid--neighbors{grid-template-columns:repeat(5,minmax(0,1fr))}.scale-map-root-field,.scale-map-neighbor-field{grid-column:span 2 / span 2}.scale-map-root-field--neighbors,.scale-map-neighbor-field--neighbors{grid-column:span 1 / span 1}}.scale-map-mode-grid{display:grid;gap:1rem}@media(min-width:768px){.scale-map-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.scale-map-mode-grid--chord{grid-template-columns:repeat(4,minmax(0,1fr))}.scale-map-mode-grid--pentatonic{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:768px){.scale-map-select-wide{grid-column:span 2 / span 2}}@media(min-width:1280px){.scale-map-select-wide{grid-column:span 3 / span 3}.scale-map-select-wide--compact{grid-column:span 2 / span 2}}.scale-map-toggle-field{width:100%;max-width:28rem}.scale-map-toggle-label{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.scale-map-toggle-label:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.scale-map-toggle{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.5rem;border-width:1px;padding:.5rem .75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-map-toggle.is-idle{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.scale-map-toggle.is-idle:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.scale-map-toggle.is-active.is-warning{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.scale-map-toggle.is-active.is-warning:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#451a034d}.scale-map-toggle.is-active.is-info{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.scale-map-toggle.is-active.is-info:is(.dark *){--tw-border-opacity: 1;border-color:rgb(7 89 133 / var(--tw-border-opacity, 1));background-color:#082f494d}.scale-map-toggle.is-active.is-danger{--tw-border-opacity: 1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.scale-map-toggle.is-active.is-danger:is(.dark *){--tw-border-opacity: 1;border-color:rgb(159 18 57 / var(--tw-border-opacity, 1));background-color:#4c05194d}.scale-map-toggle-copy{min-width:0px}.scale-map-toggle-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.scale-map-toggle-title:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.scale-map-toggle-hint{margin-top:.125rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-toggle-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-toggle-switch{position:relative;display:inline-flex;height:1.5rem;width:2.75rem;flex-shrink:0;align-items:center;border-radius:9999px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-map-toggle-switch.is-idle{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.scale-map-toggle-switch.is-idle:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.scale-map-toggle-switch.is-active.is-warning{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.scale-map-toggle-switch.is-active.is-info{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.scale-map-toggle-switch.is-active.is-danger{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.scale-map-toggle-thumb{display:inline-block;height:1.25rem;width:1.25rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-map-toggle-thumb.is-idle{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-map-toggle-thumb.is-active{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-map-controls-actions{display:flex;justify-content:flex-end}.scale-map-sound-button{flex-shrink:0}.scale-map-main-grid{display:grid;gap:1.5rem}@media(min-width:1280px){.scale-map-main-grid{grid-template-columns:minmax(0,1.5fr) 360px}}.scale-map-results-column>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.scale-map-results-header,.scale-map-audio-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.scale-map-results-title,.scale-map-audio-title{margin-bottom:0}.scale-map-results-hint{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-results-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-results-grid{display:grid;gap:1rem}@media(min-width:768px){.scale-map-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1536px){.scale-map-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.scale-map-sidebar-wrap{position:sticky;top:5rem;align-self:flex-start}}.scale-map-card-button{width:100%;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-map-card{height:100%}.scale-map-card.is-selected{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(252 211 77 / .7)}.scale-map-card.is-selected:is(.dark *){--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(180 83 9 / .4)}.scale-map-card-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.scale-map-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.scale-map-card-relation{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-card-relation:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-card-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.scale-map-card-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.scale-map-card-chord{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.scale-map-card-chord:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.scale-map-card-sections{display:grid;gap:.5rem}.scale-map-card-section{display:grid;gap:.25rem}.scale-map-chip-list{display:flex;flex-wrap:wrap;gap:.375rem}.scale-map-chip-list--sm{gap:.5rem;font-size:.75rem;line-height:1rem}.scale-map-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-section-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-details-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.scale-map-details-context{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-details-context:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-details-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.scale-map-details-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.scale-map-details-sections>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.scale-map-details-actions,.scale-map-details-links{display:grid;gap:.5rem}.scale-map-action-link{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scale-map-action-link:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.scale-map-action-link:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.scale-map-action-link:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.scale-map-callout{border-radius:.5rem;border-width:1px;border-style:dashed;padding:.75rem;font-size:.875rem;line-height:1.25rem}.scale-map-callout--success{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.scale-map-callout--success:is(.dark *){border-color:#064e3b99;background-color:#022c224d;--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.scale-map-callout--info{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.scale-map-callout--info:is(.dark *){--tw-border-opacity: 1;border-color:rgb(7 89 133 / var(--tw-border-opacity, 1));background-color:#082f494d;--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.scale-map-callout--warning{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.scale-map-callout--warning:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#451a034d}.scale-map-callout-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.scale-map-callout-label--info{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.scale-map-callout-label--info:is(.dark *){--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.scale-map-callout-label--warning{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.scale-map-callout-label--warning:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.scale-map-callout-body{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.scale-map-callout-body:is(.dark *){--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.scale-map-callout-title{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.scale-map-callout-title:is(.dark *){--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.scale-map-inline-hint{margin-top:.5rem;font-size:.75rem;line-height:1rem}.scale-map-inline-hint--warning{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.scale-map-inline-hint--warning:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.scale-map-practice-list{margin-top:.5rem;list-style-type:decimal}.scale-map-practice-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.scale-map-practice-list{padding-left:1.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.scale-map-practice-list:is(.dark *){--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.scale-map-audio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.scale-map-audio-grid{display:grid;gap:1rem}@media(min-width:768px){.scale-map-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.scale-map-audio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.scale-map-audio-stat{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.scale-map-audio-stat:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.scale-map-audio-stat-value{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.scale-map-audio-stat-value:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.scale-map-family-chart{border-radius:1rem;border-width:1px;border-color:#c7d2feb3;background-color:#eef2ffb3;padding:1rem}.scale-map-family-chart:is(.dark *){border-color:#312e8166;background-color:#1e1b4b33}.scale-map-family-chart-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(30 27 75 / var(--tw-text-opacity, 1))}.scale-map-family-chart-title:is(.dark *){--tw-text-opacity: 1;color:rgb(238 242 255 / var(--tw-text-opacity, 1))}.scale-map-family-chart-copy{margin-top:1rem;font-size:.875rem;line-height:1.25rem;color:#1e1b4bcc}.scale-map-family-chart-copy:is(.dark *){color:#eef2ffcc}.scale-map-family-chart-copy:first-of-type{margin-top:.5rem}.scale-map-family-chart-viewport{margin-top:1rem;overflow-x:auto}.scale-map-family-chart-frame{overflow:hidden;border-radius:1rem;background-color:#c7d2fecc;padding:1px}.scale-map-family-chart-frame:is(.dark *){background-color:#3730a399}.scale-map-family-chart-grid{display:grid;min-width:-moz-max-content;min-width:max-content;gap:1px;grid-template-columns:minmax(132px,168px) repeat(var(--scale-map-family-chart-column-count, 12),minmax(1.85rem,1fr))}.scale-map-family-chart-corner,.scale-map-family-chart-header-cell{background-color:#e0e7ffe6;padding-top:.5rem;padding-bottom:.5rem;font-size:11px;font-weight:600;--tw-text-opacity: 1;color:rgb(49 46 129 / var(--tw-text-opacity, 1))}.scale-map-family-chart-corner:is(.dark *),.scale-map-family-chart-header-cell:is(.dark *){background-color:#1e1b4b80;--tw-text-opacity: 1;color:rgb(224 231 255 / var(--tw-text-opacity, 1))}.scale-map-family-chart-corner{padding-left:.5rem;padding-right:.5rem;font-size:11px;text-transform:uppercase;letter-spacing:.025em}.scale-map-family-chart-header-cell{padding-left:.25rem;padding-right:.25rem;text-align:center}.scale-map-family-chart-row-label{padding:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-label:is(.dark *){background-color:#111827bf;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-label{background-color:#ffffffd9}.scale-map-family-chart-row-label.is-active{--tw-text-opacity: 1;color:rgb(8 47 73 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-label.is-active:is(.dark *){background-color:#082f4966;--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-label.is-active{background-color:#e0f2fe}.scale-map-family-chart-row-index{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-index:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.scale-map-family-chart-row-title{margin-top:.25rem;font-weight:500;line-height:1.25}.scale-map-family-chart-cell{display:flex;min-height:2rem;align-items:center;justify-content:center;padding-left:.25rem;padding-right:.25rem;font-size:.75rem;line-height:1rem}.scale-map-family-chart-cell.has-degree{font-weight:500;--tw-text-opacity: 1;color:rgb(30 27 75 / var(--tw-text-opacity, 1))}.scale-map-family-chart-cell.has-degree:is(.dark *){background-color:#1e1b4b40;--tw-text-opacity: 1;color:rgb(238 242 255 / var(--tw-text-opacity, 1))}.scale-map-family-chart-cell.has-degree{background-color:#eef2ff}.scale-map-family-chart-cell.has-degree.is-active{font-weight:600;--tw-text-opacity: 1;color:rgb(8 47 73 / var(--tw-text-opacity, 1))}.scale-map-family-chart-cell.has-degree.is-active:is(.dark *){background-color:#082f494d;--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.scale-map-family-chart-cell.has-degree.is-active{background-color:#f0f9ff}.scale-map-family-chart-cell.is-empty{color:transparent}.scale-map-family-chart-cell.is-empty:is(.dark *){background-color:#03071233}.scale-map-family-chart-cell.is-empty{background-color:#ffffff73}.scale-map-family-chart-cell.is-start{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.scale-map-family-chart-cell.is-end{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.octave-legend-compact{display:flex;flex-wrap:wrap;gap:.5rem}.octave-legend-compact-item{display:flex;align-items:center;gap:.25rem}.octave-legend-compact-swatch{height:.75rem;width:.75rem}.octave-legend-compact-label{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.octave-legend-compact-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.octave-legend-card{padding:1.5rem}@media print{.octave-legend-card{border-width:0px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.octave-legend-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.octave-legend-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media print{.octave-legend-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem}}.octave-legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:640px){.octave-legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.octave-legend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.octave-legend-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media print{.octave-legend-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem}}.octave-legend-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.octave-legend-item:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.octave-legend-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media print{.octave-legend-item{gap:.25rem;border-radius:.25rem;padding:.25rem}}.octave-legend-swatch{height:1.5rem;width:1.5rem}@media print{.octave-legend-swatch{height:1.25rem;width:1.25rem}}.octave-legend-octave{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.octave-legend-octave:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media print{.octave-legend-octave{font-size:10px}}.octave-legend-name{text-align:center;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.octave-legend-name:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media print{.octave-legend-name{font-size:9px;line-height:1.25}}.octave-legend-helper{margin-top:1rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.octave-legend-helper:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media print{.octave-legend-helper{display:none}}.octave-legend-helper-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.octave-legend-helper-text:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.octave-legend-additional{margin-top:.5rem}.octave-legend-additional>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.octave-legend-additional{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.octave-legend-additional:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.octave-legend-indicator-root{height:.75rem;width:.75rem;border-radius:9999px;border-width:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.octave-legend-indicator-highlighted{height:.75rem;width:.75rem;border-radius:9999px;border-width:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #d1d5db var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #9ca3af var(--tw-gradient-to-position);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 1px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.content-muted{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.content-muted:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.content-link-primary{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.content-link-primary:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.content-link-primary:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.content-link-primary:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.content-link-muted{font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.content-link-muted:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.content-link-muted:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.content-link-muted:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.content-draft-badge{display:inline-flex;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.content-draft-badge:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#78350f66;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.content-tag-chip{display:inline-flex;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.content-tag-chip:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.content-tag-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.content-tag-chip:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.content-chip-success{display:inline-flex;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.content-chip-success:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.content-chip-success:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1));background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.content-chip-success:hover:is(.dark *){background-color:#064e3b80}.content-chip-info{display:inline-flex;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.content-chip-info:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.content-chip-info:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.content-chip-info:hover:is(.dark *){background-color:#1e3a8a80}.content-chip-neutral{display:inline-flex;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.content-chip-neutral:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.content-chip-neutral:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.content-chip-neutral:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.content-toc-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.content-toc-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.content-toc-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.content-toc-link{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.content-toc-link:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));text-decoration-line:underline}.content-toc-link:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.content-toc-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.content-article-nav-grid{display:grid;gap:.75rem}@media(min-width:768px){.content-article-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.content-article-nav-card{min-height:72px;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.content-article-nav-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.content-article-nav-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.content-article-nav-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.content-article-nav-link{margin-top:.25rem;display:inline-flex;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.content-article-nav-link:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));text-decoration-line:underline}.content-article-nav-link:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.content-article-nav-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.content-article-nav-empty{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.content-article-nav-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.blog-index-page .ui-card--padding-lg,.blog-tag-page .ui-card--padding-lg,.blog-post-page .ui-card--padding-lg,.theory-index-page .ui-card--padding-lg,.theory-category-page .ui-card--padding-lg,.theory-level-page .ui-card--padding-lg,.theory-tag-page .ui-card--padding-lg,.theory-post-page .ui-card--padding-lg{padding:1.25rem}@media(min-width:640px){.blog-index-page .ui-card--padding-lg,.blog-tag-page .ui-card--padding-lg,.blog-post-page .ui-card--padding-lg,.theory-index-page .ui-card--padding-lg,.theory-category-page .ui-card--padding-lg,.theory-level-page .ui-card--padding-lg,.theory-tag-page .ui-card--padding-lg,.theory-post-page .ui-card--padding-lg{padding:1.5rem}}.blog-index-hero-row,.blog-tag-hero-row,.theory-index-hero-row,.theory-category-hero-row,.theory-level-hero-row,.theory-tag-hero-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.blog-index-title,.blog-tag-title,.theory-index-title,.theory-category-title,.theory-level-title,.theory-tag-title,.blog-post-title,.theory-post-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-index-title:is(.dark *),.blog-tag-title:is(.dark *),.theory-index-title:is(.dark *),.theory-category-title:is(.dark *),.theory-level-title:is(.dark *),.theory-tag-title:is(.dark *),.blog-post-title:is(.dark *),.theory-post-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.blog-index-title,.blog-tag-title,.theory-index-title,.theory-category-title,.theory-level-title,.theory-tag-title,.blog-post-title,.theory-post-title{font-size:2.25rem;line-height:2.5rem}}.blog-index-subtitle,.blog-tag-subtitle,.theory-category-subtitle,.theory-level-subtitle,.theory-tag-subtitle{margin-top:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.blog-index-subtitle:is(.dark *),.blog-tag-subtitle:is(.dark *),.theory-category-subtitle:is(.dark *),.theory-level-subtitle:is(.dark *),.theory-tag-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.theory-index-subtitle{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.theory-index-subtitle:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-index-rss-link,.theory-index-rss-link{display:inline-flex;align-items:center;gap:.375rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));padding:.375rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.blog-index-rss-link:hover,.theory-index-rss-link:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.blog-index-rss-link:is(.dark *),.theory-index-rss-link:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.blog-index-rss-link:hover:is(.dark *),.theory-index-rss-link:hover:is(.dark *){background-color:#7c2d1266}.blog-index-works-note,.blog-post-works-note{display:inline-flex;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.blog-index-works-note:is(.dark *),.blog-post-works-note:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.blog-index-post-header,.theory-index-post-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.blog-index-post-title,.blog-tag-post-title,.theory-index-post-title,.theory-category-post-title,.theory-level-post-title,.theory-tag-post-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-index-post-title:is(.dark *),.blog-tag-post-title:is(.dark *),.theory-index-post-title:is(.dark *),.theory-category-post-title:is(.dark *),.theory-level-post-title:is(.dark *),.theory-tag-post-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.blog-index-post-title,.blog-tag-post-title,.theory-index-post-title,.theory-category-post-title,.theory-level-post-title,.theory-tag-post-title{font-size:1.5rem;line-height:2rem}}.blog-index-post-title-link:hover,.blog-tag-post-title-link:hover,.theory-index-post-title-link:hover,.theory-category-post-title-link:hover,.theory-level-post-title-link:hover,.theory-tag-post-title-link:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.blog-index-post-title-link:hover:is(.dark *),.blog-tag-post-title-link:hover:is(.dark *),.theory-index-post-title-link:hover:is(.dark *),.theory-category-post-title-link:hover:is(.dark *),.theory-level-post-title-link:hover:is(.dark *),.theory-tag-post-title-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.blog-index-post-intro{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.blog-index-post-intro:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-tag-post-description,.theory-index-post-description,.theory-category-post-description,.theory-level-post-description,.theory-tag-post-description{margin-top:.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.blog-tag-post-description:is(.dark *),.theory-index-post-description:is(.dark *),.theory-category-post-description:is(.dark *),.theory-level-post-description:is(.dark *),.theory-tag-post-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-index-post-tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.blog-index-post-meta{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.blog-index-post-meta-actions{display:flex;align-items:center;gap:1rem;font-size:.875rem;line-height:1.25rem}.blog-tag-post-meta,.theory-category-post-meta,.theory-level-post-meta,.theory-tag-post-meta,.theory-index-post-meta{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.875rem;line-height:1.25rem}.theory-index-level-grid{margin-top:.5rem;display:grid;gap:.5rem}@media(min-width:640px){.theory-index-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.theory-index-level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.theory-index-level-chip{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.theory-index-level-chip:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.theory-index-level-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1));background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.theory-index-level-chip:hover:is(.dark *){background-color:#064e3b80}.theory-index-level-label{display:block;min-width:0px;overflow-wrap:break-word;font-weight:600;line-height:1.25}.theory-index-level-help{display:inline-flex;height:1rem;width:1rem;flex-shrink:0;cursor:help;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1));font-size:10px;line-height:1;--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.theory-index-level-help:is(.dark *){--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.theory-index-category-list,.theory-index-tag-list{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.theory-index-post-taxonomy{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-breadcrumbs,.theory-post-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;line-height:1.25rem}.blog-post-badges{display:flex;align-items:center;gap:.75rem}.blog-post-intro,.theory-post-intro{font-size:1.125rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.blog-post-intro:is(.dark *),.theory-post-intro:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.blog-post-cta-link{margin-right:.5rem;display:inline-flex;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.blog-post-cta-link:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.25rem}.blog-post-print-title,.theory-post-print-title{font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.blog-content-body,.theory-content-body{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.blog-content-body:is(.dark *),.theory-content-body:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.theory-post-reader-level{display:inline-flex;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.theory-post-reader-level:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.theory-post-reader-level:is(.dark *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity, 1));background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.theory-post-reader-level:hover:is(.dark *){background-color:#064e3b80}.theory-post-taxonomy>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.theory-post-taxonomy{padding-top:.25rem}.theory-post-taxonomy-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.theory-post-taxonomy-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.theory-post-taxonomy-list{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.theory-category-post-level,.theory-tag-post-level{margin-top:.75rem}:where(.blog-content,.content-body) h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;line-height:2rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h2:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h3{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h3:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h4{margin-top:1rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h4:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h5{margin-top:1rem;margin-bottom:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h5:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h6,:where(.blog-content,.content-body) h7{margin-top:1rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) h6:is(.dark *),:where(.blog-content,.content-body) h7:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) p{margin-bottom:.75rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) p:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) ul,:where(.blog-content,.content-body) ol{margin-bottom:1rem}:where(.blog-content,.content-body) ul>:not([hidden])~:not([hidden]),:where(.blog-content,.content-body) ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}:where(.blog-content,.content-body) ul,:where(.blog-content,.content-body) ol{padding-left:1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) ul:is(.dark *),:where(.blog-content,.content-body) ol:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) ul{list-style-type:disc}:where(.blog-content,.content-body) ol{list-style-type:decimal}:where(.blog-content,.content-body) a{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1));text-decoration-line:underline}:where(.blog-content,.content-body) a:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) a:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) a:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) .content-term-hint{cursor:help;border-bottom-width:1px;border-style:dotted;border-color:#3b82f6b3;color:inherit}:where(.blog-content,.content-body) .content-term-hint:is(.dark *){border-color:#93c5fdb3}:where(.blog-content,.content-body) .content-term-hint{text-decoration:none}:where(.blog-content,.content-body) .content-term-hint:hover{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}:where(.blog-content,.content-body) .content-term-hint:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}:where(.blog-content,.content-body) .content-term-hint:focus-visible{border-radius:.125rem;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .4)}:where(.blog-content,.content-body) .content-term-hint:focus-visible:is(.dark *){--tw-ring-color: rgb(147 197 253 / .5)}:where(.blog-content,.content-body) code{border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.125rem .25rem;font-size:.875rem;line-height:1.25rem}:where(.blog-content,.content-body) code:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}:where(.blog-content,.content-body) pre{margin-bottom:1rem;overflow-x:auto;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) pre code{border-radius:0;background-color:transparent;padding:0;color:inherit}:where(.blog-content,.content-body) blockquote{margin-top:1.25rem;margin-bottom:1.25rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-left-width:4px;--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));background-color:#eff6ffb3;padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) blockquote:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));background-color:#1e3a8a33;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) blockquote p{margin-bottom:.5rem;font-style:italic;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) blockquote p:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) blockquote p:last-child{margin-bottom:0}:where(.blog-content,.content-body) .content-callout{margin-top:1rem;margin-bottom:1rem;border-radius:.5rem;border-width:1px;padding:.75rem 1rem}:where(.blog-content,.content-body) .content-callout p{margin-bottom:0}:where(.blog-content,.content-body) .content-callout .content-callout-title{margin-bottom:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600}:where(.blog-content,.content-body) .content-callout-warning{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) .content-callout-warning:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#78350f33;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}:where(.blog-content,.content-body) table{margin-top:1.25rem;margin-bottom:1.25rem;width:100%;border-collapse:collapse;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));text-align:left;font-size:.875rem;line-height:1.25rem}:where(.blog-content,.content-body) table:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}:where(.blog-content,.content-body) thead{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}:where(.blog-content,.content-body) thead:is(.dark *){background-color:#1f2937cc}:where(.blog-content,.content-body) th,:where(.blog-content,.content-body) td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.5rem .75rem;vertical-align:top}:where(.blog-content,.content-body) th:is(.dark *),:where(.blog-content,.content-body) td:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}:where(.blog-content,.content-body) tbody tr:last-child td{border-bottom-width:0px}:where(.blog-content-image,.content-image){margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));-o-object-fit:cover;object-fit:cover}:where(.blog-content-image,.content-image):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}:where(.blog-content-image,.content-image){width:var(--content-media-width, 100%);max-width:100%;margin-left:auto;margin-right:auto;height:auto}:where(.blog-youtube,.content-youtube){margin-top:1.5rem;margin-bottom:1.5rem;aspect-ratio:16 / 9;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}:where(.blog-youtube,.content-youtube):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}:where(.blog-youtube,.content-youtube){width:var(--content-media-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:where(.blog-youtube,.content-youtube) iframe{height:100%;width:100%;border-width:0px}:where(.blog-score-example,.content-score-example){margin-top:1.5rem;margin-bottom:1.5rem;overflow:hidden;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}:where(.blog-score-example,.content-score-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}:where(.blog-tab-example,.content-tab-example){margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}:where(.blog-tab-example,.content-tab-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}:where(.blog-tab-canvas,.content-tab-canvas){overflow-x:auto;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}:where(.blog-tab-canvas,.content-tab-canvas):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}:where(.blog-tab-canvas,.content-tab-canvas) svg{display:block}.dark :where(.blog-tab-canvas,.content-tab-canvas) svg{filter:invert(.92) hue-rotate(180deg) brightness(1.08)}:where(.blog-tab-canvas,.content-tab-canvas)[data-tab-error]:after{content:attr(data-tab-error);display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}:where(.blog-tab-canvas,.content-tab-canvas)[data-tab-error]:is(.dark *):after{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}:where(.blog-score-image,.content-score-image){width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));-o-object-fit:contain;object-fit:contain}:where(.blog-score-image,.content-score-image):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.blog-svg-example,.content-svg-example{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.blog-svg-example:is(.dark *),.content-svg-example:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}.blog-svg-example,.content-svg-example{width:var(--content-media-width, 100%);max-width:100%;height:auto;margin:0 auto}.blog-score-example,.content-score-example,.blog-tab-example,.content-tab-example,.blog-gallery,.content-gallery,.blog-svg-example,.content-svg-example,.blog-audio-example,.content-audio-example,.blog-staff-example,.content-staff-example,.blog-strum-example,.content-strum-example{margin-top:1.5rem;margin-bottom:1.5rem;width:var(--content-media-width, 100%);max-width:100%;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:stretch}:where(.blog-gallery,.content-gallery){align-items:center}:where(.blog-gallery-grid,.content-gallery-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--content-gallery-thumb-size, 140px)),var(--content-gallery-thumb-size, 140px)));gap:.625rem;width:100%;justify-content:center}:where(.blog-gallery-thumb,.content-gallery-thumb){position:relative;overflow:hidden;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.blog-gallery-thumb,.content-gallery-thumb):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}:where(.blog-gallery-thumb,.content-gallery-thumb){aspect-ratio:4 / 3;cursor:zoom-in;display:block;width:100%;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(.blog-gallery-thumb,.content-gallery-thumb):hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}:where(.blog-gallery-thumb,.content-gallery-thumb):hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}:where(.blog-gallery-thumb,.content-gallery-thumb):focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .5)}:where(.blog-gallery-thumb-static,.content-gallery-thumb-static){cursor:default}:where(.blog-gallery-image,.content-gallery-image){height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.content-gallery-lightbox{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:.875rem}.content-gallery-lightbox-backdrop{position:absolute;inset:0;background:#030712e0}.content-gallery-lightbox-panel{position:relative;z-index:1;width:min(96vw,1200px);max-height:92vh;display:flex;align-items:center;justify-content:center}.content-gallery-lightbox-image{max-width:100%;max-height:92vh;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));-o-object-fit:contain;object-fit:contain}.content-gallery-lightbox-image:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.content-gallery-lightbox-close{position:absolute;top:.5rem;right:.5rem;display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:#9ca3afb3;background-color:#111827cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.content-gallery-lightbox-close:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.content-gallery-lightbox-nav{position:absolute;top:50%;display:inline-flex;height:2.5rem;width:2.5rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:#9ca3afb3;background-color:#111827cc;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.content-gallery-lightbox-nav:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.content-gallery-lightbox-nav.is-left{left:.75rem}.content-gallery-lightbox-nav.is-right{right:.75rem}.content-gallery-lightbox-counter{position:absolute;bottom:.5rem;left:50%;margin-bottom:0;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:#d1d5dbb3;background-color:#111827cc;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}:where(.blog-svg-image,.content-svg-image){width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));-o-object-fit:contain;object-fit:contain}:where(.blog-svg-image,.content-svg-image):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}:where(.blog-audio-example,.content-audio-example){margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}:where(.blog-audio-example,.content-audio-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}:where(.blog-staff-example,.content-staff-example){margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}:where(.blog-staff-example,.content-staff-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}:where(.blog-strum-example,.content-strum-example){margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}:where(.blog-strum-example,.content-strum-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}:where(.blog-staff-canvas,.content-staff-canvas){overflow-x:auto;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}:where(.blog-staff-canvas,.content-staff-canvas):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}:where(.blog-strum-canvas,.content-strum-canvas){overflow-x:auto;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem}:where(.blog-strum-canvas,.content-strum-canvas):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}:where(.blog-staff-canvas,.content-staff-canvas) svg{display:block}.dark :where(.blog-staff-canvas,.content-staff-canvas) svg{filter:invert(.92) hue-rotate(180deg) brightness(1.08)}:where(.blog-strum-canvas,.content-strum-canvas) svg{display:block;width:100%;min-width:280px;height:auto}:where(.blog-staff-canvas,.content-staff-canvas)[data-staff-error]:after{content:attr(data-staff-error);display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}:where(.blog-staff-canvas,.content-staff-canvas)[data-staff-error]:is(.dark *):after{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}:where(.blog-strum-canvas,.content-strum-canvas)[data-strum-error]:after{content:attr(data-strum-error);display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}:where(.blog-strum-canvas,.content-strum-canvas)[data-strum-error]:is(.dark *):after{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}:where(.blog-example-caption,.content-example-caption){margin-top:.5rem;margin-bottom:0;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}:where(.blog-example-caption,.content-example-caption):is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}:where(.blog-toc-backlink,.content-toc-backlink){margin-top:1rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem}:where(.blog-toc-backlink,.content-toc-backlink) a{font-weight:500}.note-duration-trainer-layout>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.note-duration-trainer-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-duration-trainer-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.note-duration-trainer-header{margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:1rem}.note-duration-trainer-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}@media(min-width:768px){.note-duration-trainer-header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.note-duration-trainer-kicker{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.note-duration-trainer-kicker:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.note-duration-trainer-meta-row{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.note-duration-trainer-meta-row:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-duration-trainer-bpm-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.note-duration-trainer-bpm-chip:is(.dark *){border-color:#3b82f680;background-color:#3b82f61a;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.note-duration-trainer-bpm-chip-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.note-duration-trainer-bpm-chip-label:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.note-duration-trainer-bpm-value{font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1}.note-duration-trainer-start-button{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-duration-trainer-start-button:disabled{cursor:not-allowed;opacity:.6}.note-duration-trainer-start-button.is-start{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.note-duration-trainer-start-button.is-start:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.note-duration-trainer-start-button.is-stop{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.note-duration-trainer-start-button.is-stop:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.note-duration-trainer-count-in{margin-bottom:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.note-duration-trainer-count-in:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1));background-color:#78350f4d;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.note-duration-trainer-error{margin-bottom:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.note-duration-trainer-error:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1));background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.note-duration-trainer-controls-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:1280px){.note-duration-trainer-controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.note-duration-trainer-field{min-width:0px}.note-duration-trainer-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.note-duration-trainer-label{display:block;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-duration-trainer-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.note-duration-trainer-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.note-duration-trainer-chip{border-radius:.5rem;border-width:1px;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.note-duration-trainer-chip.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.note-duration-trainer-chip:not(.is-active){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-duration-trainer-chip:not(.is-active):hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.note-duration-trainer-chip:not(.is-active):disabled{cursor:not-allowed;opacity:.5}.note-duration-trainer-chip:not(.is-active):is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.note-duration-trainer-chip:not(.is-active):hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.note-duration-trainer-range-row{display:flex;align-items:center;gap:.5rem}.note-duration-trainer-select{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.note-duration-trainer-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.note-duration-trainer-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.note-duration-trainer-timer-input{width:6rem;border-radius:.5rem;border-width:1px;padding:.25rem .5rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.note-duration-trainer-timer-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .2)}.note-duration-trainer-timer-input.is-disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.note-duration-trainer-timer-input.is-disabled:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.note-duration-trainer-section-title{margin-bottom:.75rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.note-duration-trainer-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.note-duration-trainer-section-title--sm{margin-bottom:0;font-size:1rem;line-height:1.5rem}.note-duration-trainer-pattern-summary{margin-top:1rem}.note-duration-trainer-pattern-summary>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.note-duration-trainer-pattern-summary{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem}.note-duration-trainer-pattern-summary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.note-duration-trainer-pattern-summary-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.note-duration-trainer-selected-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.note-duration-trainer-selected-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.note-duration-trainer-selected-row:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.note-duration-trainer-selected-group{margin-right:.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.note-duration-trainer-selected-group:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.note-duration-trainer-selected-values{display:flex;flex-wrap:wrap;gap:.375rem}.note-duration-trainer-pattern-pill{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.125rem .25rem}.note-duration-trainer-pattern-pill:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.note-duration-trainer-muted{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.note-duration-trainer-muted:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.note-duration-trainer-pattern-groups{display:grid;gap:.75rem}@media(min-width:1024px){.note-duration-trainer-pattern-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.note-duration-trainer-pattern-group{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.note-duration-trainer-pattern-group:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.note-duration-trainer-pattern-group-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.note-duration-trainer-pattern-list{display:grid;gap:.5rem}@media(min-width:640px){.note-duration-trainer-pattern-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.note-duration-trainer-pattern-item{display:grid;min-height:4rem;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.375rem .5rem}.note-duration-trainer-pattern-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.note-duration-trainer-pattern-label{display:flex;min-width:0px;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.note-duration-trainer-pattern-label:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.note-duration-pattern-preview{display:inline-flex;height:2.5rem;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:.125rem;background-color:transparent}.note-duration-pattern-preview svg{display:block;height:100%;width:100%}.note-duration-pattern-preview.is-compact{height:2rem;min-width:5rem}.note-duration-trainer-bars-flow>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.note-duration-trainer-bars-flow{overflow:hidden}.note-duration-trainer-bar-row{animation:note-duration-trainer-bar-rise .26s ease-out}.note-duration-trainer-bar-row.is-next{animation-delay:40ms}.note-duration-trainer-bar-track{display:flex;justify-content:center;gap:.75rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.note-duration-trainer-beat-token{display:flex;min-width:9rem;flex-shrink:0;flex-direction:column;align-items:center}.note-duration-trainer-beat-box{position:relative;display:flex;min-height:5rem;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem;text-align:center;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.note-duration-trainer-beat-box:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));background-color:#37415199}.note-duration-trainer-beat-box.is-next{opacity:.9}.note-duration-trainer-beat-box.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.note-duration-trainer-beat-box.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));background-color:#1e3a8a33;--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1))}.note-duration-trainer-beat-bg{pointer-events:none;position:absolute;inset:.25rem;display:flex;align-items:center;justify-content:center;opacity:.15}.note-duration-trainer-beat-bg-icon{height:100%;width:100%;--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.note-duration-trainer-beat-bg-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-seq{position:relative;z-index:10;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.375rem}.note-duration-trainer-event-dot{display:inline-flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;font-weight:600}.note-duration-trainer-event-dot.is-hit.is-subdiv-4{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-4:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-8{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-8:is(.dark *){--tw-border-opacity: 1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1));background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-16{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-16:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1));background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-triplet{--tw-border-opacity: 1;border-color:rgb(240 171 252 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(250 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(112 26 117 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-hit.is-subdiv-triplet:is(.dark *){--tw-border-opacity: 1;border-color:rgb(162 28 175 / var(--tw-border-opacity, 1));background-color:#701a754d;--tw-text-opacity: 1;color:rgb(245 208 254 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-rest{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-rest:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.note-duration-trainer-event-dot.is-active{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.note-duration-trainer-event-dot.is-active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1))}@keyframes note-duration-trainer-bar-rise{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.print-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-6{width:1.5rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-amber-200\/70{border-color:#fde68ab3}.border-emerald-200\/70{border-color:#a7f3d0b3}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.border-white\/50{border-color:#ffffff80}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50\/80{background-color:#fffbebcc}.bg-black\/5{background-color:#0000000d}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50\/80{background-color:#ecfdf5cc}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-50\/80{background-color:#f0f9ffcc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-amber-950\/85{color:#451a03d9}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-emerald-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-emerald-950\/85{color:#022c22d9}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-rose-900{--tw-text-opacity: 1;color:rgb(136 19 55 / var(--tw-text-opacity, 1))}.text-sky-900{--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media print{.fretboard-explorer-print-scroll{overflow:visible!important}.fretboard-explorer-print-inner{min-width:0!important;width:100%!important;justify-content:center!important}.fretboard-explorer-print-svg{display:block!important;max-width:none!important;width:auto!important;height:auto!important;zoom:var(--fretboard-print-zoom, .78)}@supports not (zoom: 1){.fretboard-explorer-print-svg{transform:scale(var(--fretboard-print-zoom, .78));transform-origin:top left;width:calc(100% / var(--fretboard-print-zoom, .78))!important}}.octave-color-swatch{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.hide-on-print{display:none!important}.print-only{display:block!important}.print-content-only{box-shadow:none!important;border:0!important;background:#fff!important}.blog-tab-example,.content-tab-example,.blog-staff-example,.content-staff-example,.blog-strum-example,.content-strum-example,.blog-score-example,.content-score-example,.blog-svg-example,.content-svg-example{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;border-color:#d1d5db;background:#fff}:where(.blog-tab-canvas,.content-tab-canvas),:where(.blog-staff-canvas,.content-staff-canvas),:where(.blog-strum-canvas,.content-strum-canvas){overflow:visible!important;border-color:#d1d5db;background:#fff}:where(.blog-tab-canvas,.content-tab-canvas) svg,:where(.blog-staff-canvas,.content-staff-canvas) svg,:where(.blog-strum-canvas,.content-strum-canvas) svg,:where(.blog-score-image,.content-score-image),:where(.blog-svg-image,.content-svg-image){width:100%!important;max-width:100%!important;height:auto!important}}@media(max-width:640px){:where(.blog-content-image,.content-image){width:var(--content-media-width-mobile, var(--content-media-width, 100%));max-width:100%}.blog-youtube,.content-youtube,.blog-score-example,.content-score-example,.blog-tab-example,.content-tab-example,.blog-gallery,.content-gallery,.blog-audio-example,.content-audio-example,.blog-staff-example,.content-staff-example,.blog-strum-example,.content-strum-example,.blog-svg-example,.content-svg-example{margin-top:.875rem;margin-bottom:.875rem;padding:.5rem;width:var(--content-media-width-mobile, var(--content-media-width, 100%))!important;max-width:100%!important;height:auto!important}:where(.blog-tab-canvas,.content-tab-canvas),:where(.blog-staff-canvas,.content-staff-canvas),:where(.blog-strum-canvas,.content-strum-canvas){padding:.375rem}:where(.blog-gallery-grid,.content-gallery-grid){gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--content-gallery-thumb-size, 120px)),var(--content-gallery-thumb-size, 120px)));justify-content:center}.content-gallery-lightbox{padding:.5rem}.content-gallery-lightbox-image{max-height:86vh}.content-gallery-lightbox-close{top:.25rem;right:.25rem}.content-gallery-lightbox-nav{height:2.25rem;width:2.25rem}.content-gallery-lightbox-nav.is-left{left:.25rem}.content-gallery-lightbox-nav.is-right{right:.25rem}:where(.blog-example-caption,.content-example-caption){margin-bottom:.375rem;font-size:.8125rem;line-height:1.2}}.pattern-collections-modal-pattern-wrap{margin-bottom:.75rem}.pattern-collections-modal-pattern-name{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pattern-collections-modal-pattern-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pattern-collections-modal-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.pattern-collections-modal-select-wrap>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.pattern-collections-modal-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pattern-collections-modal-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.pattern-collections-modal-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pattern-collections-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pattern-collections-modal-create-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.pattern-collections-modal-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.pattern-collections-modal-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.pattern-library-modal{display:flex;gap:1rem;min-height:400px}.pattern-library-modal-sidebar{display:flex;width:16rem;flex-direction:column;border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-right:1rem}.pattern-library-modal-sidebar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.pattern-library-modal-sidebar-header{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.pattern-library-modal-sidebar-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pattern-library-modal-sidebar-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pattern-library-modal-create-form{margin-bottom:.75rem}.pattern-library-modal-create-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.pattern-library-modal-create-form{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.5rem}.pattern-library-modal-create-form:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.pattern-library-modal-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pattern-library-modal-collections-list{flex:1 1 0%}.pattern-library-modal-collections-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.pattern-library-modal-collections-list{overflow-y:auto}.pattern-library-modal-collection-item{border-radius:.375rem;border-width:1px;border-color:transparent}.pattern-library-modal-collection-item.active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.pattern-library-modal-collection-item.active:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}.pattern-library-modal-collection-name{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.375rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.pattern-library-modal-collection-name:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.pattern-library-modal-collection-name:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.pattern-library-modal-collection-name:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.pattern-library-modal-collection-count{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.pattern-library-modal-collection-count:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pattern-library-modal-collection-actions{display:flex;align-items:center;gap:.25rem;padding-left:.5rem;padding-right:.5rem;padding-bottom:.5rem}.pattern-library-modal-icon-button{border-radius:.25rem;padding:.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pattern-library-modal-icon-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pattern-library-modal-icon-button:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pattern-library-modal-icon-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pattern-library-modal-edit-form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.pattern-library-modal-edit-form{padding:.5rem}.pattern-library-modal-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.pattern-library-modal-content{flex:1 1 0%;overflow-y:auto}.pattern-library-modal-patterns-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.pattern-library-modal-pattern-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem}.pattern-library-modal-pattern-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.pattern-library-modal-pattern-info{min-width:0px;flex:1 1 0%}.pattern-library-modal-pattern-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.pattern-library-modal-pattern-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.pattern-library-modal-pattern-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pattern-library-modal-pattern-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pattern-library-modal-pattern-actions{display:flex;align-items:center;gap:.5rem}.pattern-library-modal-empty{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pattern-library-modal-empty:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pattern-library-modal-empty-hint{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.pattern-library-modal-empty-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.pattern-library-modal-error{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.pattern-library-modal-error:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.chord-drone-page{position:relative}.chord-drone-page-content{position:relative;z-index:1}.chord-drone-card{overflow:hidden}.chord-drone-card--session{width:min(100%,920px);margin-left:auto;margin-right:auto}.chord-drone-settings-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chord-drone-settings-row{margin-top:1rem;display:grid;align-items:flex-start;gap:1rem}.chord-drone-settings-row>*{min-width:0px}.chord-drone-settings-row--top{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto}.chord-drone-settings-row--middle{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.chord-drone-settings-row--bottom{display:flex;align-items:center;justify-content:space-between}.chord-drone-field{display:flex;min-width:0px;flex-direction:column}.chord-drone-control-label{margin-bottom:.5rem;display:block;min-height:1.25rem}.chord-drone-field-label-spacer{visibility:hidden}.chord-drone-action-field{justify-self:start}.chord-drone-select{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-drone-select:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.chord-drone-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.chord-drone-duration{margin-top:0;display:flex;min-width:0px;flex-direction:column;border-width:0px;padding:0}.chord-drone-duration>legend{padding:0}.chord-drone-duration-options{display:flex;flex-wrap:wrap;gap:.5rem}.chord-drone-duration-option{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.chord-drone-duration-option:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.chord-drone-duration-option:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.chord-drone-duration-option:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-drone-duration-option.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.chord-drone-duration-option.is-active:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-drone-difficulty{margin-top:0;display:flex;min-width:0px;flex-direction:column}.chord-drone-difficulty-range{margin-top:.5rem;width:100%;accent-color:#2563eb}.chord-drone-difficulty-description{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-drone-difficulty-description:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-drone-checkbox{margin-top:0;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.chord-drone-checkbox:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.chord-drone-volume{margin-top:0}.chord-drone-preview{margin-top:0;flex-shrink:0}.chord-drone-start{margin-top:0}.chord-drone-session{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:280px}.chord-drone-visual-stage{position:relative;width:100%;min-height:clamp(220px,34vh,340px);overflow:hidden;border-radius:1rem}.chord-drone-visual-content{position:relative;z-index:1;min-height:inherit;display:flex;align-items:center;justify-content:center}.chord-drone-timer{font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.chord-drone-timer:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.chord-drone-timer{font-size:clamp(3rem,11vw,6rem);letter-spacing:.05em;line-height:1}.chord-drone-current-chord{margin-top:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.chord-drone-current-chord:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.chord-drone-session-status{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.chord-drone-session-status:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.chord-drone-stop{margin-top:1.5rem}.chord-drone-wave-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.chord-drone-ripples{position:absolute;inset:0}.chord-drone-ripple{position:absolute;left:50%;top:50%;width:clamp(180px,32vw,420px);aspect-ratio:1 / 1;border-radius:999px;border:1.5px solid rgba(96,165,250,.22);transform:translate(-50%,-50%) scale(.5);opacity:0;animation:chord-drone-ripple-pulse 6.2s ease-out infinite}.chord-drone-ripple--a{animation-delay:0s}.chord-drone-ripple--b{animation-delay:-2.05s}.chord-drone-ripple--c{animation-delay:-4.1s}.chord-drone-wave{position:absolute;width:125%;max-width:none;height:clamp(140px,24vh,220px);border-radius:999px;opacity:.2;filter:blur(1px);background:linear-gradient(90deg,#60a5fa,#34d399,#60a5fa);animation:chord-drone-wave-motion 7s ease-in-out infinite}.chord-drone-wave--a{top:8%;left:-16%}.chord-drone-wave--b{top:38%;right:-22%;animation-delay:-2.3s}.chord-drone-wave--c{top:68%;left:-14%;animation-delay:-4.7s}.chord-drone-sr-announcer{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes chord-drone-wave-motion{0%{transform:translateZ(0) scaleX(1)}50%{transform:translate3d(4%,-8px,0) scaleX(1.04)}to{transform:translateZ(0) scaleX(1)}}@media(max-width:640px){.chord-drone-settings-row{grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch}.chord-drone-settings-row--bottom{align-items:stretch}.chord-drone-preview,.chord-drone-start{width:100%}.chord-drone-session{min-height:220px}.chord-drone-visual-stage{min-height:210px}.chord-drone-wave{width:150%;height:130px}}@keyframes chord-drone-ripple-pulse{0%{transform:translate(-50%,-50%) scale(.48);opacity:0}12%{opacity:.2}78%{opacity:.08}to{transform:translate(-50%,-50%) scale(1.28);opacity:0}}@media(prefers-reduced-motion:reduce){.chord-drone-wave{animation:none;opacity:.12}.chord-drone-ripple{animation:none;opacity:.08;transform:translate(-50%,-50%) scale(1)}}.tonal-regions-page{--tonal-region-distance-1-bg: #dcfce7;--tonal-region-distance-1-border: #86efac;--tonal-region-distance-1-text: #166534;--tonal-region-distance-1-strong-bg: #bbf7d0;--tonal-region-distance-2-bg: #fef9c3;--tonal-region-distance-2-border: #fde047;--tonal-region-distance-2-text: #854d0e;--tonal-region-distance-2-strong-bg: #fde68a;--tonal-region-distance-3-bg: #ffedd5;--tonal-region-distance-3-border: #fdba74;--tonal-region-distance-3-text: #9a3412;--tonal-region-distance-3-strong-bg: #fdba74;--tonal-region-distance-4-bg: #fee2e2;--tonal-region-distance-4-border: #fca5a5;--tonal-region-distance-4-text: #991b1b;--tonal-region-distance-4-strong-bg: #fecaca;--tonal-region-distance-5-bg: #fef2f2;--tonal-region-distance-5-border: #f87171;--tonal-region-distance-5-text: #7f1d1d;--tonal-region-distance-5-strong-bg: #fca5a5;--tonal-function-tonic-bg: #dbeafe;--tonal-function-tonic-border: #93c5fd;--tonal-function-tonic-text: #1d4ed8;--tonal-function-predominant-bg: #dcfce7;--tonal-function-predominant-border: #86efac;--tonal-function-predominant-text: #166534;--tonal-function-dominant-bg: #ffedd5;--tonal-function-dominant-border: #fdba74;--tonal-function-dominant-text: #c2410c;--tonal-function-chromatic-bg: #f3e8ff;--tonal-function-chromatic-border: #d8b4fe;--tonal-function-chromatic-text: #7e22ce}.dark .tonal-regions-page{--tonal-region-distance-1-bg: rgb(20 83 45 / .45);--tonal-region-distance-1-border: rgb(34 197 94 / .55);--tonal-region-distance-1-text: #dcfce7;--tonal-region-distance-1-strong-bg: rgb(34 197 94 / .34);--tonal-region-distance-2-bg: rgb(113 63 18 / .38);--tonal-region-distance-2-border: rgb(234 179 8 / .45);--tonal-region-distance-2-text: #fef3c7;--tonal-region-distance-2-strong-bg: rgb(234 179 8 / .28);--tonal-region-distance-3-bg: rgb(124 45 18 / .4);--tonal-region-distance-3-border: rgb(249 115 22 / .45);--tonal-region-distance-3-text: #ffedd5;--tonal-region-distance-3-strong-bg: rgb(249 115 22 / .28);--tonal-region-distance-4-bg: rgb(127 29 29 / .4);--tonal-region-distance-4-border: rgb(239 68 68 / .48);--tonal-region-distance-4-text: #fee2e2;--tonal-region-distance-4-strong-bg: rgb(248 113 113 / .26);--tonal-region-distance-5-bg: rgb(69 10 10 / .56);--tonal-region-distance-5-border: rgb(220 38 38 / .5);--tonal-region-distance-5-text: #fee2e2;--tonal-region-distance-5-strong-bg: rgb(239 68 68 / .3);--tonal-function-tonic-bg: rgb(30 64 175 / .34);--tonal-function-tonic-border: rgb(96 165 250 / .55);--tonal-function-tonic-text: #dbeafe;--tonal-function-predominant-bg: rgb(20 83 45 / .35);--tonal-function-predominant-border: rgb(74 222 128 / .5);--tonal-function-predominant-text: #dcfce7;--tonal-function-dominant-bg: rgb(124 45 18 / .38);--tonal-function-dominant-border: rgb(251 146 60 / .5);--tonal-function-dominant-text: #ffedd5;--tonal-function-chromatic-bg: rgb(88 28 135 / .32);--tonal-function-chromatic-border: rgb(192 132 252 / .5);--tonal-function-chromatic-text: #f3e8ff}.tonal-regions-subtitle{max-width:56rem}.tonal-regions-controls-card,.tonal-regions-map-card{border-radius:1.5rem}.tonal-regions-controls-grid{display:grid;gap:1rem;align-items:end;grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.tonal-regions-mode-field{min-width:0}.tonal-regions-mode-label{margin-bottom:.5rem}.tonal-regions-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tonal-regions-mode-button{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tonal-regions-mode-button:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.tonal-regions-mode-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tonal-regions-mode-button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.tonal-regions-mode-button.is-active{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tonal-regions-mode-button.is-active:is(.dark *){background-color:#1e3a8a4d;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tonal-regions-main-layout>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.tonal-regions-glossary-card,.tonal-regions-theory-card{border-radius:1.5rem}.tonal-regions-glossary-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.tonal-regions-glossary-intro{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-intro:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-intro{max-width:52rem}.tonal-regions-glossary-section{margin-top:1.25rem}.tonal-regions-glossary-grid,.tonal-regions-theory-grid{display:grid;gap:.75rem;margin-top:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tonal-regions-glossary-item{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.tonal-regions-glossary-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182766}.tonal-regions-glossary-item{min-width:0}.tonal-regions-theory-item{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.tonal-regions-theory-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182766}.tonal-regions-theory-item{min-width:0}.tonal-regions-glossary-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.tonal-regions-glossary-symbol{font-size:1rem;font-weight:700;letter-spacing:.02em}.tonal-regions-glossary-description{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-description:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tonal-regions-theory-item-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tonal-regions-theory-item-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tonal-regions-theory-item-copy{margin-top:.75rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tonal-regions-theory-item-copy:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-path{margin-top:.5rem;font-size:.75rem;line-height:1rem;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-path:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-glossary-path{word-break:break-word}.tonal-regions-theory-list{margin-top:1rem}.tonal-regions-theory-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.tonal-regions-theory-list{font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tonal-regions-theory-list:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tonal-regions-theory-list--compact{margin-top:.75rem}.tonal-regions-theory-list-item{position:relative;padding-left:1.1rem}.tonal-regions-theory-list-item:before{content:"";position:absolute;left:0;top:.62rem;width:.4rem;height:.4rem;border-radius:999px;background:#3b82f6e6}.tonal-regions-map-header,.tonal-regions-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tonal-regions-map-title{margin-bottom:0}.tonal-regions-map-hint{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-map-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-map-hint{max-width:18rem;text-align:right}.tonal-regions-map-scroll{overflow-x:auto;padding-bottom:.5rem;padding-top:.5rem}.tonal-regions-map-shell{display:grid;gap:1rem;min-width:52rem;align-items:start;grid-template-columns:minmax(182px,198px) minmax(0,1fr) minmax(182px,198px)}.tonal-regions-grid{display:grid;gap:.75rem}.tonal-regions-grid--left,.tonal-regions-grid--right{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.tonal-regions-grid--center{grid-template-columns:repeat(5,minmax(110px,1fr));grid-auto-rows:minmax(88px,auto)}.tonal-region-cell{display:flex;min-height:88px;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.875rem .9rem;border-radius:1rem;border:1px solid var(--tonal-region-border, #d1d5db);background:var(--tonal-region-bg, #fff);color:var(--tonal-region-text, #111827);text-align:left;box-shadow:0 1px 2px #0f172a0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.tonal-region-cell:hover{transform:translateY(-1px);box-shadow:0 12px 20px #0f172a14}.tonal-region-cell:focus-visible{outline:2px solid rgb(59 130 246 / .95);outline-offset:3px}.tonal-region-cell.is-selected{transform:translateY(-1px);border-color:#2563ebe6;box-shadow:0 0 0 2px #3b82f633,0 12px 24px #2563eb29}.tonal-region-cell--distance-1{--tonal-region-bg: var(--tonal-region-distance-1-bg);--tonal-region-border: var(--tonal-region-distance-1-border);--tonal-region-text: var(--tonal-region-distance-1-text)}.tonal-region-cell--distance-2{--tonal-region-bg: var(--tonal-region-distance-2-bg);--tonal-region-border: var(--tonal-region-distance-2-border);--tonal-region-text: var(--tonal-region-distance-2-text)}.tonal-region-cell--distance-3{--tonal-region-bg: var(--tonal-region-distance-3-bg);--tonal-region-border: var(--tonal-region-distance-3-border);--tonal-region-text: var(--tonal-region-distance-3-text)}.tonal-region-cell--distance-4{--tonal-region-bg: var(--tonal-region-distance-4-bg);--tonal-region-border: var(--tonal-region-distance-4-border);--tonal-region-text: var(--tonal-region-distance-4-text)}.tonal-region-cell--distance-5{--tonal-region-bg: var(--tonal-region-distance-5-bg);--tonal-region-border: var(--tonal-region-distance-5-border);--tonal-region-text: var(--tonal-region-distance-5-text)}.tonal-region-cell-label{font-size:1rem;font-weight:700;letter-spacing:.02em}.tonal-region-cell-key{font-size:.95rem;font-weight:600}.tonal-region-cell-class{font-size:.75rem;font-weight:700;opacity:.78;letter-spacing:.08em;text-transform:uppercase}.tonal-region-cell--compact{min-height:74px;gap:.3rem;padding:.65rem .6rem;border-radius:.85rem}.tonal-region-cell--compact .tonal-region-cell-label{font-size:.88rem}.tonal-region-cell--compact .tonal-region-cell-key{font-size:.78rem;line-height:1.25}.tonal-region-cell--compact .tonal-region-cell-class{font-size:.64rem}.tonal-regions-legend{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgb(226 232 240 / .9)}.dark .tonal-regions-legend{border-top-color:#475569bf}.tonal-regions-legend-title,.tonal-regions-details-label{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-legend-title:is(.dark *),.tonal-regions-details-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-legend-grid{display:grid;gap:.625rem;margin-top:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tonal-regions-legend-item{display:flex;align-items:center;gap:.625rem;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--tonal-region-border, #d1d5db);background:var(--tonal-region-bg, #fff);color:var(--tonal-region-text, #111827);font-size:.9rem}.tonal-regions-legend-item--distance-1{--tonal-region-bg: var(--tonal-region-distance-1-bg);--tonal-region-border: var(--tonal-region-distance-1-border);--tonal-region-text: var(--tonal-region-distance-1-text)}.tonal-regions-legend-item--distance-2{--tonal-region-bg: var(--tonal-region-distance-2-bg);--tonal-region-border: var(--tonal-region-distance-2-border);--tonal-region-text: var(--tonal-region-distance-2-text)}.tonal-regions-legend-item--distance-3{--tonal-region-bg: var(--tonal-region-distance-3-bg);--tonal-region-border: var(--tonal-region-distance-3-border);--tonal-region-text: var(--tonal-region-distance-3-text)}.tonal-regions-legend-item--distance-4{--tonal-region-bg: var(--tonal-region-distance-4-bg);--tonal-region-border: var(--tonal-region-distance-4-border);--tonal-region-text: var(--tonal-region-distance-4-text)}.tonal-regions-legend-item--distance-5{--tonal-region-bg: var(--tonal-region-distance-5-bg);--tonal-region-border: var(--tonal-region-distance-5-border);--tonal-region-text: var(--tonal-region-distance-5-text)}.tonal-regions-legend-chip,.tonal-regions-details-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.22rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.tonal-regions-details-badge{border:1px solid var(--tonal-region-border, #d1d5db);background:var(--tonal-region-bg, #fff);color:var(--tonal-region-text, #111827)}.tonal-regions-details-badge--hero{min-width:2.6rem;padding-inline:.8rem;background:var(--tonal-region-strong-bg, var(--tonal-region-bg, #fff));box-shadow:inset 0 1px #fff6}.tonal-regions-details-badge--distance-1{--tonal-region-bg: var(--tonal-region-distance-1-bg);--tonal-region-strong-bg: var(--tonal-region-distance-1-strong-bg);--tonal-region-border: var(--tonal-region-distance-1-border);--tonal-region-text: var(--tonal-region-distance-1-text)}.tonal-regions-details-badge--distance-2{--tonal-region-bg: var(--tonal-region-distance-2-bg);--tonal-region-strong-bg: var(--tonal-region-distance-2-strong-bg);--tonal-region-border: var(--tonal-region-distance-2-border);--tonal-region-text: var(--tonal-region-distance-2-text)}.tonal-regions-details-badge--distance-3{--tonal-region-bg: var(--tonal-region-distance-3-bg);--tonal-region-strong-bg: var(--tonal-region-distance-3-strong-bg);--tonal-region-border: var(--tonal-region-distance-3-border);--tonal-region-text: var(--tonal-region-distance-3-text)}.tonal-regions-details-badge--distance-4{--tonal-region-bg: var(--tonal-region-distance-4-bg);--tonal-region-strong-bg: var(--tonal-region-distance-4-strong-bg);--tonal-region-border: var(--tonal-region-distance-4-border);--tonal-region-text: var(--tonal-region-distance-4-text)}.tonal-regions-details-badge--distance-5{--tonal-region-bg: var(--tonal-region-distance-5-bg);--tonal-region-strong-bg: var(--tonal-region-distance-5-strong-bg);--tonal-region-border: var(--tonal-region-distance-5-border);--tonal-region-text: var(--tonal-region-distance-5-text)}.tonal-regions-details-grid{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tonal-regions-details-value,.tonal-regions-details-list{margin-top:.25rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.tonal-regions-details-value:is(.dark *),.tonal-regions-details-list:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tonal-regions-details-modal>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.tonal-regions-details-copy>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.tonal-regions-details-actions{display:flex;align-items:center;gap:.5rem}.tonal-regions-details-intro{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.tonal-regions-details-intro:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tonal-regions-details-section-header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.tonal-regions-details-section--first{margin-top:0;padding-top:0;border-top:0}.tonal-regions-details-section,.tonal-regions-links-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgb(226 232 240 / .85)}.dark .tonal-regions-details-section,.dark .tonal-regions-links-section{border-top-color:#475569bf}.tonal-regions-path-meaning-flow{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tonal-regions-path-meaning-chip{display:inline-flex;min-height:2.75rem;min-width:3.5rem;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:600;letter-spacing:.02em;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tonal-regions-path-meaning-chip:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182766;--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tonal-regions-path-meaning-chip{border-color:var(--tonal-region-border, rgb(229 231 235));background:var( --tonal-region-strong-bg, var(--tonal-region-bg, rgb(249 250 251)) );color:var(--tonal-region-text, rgb(17 24 39));box-shadow:inset 0 1px #ffffff73,0 8px 18px -18px #0f172a99}.tonal-regions-path-meaning-arrow{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-path-meaning-arrow:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-path-meaning-arrow{font-size:1rem}.tonal-regions-play-button{flex-shrink:0}.tonal-regions-sound-button{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tonal-regions-sound-button:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.tonal-regions-sound-button:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.tonal-regions-sound-button:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tonal-regions-chord-variants{display:grid;gap:.9rem;margin-top:.75rem}.tonal-regions-chord-variant{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:#ffffffb3;padding:.75rem}.tonal-regions-chord-variant:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1118274d}.tonal-regions-chord-variant-title{margin-bottom:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-chord-variant-title:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-playable-grid{display:grid;gap:.75rem;margin-top:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tonal-regions-playable-grid--dense{margin-top:0;grid-template-columns:repeat(7,minmax(0,1fr))}.tonal-regions-playable-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.5rem .75rem}.tonal-regions-playable-item:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182766}.tonal-regions-playable-item--function-tonic{border-color:var(--tonal-function-tonic-border);background:var(--tonal-function-tonic-bg);color:var(--tonal-function-tonic-text)}.tonal-regions-playable-item--function-predominant{border-color:var(--tonal-function-predominant-border);background:var(--tonal-function-predominant-bg);color:var(--tonal-function-predominant-text)}.tonal-regions-playable-item--function-dominant{border-color:var(--tonal-function-dominant-border);background:var(--tonal-function-dominant-bg);color:var(--tonal-function-dominant-text)}.tonal-regions-playable-item--function-chromatic{border-color:var(--tonal-function-chromatic-border);background:var(--tonal-function-chromatic-bg);color:var(--tonal-function-chromatic-text)}.tonal-regions-playable-item--button{width:100%;cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.tonal-regions-playable-item--button:hover{transform:translateY(-1px);box-shadow:0 10px 20px -18px #0f172a8c}.tonal-regions-playable-item--button:focus-visible{outline:2px solid rgb(59 130 246 / .95);outline-offset:2px}.tonal-regions-playable-item--compact{min-height:4.5rem;justify-content:flex-start;padding:.7rem .75rem}.tonal-regions-playable-copy{min-width:0}.tonal-regions-playable-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tonal-regions-playable-title:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.tonal-regions-playable-title{word-break:break-word;color:currentColor}.tonal-regions-playable-item--compact .tonal-regions-playable-title{font-size:.8125rem;line-height:1.15rem}.tonal-regions-playable-meta{margin-top:.25rem;font-size:.75rem;line-height:1rem;letter-spacing:.12em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-playable-meta:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-playable-meta{opacity:.82}.tonal-regions-playable-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.tonal-regions-playable-badge{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.tonal-regions-playable-badge:is(.dark *){border-color:#f59e0b99;background-color:#f59e0b1a;--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.tonal-regions-progression-scroll{overflow-x:auto;padding-bottom:.25rem}.tonal-regions-progression-flow{display:flex;align-items:center;gap:.5rem;min-width:-moz-min-content;min-width:min-content;margin-top:.75rem}.tonal-regions-progression-item{width:7.25rem;min-width:7.25rem;min-height:4rem;padding:.6rem .65rem}.tonal-regions-progression-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.45rem}.tonal-regions-progression-region{display:inline-flex;align-items:center;border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.125rem .375rem;font-size:10px;font-weight:600;letter-spacing:.08em;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.tonal-regions-progression-region:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tonal-regions-progression-region{border-color:var(--tonal-region-border, rgb(209 213 219));background:var(--tonal-region-strong-bg, var(--tonal-region-bg, white));color:var(--tonal-region-text, rgb(55 65 81));box-shadow:inset 0 1px #ffffff59}.tonal-regions-progression-function{font-size:10px;font-weight:500;letter-spacing:.06em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-progression-function:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-function-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:.22rem .5rem}.tonal-regions-function-chip--tonic{border-color:var(--tonal-function-tonic-border);background:var(--tonal-function-tonic-bg);color:var(--tonal-function-tonic-text)}.tonal-regions-function-chip--predominant{border-color:var(--tonal-function-predominant-border);background:var(--tonal-function-predominant-bg);color:var(--tonal-function-predominant-text)}.tonal-regions-function-chip--dominant{border-color:var(--tonal-function-dominant-border);background:var(--tonal-function-dominant-bg);color:var(--tonal-function-dominant-text)}.tonal-regions-function-chip--chromatic{border-color:var(--tonal-function-chromatic-border);background:var(--tonal-function-chromatic-bg);color:var(--tonal-function-chromatic-text)}.tonal-regions-progression-arrow{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.tonal-regions-progression-arrow:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.tonal-regions-progression-arrow{flex:0 0 auto}.tonal-regions-links-grid{display:grid;gap:.75rem;margin-top:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tonal-regions-action-link{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tonal-regions-action-link:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.tonal-regions-action-link:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.tonal-regions-action-link:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.audio-stretcher-page{--audio-accent: #2563eb;--audio-danger: #dc2626;--waveform-bg: #f8fafc;--waveform-axis: #cbd5e1;--waveform-line: #0f172a;--waveform-selection: rgb(37 99 235 / .18);--waveform-marker: #dc2626}.dark .audio-stretcher-page{--waveform-bg: #0f172a;--waveform-axis: #334155;--waveform-line: #e2e8f0;--waveform-selection: rgb(96 165 250 / .22);--waveform-marker: #f87171}.audio-stretcher-main-card{overflow:hidden}.audio-stretcher-drop{cursor:pointer;border-radius:.5rem;border-width:1px;border-style:dashed;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.audio-stretcher-drop:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182766}.audio-stretcher-drop:hover,.audio-stretcher-drop:focus-visible{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1));outline:2px solid transparent;outline-offset:2px}.audio-stretcher-drop:hover:is(.dark *),.audio-stretcher-drop:focus-visible:is(.dark *){background-color:#1e3a8a33}.audio-stretcher-file-input{display:none}.audio-stretcher-drop-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.audio-stretcher-drop-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.audio-stretcher-drop-title{word-break:break-word}.audio-stretcher-drop-meta,.audio-stretcher-hint{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.audio-stretcher-drop-meta:is(.dark *),.audio-stretcher-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.audio-stretcher-layout{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.audio-stretcher-wave-column{min-width:0}.audio-stretcher-wave-shell{position:relative;min-width:0;overflow:hidden;border-radius:.5rem;border:1px solid rgb(203 213 225);background:var(--waveform-bg)}.dark .audio-stretcher-wave-shell{border-color:#334155}.audio-stretcher-source-wave{margin-bottom:.75rem}.audio-stretcher-wave-label{position:absolute;left:.75rem;top:.5rem;z-index:10;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.audio-stretcher-wave-label:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.audio-stretcher-wave{display:block;width:100%;height:13rem;cursor:crosshair}.audio-stretcher-wave-actions{margin-bottom:1rem;margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.audio-stretcher-controls{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.audio-stretcher-controls:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182759}.audio-stretcher-controls{display:grid;gap:.85rem;align-content:start}.audio-stretcher-control{display:grid;grid-template-columns:minmax(6.5rem,1fr) minmax(4rem,auto);gap:.45rem .75rem;align-items:center}.audio-stretcher-control span{font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.audio-stretcher-control span:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.audio-stretcher-control strong{text-align:right;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.audio-stretcher-control strong:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.audio-stretcher-control input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--audio-accent)}.audio-stretcher-toggle-row{display:flex;flex-wrap:wrap;gap:1rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.audio-stretcher-toggle-row:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.audio-stretcher-toggle-row label{display:inline-flex;align-items:center;gap:.5rem}.audio-stretcher-toggle-row input{accent-color:var(--audio-accent)}.audio-stretcher-reset-button{justify-self:start}.audio-stretcher-progress{height:.35rem;overflow:hidden;border-radius:999px;background:#e2e8f0}.dark .audio-stretcher-progress{background:#1e293b}.audio-stretcher-progress-bar{height:100%;border-radius:inherit;background:var(--audio-accent);transition:width 80ms linear}.audio-stretcher-footer{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem}.audio-stretcher-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.audio-stretcher-stats,.audio-stretcher-export{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.audio-stretcher-stats{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.audio-stretcher-stats:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.audio-stretcher-select{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.audio-stretcher-select:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.audio-stretcher-error{color:var(--audio-danger);font-size:.8125rem;font-weight:600}.audio-stretcher-help-card{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.audio-stretcher-help-card:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.audio-stretcher-help-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.audio-stretcher-help-section{min-width:0}.audio-stretcher-help-steps{margin-top:1rem}.audio-stretcher-help-steps>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.audio-stretcher-help-steps{padding-left:1.25rem;font-size:.875rem;line-height:1.5rem;list-style:decimal}.audio-stretcher-help-parameters{display:grid;gap:.75rem;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.audio-stretcher-help-param{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem}.audio-stretcher-help-param:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#11182759}.audio-stretcher-help-param dt{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.audio-stretcher-help-param dt:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.audio-stretcher-help-param dd{margin-top:.25rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.audio-stretcher-help-param dd:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.audio-stretcher-help-tips{margin-top:1.25rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1.25rem}.audio-stretcher-help-tips:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.audio-stretcher-help-tip-grid{display:grid;gap:.75rem;margin-top:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.audio-stretcher-help-tip-grid p{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(23 37 84 / var(--tw-text-opacity, 1))}.audio-stretcher-help-tip-grid p:is(.dark *){background-color:#17255459;--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}@media(max-width:1024px){.tonal-regions-map-hint{max-width:none}.tonal-regions-playable-grid--dense{grid-template-columns:repeat(4,minmax(0,1fr))}.tonal-regions-progression-item{width:6.75rem;min-width:6.75rem}}@media(max-width:900px){.audio-stretcher-layout,.audio-stretcher-help-grid,.audio-stretcher-help-tip-grid{grid-template-columns:1fr}}@media(max-width:640px){.audio-stretcher-wave{height:10rem}.audio-stretcher-footer{align-items:stretch}.audio-stretcher-stats,.audio-stretcher-export{width:100%}.audio-stretcher-help-parameters{grid-template-columns:1fr}}@media(max-width:768px){.tonal-regions-controls-grid{grid-template-columns:1fr}.tonal-regions-map-shell{min-width:50rem;grid-template-columns:minmax(166px,182px) minmax(0,1fr) minmax(166px,182px)}.tonal-regions-glossary-grid,.tonal-regions-legend-grid,.tonal-regions-links-grid,.tonal-regions-details-grid,.tonal-regions-playable-grid{grid-template-columns:1fr}.tonal-regions-playable-grid--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.tonal-regions-progression-item{width:6.25rem;min-width:6.25rem}}@media(max-width:640px){.tonal-regions-map-header,.tonal-regions-details-header{flex-direction:column}.tonal-regions-map-hint{text-align:left}.tonal-regions-map-shell{min-width:46rem}.tonal-region-cell{min-height:84px;padding:.8rem}.tonal-region-cell--compact{min-height:70px;padding:.55rem}}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.dark\:border-amber-900\/40:is(.dark *){border-color:#78350f66}.dark\:border-emerald-900\/40:is(.dark *){border-color:#064e3b66}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-sky-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/40:is(.dark *){background-color:#78350f66}.dark\:bg-amber-950\/20:is(.dark *){background-color:#451a0333}.dark\:bg-amber-950\/40:is(.dark *){background-color:#451a0366}.dark\:bg-emerald-950\/20:is(.dark *){background-color:#022c2233}.dark\:bg-emerald-950\/40:is(.dark *){background-color:#022c2266}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900\/60:is(.dark *){background-color:#11182799}.dark\:bg-rose-950\/40:is(.dark *){background-color:#4c051966}.dark\:bg-sky-900\/40:is(.dark *){background-color:#0c4a6e66}.dark\:bg-sky-950\/30:is(.dark *){background-color:#082f494d}.dark\:bg-sky-950\/40:is(.dark *){background-color:#082f4966}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:text-amber-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-amber-50\/85:is(.dark *){color:#fffbebd9}.dark\:text-emerald-100:is(.dark *){--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.dark\:text-emerald-50\/85:is(.dark *){color:#ecfdf5d9}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-rose-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 205 211 / var(--tw-text-opacity, 1))}.dark\:text-sky-200:is(.dark *){--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}