._root_cn9kt_1{padding:1rem}@media (min-width: 640px){._root_cn9kt_1{padding:1.5rem}}._root_cn9kt_1{color:#fff;min-height:500px}._mainContainer_cn9kt_7{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 768px){._mainContainer_cn9kt_7{flex-direction:row;gap:2rem;justify-content:center}}._rightPanel_cn9kt_17{display:flex;width:100%;flex-direction:column;gap:1.5rem;max-width:100%}@media (min-width: 768px){._rightPanel_cn9kt_17{flex-shrink:0;width:min(384px,50vw - 2rem);padding-left:2rem;border-left:1px solid rgba(255,255,255,.1)}}._controls_cn9kt_30{display:flex;justify-content:center;gap:.75rem}@media (min-width: 768px){._controls_cn9kt_30{flex-direction:column;gap:1rem}}._controlButton_cn9kt_39{padding:.5rem 1rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);min-width:80px}._controlButton_cn9kt_39._active_cn9kt_43{border-color:#2bbc8a66;background-color:#2bbc8a33}._controlButton_cn9kt_39:hover{background-color:#ffffff1a}._controlButton_cn9kt_39._active_cn9kt_43:hover{background-color:#2bbc8a4d}@media (min-width: 768px){._controlButton_cn9kt_39{padding:.75rem 1.5rem;min-width:120px;justify-content:center}}._wheelContainer_cn9kt_60{position:relative;display:flex;align-items:center;justify-content:center;width:min(400px,100vw - 3rem);height:min(400px,100vw - 3rem);max-width:100%;max-height:100%}@media (min-width: 768px){._wheelContainer_cn9kt_60{width:min(450px,50vw - 4rem);height:min(450px,50vw - 4rem);flex-shrink:0}}._wheel_cn9kt_60{height:100%;width:100%;filter:drop-shadow(0 4px 20px rgba(43,188,138,.1))}._scaleConnections_cn9kt_80 ._connectionLine_cn9kt_80{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._scaleConnections_cn9kt_80 ._connectionLine_cn9kt_80:hover{stroke:#2bbc8a99;stroke-width:3}._hoverArea_cn9kt_88{cursor:pointer;transition:none}._noteCircle_cn9kt_93{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}._noteCircle_cn9kt_93._inScale_cn9kt_97{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._noteCircle_cn9kt_93._inScale_cn9kt_97._hovered_cn9kt_100{transform:scale(1.2125);filter:drop-shadow(0 4px 12px rgba(43,188,138,.4))}._noteCircle_cn9kt_93:not(._inScale_cn9kt_97){opacity:.4}._noteCircle_cn9kt_93:not(._inScale_cn9kt_97)._hovered_cn9kt_100{opacity:.7;transform:scale(1.1)}._noteLabel_cn9kt_112,._intervalLabel_cn9kt_117{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Roboto Slab,Georgia,Times New Roman,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}._centerTitle_cn9kt_122{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Roboto Slab,Georgia,Times New Roman,serif;text-shadow:0 2px 8px rgba(0,0,0,.5)}._centerSubtitle_cn9kt_127{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Roboto Slab,Georgia,Times New Roman,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}._tooltip_cn9kt_132{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}._tooltipContent_cn9kt_140{padding:.75rem 1rem;text-align:center}._tooltipNote_cn9kt_144{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(43 188 138 / var(--tw-text-opacity, 1));margin-bottom:4px}._tooltipInterval_cn9kt_149{font-size:.875rem;line-height:1.25rem;color:#ffffffe6;margin-bottom:2px}._tooltipSemitone_cn9kt_154{font-size:.75rem;line-height:1rem;color:#fff9}@keyframes _fadeInScale_cn9kt_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}._scaleInfo_cn9kt_168{width:100%}._scaleInfo_cn9kt_168>: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))}@media (max-width: 767px){._scaleInfo_cn9kt_168{margin-left:auto;margin-right:auto;max-width:28rem}}._scaleGrid_cn9kt_177>: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))}._gridRow_cn9kt_181{display:flex;align-items:center;gap:.5rem;border-radius:16px;border-width:1px;border-color:#ffffff1a;background-color:#ffffff0d;padding:.75rem}._gridContent_cn9kt_185{flex:1 1 0%;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;font-size:clamp(.75rem,2vw,.875rem)}._gridItem_cn9kt_193{text-align:center;padding:.25rem .125rem}._label_cn9kt_198{flex-shrink:0;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#ffffffb3;min-width:8ch;text-align:left}._gridRow_cn9kt_181:first-child ._gridItem_cn9kt_193{--tw-text-opacity: 1;color:rgb(43 188 138 / var(--tw-text-opacity, 1))}._gridRow_cn9kt_181:last-child ._gridItem_cn9kt_193{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}@media (max-width: 640px){._root_cn9kt_1{gap:1rem;padding:1rem}._controls_cn9kt_30{gap:.5rem}._controlButton_cn9kt_39{padding:.375rem .75rem;font-size:.75rem;line-height:1rem}._scaleInfo_cn9kt_168{font-size:.875rem;line-height:1.25rem}._scaleNotes_cn9kt_225,._scaleIntervals_cn9kt_226{padding:.5rem}._label_cn9kt_198{font-size:.75rem;line-height:1rem}}._wheel_cn9kt_60{animation:_glow_cn9kt_1 3s ease-in-out infinite alternate}@keyframes _glow_cn9kt_1{0%{filter:drop-shadow(0 4px 20px rgba(43,188,138,.1))}to{filter:drop-shadow(0 4px 20px rgba(43,188,138,.2))}}@media (prefers-contrast: high){._controlButton_cn9kt_39{border-color:#ffffff80}._controlButton_cn9kt_39._active_cn9kt_43{--tw-border-opacity: 1;border-color:rgb(43 188 138 / var(--tw-border-opacity, 1))}._scaleNotes_cn9kt_225,._scaleIntervals_cn9kt_226{border-color:#ffffff4d}}