*,: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-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:center;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}@media(min-width:640px){.app-footer-copy{text-align:left}}.app-footer-links{-moz-columns:2;columns:2;text-align:center}@media(min-width:640px){.app-footer-links{text-align:right}}.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}.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)}.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-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-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-card{display:flex;flex-direction:column;align-items:center;padding:1rem}.chord-arpeggios-card-head{margin-bottom:.5rem;display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}.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))}.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{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-explorer-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-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-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}}.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%}.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;stroke:#1d4ed8}.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;stroke:#7e22ce}.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-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-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-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-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))}.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-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))}.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-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-cadences-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.harmony-key-cadence-card{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.harmony-key-cadence-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.harmony-key-cadence-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.harmony-key-cadence-name{font-weight:500;--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-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{padding:1rem}.harmony-key-modulations-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}@media not all and (min-width:640px){.harmony-key-modulations-header{padding:.25rem}}.harmony-key-modulations-count{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-key-modulations-count:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media not all and (min-width:640px){.harmony-key-modulations-count{display:none}}.harmony-key-modulations-legend{margin-bottom:1rem;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}.harmony-key-modulations-legend:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1));background-color:#1e3a8a33}@media not all and (min-width:640px){.harmony-key-modulations-legend{display:none}}.harmony-key-modulations-legend-title{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-title:is(.dark *){--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-items{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;line-height:1rem}.harmony-key-modulations-legend-item{display:flex;align-items:center}.harmony-key-modulations-legend-item>: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)))}.harmony-key-modulations-legend-mark{font-weight:500}.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-legend-text{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.harmony-key-modulations-legend-text:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.harmony-key-modulations-category:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.harmony-key-modulations-category-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;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}.harmony-key-modulations-category-toggle:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.harmony-key-modulations-category-toggle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.harmony-key-modulations-category-left{display:flex;align-items:center}.harmony-key-modulations-category-left>: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)))}.harmony-key-modulations-category-name{font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-name:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / 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-category-chevron{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-chevron:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.harmony-key-modulations-category-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))}.harmony-key-modulations-category-panel{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:1rem}.harmony-key-modulations-category-panel:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}@media not all and (min-width:640px){.harmony-key-modulations-category-panel{padding:.25rem}}.harmony-key-modulations-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.harmony-key-modulations-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))}@media not all and (min-width:640px){.harmony-key-modulations-item{padding:.25rem}}.harmony-key-modulations-item-grid{margin-bottom:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:.5rem}@media(min-width:640px){.harmony-key-modulations-item-grid{grid-template-columns:1fr auto auto;align-items:center}}.harmony-key-modulations-item-meta{display:flex;flex-direction:column}.harmony-key-modulations-item-meta>: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-modulations-route-row{display:flex;align-items:center}.harmony-key-modulations-route-row>: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 not all and (min-width:640px){.harmony-key-modulations-route-row>: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)))}}.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-item-badges{margin-top:.5rem;display:flex;flex-direction:row;gap:.5rem}@media(min-width:640px){.harmony-key-modulations-item-badges{margin-top:0}}.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-item-actions{margin-top:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}@media(min-width:640px){.harmony-key-modulations-item-actions{margin-top:0;flex-direction:row;align-items:center}}.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}.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}.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;width:100%;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-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) 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))}:where(.blog-tab-canvas,.content-tab-canvas) svg{display:block}: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))}:where(.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}:where(.blog-svg-example,.content-svg-example):is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));background-color:#1f293799}:where(.blog-svg-example,.content-svg-example){width:50%!important;max-width:50%!important;height:auto!important;margin:0 auto!important;display:block;justify-content:center!important;align-items:center!important}: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-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))}:where(.blog-staff-canvas,.content-staff-canvas) svg{display:block}: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-example-caption,.content-example-caption){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))}: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-event-seq{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}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.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}.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}.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-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-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-white\/50{border-color:#ffffff80}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 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-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.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-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}.capitalize{text-transform:capitalize}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / 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-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)}@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}:where(.blog-tab-example,.content-tab-example),:where(.blog-staff-example,.content-staff-example),:where(.blog-score-example,.content-score-example),:where(.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){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-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-score-example,.content-score-example),:where(.blog-tab-example,.content-tab-example),:where(.blog-audio-example,.content-audio-example),:where(.blog-staff-example,.content-staff-example),:where(.blog-svg-example,.content-svg-example){margin-top:.875rem;margin-bottom:.875rem;padding:.5rem;width:100%!important;max-width:100%!important;height:auto!important}:where(.blog-tab-canvas,.content-tab-canvas),:where(.blog-staff-canvas,.content-staff-canvas){padding:.375rem}:where(.blog-example-caption,.content-example-caption){margin-bottom:.375rem;font-size:.8125rem;line-height:1.2}}.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))}