*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--colour-background);color:var(--colour-text-primary);font-family:var(--font-body-large-family);font-size:var(--font-body-large-size);line-height:calc(var(--font-body-large-line) / var(--font-body-large-size));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px;border-radius:2px}:root{--colour-background: #0D0D0F;--colour-surface: #1A1A20;--colour-surface-raise: #24242C;--colour-tonic: #FF6B6B;--colour-subdominant: #FFD93D;--colour-dominant: #6BCB77;--colour-leading: #4D96FF;--colour-keys-0: #FF6B6B;--colour-keys-1: #FF8E53;--colour-keys-2: #FFD93D;--colour-keys-3: #C8F560;--colour-keys-4: #6BCB77;--colour-keys-5: #4ECDC4;--colour-keys-6: #45B7D1;--colour-keys-7: #4D96FF;--colour-keys-8: #9B59FF;--colour-keys-9: #E040FB;--colour-keys-10: #FF4081;--colour-keys-11: #FF6B6B;--colour-text-primary: #FFFFFF;--colour-text-secondary: #A0A0B0;--colour-text-muted: #606070;--colour-interval-root: #FF6B6B;--colour-interval-third: #FFD93D;--colour-interval-fifth: #6BCB77;--colour-interval-seventh: #4D96FF;--colour-interval-other: #9B59FF;--colour-border: #2E2E3A;--colour-accent: #FF6B6B;--colour-arpeggio: #E6C46E;--colour-arpeggio-out-of-scale: #22D3EE;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 40px;--spacing-huge: 48px;--spacing-max: 64px;--font-display-large-family: "Syne", ui-sans-serif, system-ui, sans-serif;--font-display-large-size: 40px;--font-display-large-line: 56px;--font-display-medium-family: "Syne", ui-sans-serif, system-ui, sans-serif;--font-display-medium-size: 28px;--font-display-medium-line: 42px;--font-headline-family: "Syne", ui-sans-serif, system-ui, sans-serif;--font-headline-size: 20px;--font-headline-line: 32px;--font-body-large-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-body-large-size: 16px;--font-body-large-line: 26px;--font-body-small-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-body-small-size: 13px;--font-body-small-line: 22px;--font-label-family: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-label-size: 12px;--font-label-line: 20px;--font-mono-family: "DM Mono", ui-monospace, monospace;--font-mono-size: 14px;--font-mono-line: 24px}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-greek-600-normal-BpFII5Ja.woff2) format("woff2"),url(/assets/syne-greek-600-normal-BJs4kvyH.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-latin-ext-600-normal-ZnizrDKU.woff2) format("woff2"),url(/assets/syne-latin-ext-600-normal-DEzBMW8B.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/syne-latin-600-normal-BiwQbQXw.woff2) format("woff2"),url(/assets/syne-latin-600-normal-dRu9QuIh.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-greek-700-normal-RbvlO3f8.woff2) format("woff2"),url(/assets/syne-greek-700-normal-C01yjWE_.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-ext-700-normal-DuyXglMe.woff2) format("woff2"),url(/assets/syne-latin-ext-700-normal-C-qCH-vM.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-greek-800-normal-n2LZS_yH.woff2) format("woff2"),url(/assets/syne-greek-800-normal-DtzFnRR0.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-ext-800-normal-CAQAsWuS.woff2) format("woff2"),url(/assets/syne-latin-ext-800-normal-B2iBRfEf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sb-track-color: #232e33;--sb-thumb-color: #ff6b6b;--sb-size: 10px}html,body{overflow:hidden;overscroll-behavior:none}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:6px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:6px;border:3px solid var(--sb-track-color)}.scrollSurface::-webkit-scrollbar,[data-scroll-surface]::-webkit-scrollbar{width:var(--sb-size)}.scrollSurface::-webkit-scrollbar-track,[data-scroll-surface]::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:6px}.scrollSurface::-webkit-scrollbar-thumb,[data-scroll-surface]::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:6px;border:3px solid var(--sb-track-color)}@supports not selector(::-webkit-scrollbar){body,.scrollSurface,[data-scroll-surface]{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}._rail_1ogoi_1{width:64px;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;border-right:1px solid var(--colour-border);background:var(--colour-surface)}._link_1ogoi_21{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-xs);color:var(--colour-text-muted);position:relative}._link_1ogoi_21:hover:not(._disabled_1ogoi_41){color:var(--colour-text-primary)}._link_1ogoi_21._active_1ogoi_49{color:var(--colour-accent)}._link_1ogoi_21._active_1ogoi_49:before{content:"";position:absolute;left:0;top:var(--spacing-sm);bottom:var(--spacing-sm);width:3px;background:var(--colour-accent);border-radius:0 2px 2px 0}._link_1ogoi_21._disabled_1ogoi_41{opacity:.35;cursor:not-allowed}._icon_1ogoi_89{font-size:22px;line-height:1}._label_1ogoi_99{font-family:var(--font-label-family);font-size:10px}._shell_1m1t1_1{display:flex;flex-direction:column;height:100vh}._header_1m1t1_13{height:56px;display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-base);border-bottom:1px solid var(--colour-border)}._brand_1m1t1_31{font-family:var(--font-headline-family);font-weight:700;color:var(--colour-accent);flex:1}._pill_1m1t1_45{font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-secondary);background:var(--colour-surface);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px}._body_1m1t1_63{flex:1;display:flex;min-height:0}._center_1m1t1_75{flex:1 1 0;padding:var(--spacing-base);overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;min-width:0}._right_1m1t1_99{flex:0 0 33.3333%;padding:var(--spacing-base);overflow-y:auto;border-left:1px solid var(--colour-border)}._bar_14of4_1{display:flex;background:var(--colour-surface)}._bar_14of4_1._horizontal_14of4_15{position:fixed;left:0;right:0;bottom:0;height:64px;border-top:1px solid var(--colour-border);z-index:10;padding-bottom:env(safe-area-inset-bottom,0);height:calc(64px + env(safe-area-inset-bottom,0))}._bar_14of4_1._vertical_14of4_41{flex-direction:column;width:72px;border-right:1px solid var(--colour-border);flex:0 0 72px;padding:var(--spacing-sm) 0;gap:var(--spacing-xs)}._tab_14of4_59{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--colour-text-muted)}._bar_14of4_1._vertical_14of4_41 ._tab_14of4_59{flex:0 0 auto;padding:var(--spacing-sm) var(--spacing-xs)}._tab_14of4_59._active_14of4_89{color:var(--colour-accent)}._tab_14of4_59._disabled_14of4_97{opacity:.35;pointer-events:none}._icon_14of4_107{font-size:20px;line-height:1}._bar_14of4_1._vertical_14of4_41 ._icon_14of4_107{font-size:22px}._label_14of4_125{font-family:var(--font-label-family);font-size:10px}._shell_1dohe_7{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}._header_1dohe_23{position:fixed;top:0;left:0;right:0;z-index:10;height:56px;display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-base);border-bottom:1px solid var(--colour-border);background:var(--colour-background)}._brand_1dohe_53{font-family:var(--font-headline-family);font-weight:700;color:var(--colour-accent);flex:1}._pill_1dohe_67{font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-secondary);background:var(--colour-surface);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px}._scroll_1dohe_5{flex:1;overflow-y:auto;padding:var(--spacing-base);padding-top:calc(var(--spacing-base) + 56px);padding-bottom:calc(var(--spacing-base) + 64px);display:flex;flex-direction:column;gap:var(--spacing-base)}._section_1dohe_111{width:100%}._column_1dohe_119{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0}._shell_1dohe_7._landscape_1dohe_139{flex-direction:row}._shell_1dohe_7._landscape_1dohe_139 ._header_1dohe_23{left:72px}._shell_1dohe_7._landscape_1dohe_139 ._scroll_1dohe_5{padding-bottom:var(--spacing-base)}._wrap_1tqpp_7{position:relative;width:100%;max-width:min(80vmin,560px);aspect-ratio:1 / 1;margin:0 auto;align-self:center}._inner_1tqpp_25{position:relative;width:100%;height:100%}._svg_1tqpp_37{width:100%;height:100%;display:block}._buttons_1tqpp_49{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}._inner_1tqpp_25{--cof-root-font-size: clamp(11px, 1.6vw, 18px)}._segBtn_1tqpp_75{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:14%;height:14%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--seg-colour) 7%,transparent);border:1.5px solid color-mix(in srgb,var(--seg-colour) 22%,transparent);color:var(--colour-text-muted);font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:var(--cof-root-font-size);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}._numerals_1tqpp_115{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}._numeral_1tqpp_115{position:absolute;transform:translate(-50%,-50%);font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:calc(var(--cof-root-font-size) - 2px);line-height:1}._segBtn_1tqpp_75._inMode_1tqpp_147{background:color-mix(in srgb,var(--seg-colour) 22%,transparent);border-color:color-mix(in srgb,var(--seg-colour) 55%,transparent);color:var(--colour-text-secondary)}._segBtn_1tqpp_75._selected_1tqpp_159{background:var(--seg-colour);border-color:var(--colour-text-primary);border-width:3px;color:var(--colour-text-primary)}._segBtn_1tqpp_75:focus-visible{outline:2px solid var(--colour-accent);outline-offset:2px}._select_1f56r_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--colour-surface);color:var(--colour-text-primary);border:1px solid var(--colour-border);border-radius:8px;padding:var(--spacing-sm) 32px var(--spacing-sm) var(--spacing-md);font-family:var(--font-body-large-family);font-size:14px;background-image:linear-gradient(45deg,transparent 50%,var(--colour-text-secondary) 50%),linear-gradient(135deg,var(--colour-text-secondary) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}._select_1f56r_1:disabled{opacity:.4}._selector_6u4jv_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base);width:100%}._modeRow_6u4jv_17{display:flex;align-items:center;gap:var(--spacing-sm)}._modeLabel_6u4jv_29{font-family:var(--font-label-family);font-size:11px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.08em}._chip_uideq_1{display:inline-flex;align-items:center;justify-content:center;padding:6px var(--spacing-sm);background:var(--colour-surface-raise);border:1px solid var(--colour-border);border-radius:8px;font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:11px;color:var(--colour-text-primary);cursor:pointer}._chip_uideq_1._selected_uideq_31{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}._chip_uideq_1._muted_uideq_43{opacity:.18;cursor:default}._chip_uideq_1._chromatic_uideq_53{border-color:var(--colour-leading);color:var(--colour-leading);background:color-mix(in srgb,var(--colour-leading) 12%,transparent)}._chip_uideq_1._selected_uideq_31._chromatic_uideq_53{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}._chip_gehcy_1{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--colour-surface-raise);border:1px solid var(--colour-border);border-radius:10px;font-family:var(--font-label-family);color:var(--colour-text-primary);cursor:pointer}._chip_gehcy_1._muted_gehcy_31{opacity:.18;cursor:default}._chip_gehcy_1[aria-pressed=true]{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}._label_gehcy_53{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:13px;line-height:1}._sub_gehcy_67{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--colour-text-secondary)}._chip_gehcy_1[aria-pressed=true] ._sub_gehcy_67{color:inherit}._wrap_u7r6v_1{display:flex;flex-direction:column;gap:var(--spacing-base);width:100%}._panel_u7r6v_15{display:flex;flex-direction:column;gap:var(--spacing-sm)}._panelHeader_u7r6v_27{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-xs)}._panelLabel_u7r6v_41{font-family:var(--font-label-family);font-size:10px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.08em}._panelCount_u7r6v_57{font-family:var(--font-label-family);font-size:10px;color:var(--colour-accent);text-transform:uppercase;letter-spacing:.08em}._chordGrid_u7r6v_73{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}._keyGrid_u7r6v_85{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}._cell_u7r6v_97>button,._cell_u7r6v_97>[role=button]{width:100%}._container_1vpkm_1{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);background:var(--colour-surface-raise);border-radius:999px}button._container_1vpkm_1{cursor:pointer}._label_1vpkm_27{font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-secondary)}._name_1vpkm_39{font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-primary)}button._container_1vpkm_1 ._name_1vpkm_39{text-decoration:underline}._row_12isn_1{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;cursor:pointer}._label_12isn_17{flex:1;font-family:var(--font-body-large-family);font-size:14px;color:var(--colour-text-primary)}._input_12isn_31{position:absolute;opacity:0;pointer-events:none}._track_12isn_43{width:40px;height:22px;background:var(--colour-surface-raise);border-radius:999px;position:relative;transition:background .15s ease}._input_12isn_31:checked~._track_12isn_43{background:var(--colour-accent)}._thumb_12isn_69{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s ease}._input_12isn_31:checked~._track_12isn_43 ._thumb_12isn_69{transform:translate(18px)}._input_12isn_31:focus-visible~._track_12isn_43{outline:2px solid var(--colour-accent);outline-offset:2px}._center_3xl03_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base);width:100%;min-height:0}._modeToggle_3xl03_19{display:inline-flex;gap:var(--spacing-sm);background:var(--colour-surface);padding:var(--spacing-xs);border-radius:999px;flex:0 0 auto}._modeToggle_3xl03_19 button{padding:6px 14px;border-radius:999px;background:transparent;color:var(--colour-text-secondary);font-family:var(--font-label-family);font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}._modeToggle_3xl03_19 button._active_3xl03_61{background:var(--colour-accent);color:var(--colour-background)}._info_3xl03_71{display:flex;flex-direction:column;gap:var(--spacing-md)}._keyName_3xl03_83{font-family:var(--font-display-medium-family);font-size:var(--font-display-medium-size);line-height:1.2;margin:0;color:var(--colour-text-primary)}._notes_3xl03_99{font-family:var(--font-mono-family);font-size:14px;color:var(--colour-text-secondary)}._cta_3xl03_111{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--colour-accent);color:var(--colour-background);font-family:var(--font-label-family);text-transform:uppercase;letter-spacing:.06em;border-radius:8px;align-self:flex-start}._empty_3xl03_137{color:var(--colour-text-muted);font-family:var(--font-body-large-family)}._svg_1lg50_1{display:block;max-width:100%;height:auto}._row_19pxh_1{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-xs)}._chip_19pxh_17{flex:0 0 auto;padding:var(--spacing-xs) var(--spacing-md);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:999px;font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-secondary);cursor:pointer}._chip_19pxh_17._selected_19pxh_41{background:color-mix(in srgb,var(--colour-accent) 13%,transparent);border-color:var(--colour-accent);color:var(--colour-accent)}._badge_2yabw_1{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--badge-colour, var(--colour-interval-other));border-radius:8px;color:var(--badge-colour, var(--colour-interval-other))}._interval_2yabw_25{font-family:var(--font-mono-family);font-weight:700;font-size:12px;line-height:1}._note_2yabw_39{font-family:var(--font-mono-family);font-size:12px;line-height:1}._card_1wx9b_1{background:var(--colour-surface);border-radius:12px;overflow:hidden;border:1px solid var(--colour-border)}._header_1wx9b_15{display:flex;align-items:center;gap:var(--spacing-md);padding:14px var(--spacing-base);width:100%;text-align:left;cursor:pointer}._degree_1wx9b_35{font-family:var(--font-mono-family);color:var(--colour-text-secondary);min-width:32px;font-size:14px}._romanBadge_1wx9b_49{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:4px 8px;border-radius:6px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 13%,transparent);font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:13px}._headerText_1wx9b_77{display:flex;flex-direction:column;gap:2px;flex:1}._name_1wx9b_91{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:18px;color:var(--colour-text-primary)}._function_1wx9b_105{font-family:var(--font-label-family);font-size:11px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.04em}._chevron_1wx9b_121{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-size:24px;color:var(--colour-text-secondary);transition:transform .2s ease;transform:rotate(0)}._card_1wx9b_1._open_1wx9b_137 ._chevron_1wx9b_121{transform:rotate(90deg)}._inner_1wx9b_145{padding:0 var(--spacing-base) var(--spacing-base);display:flex;flex-direction:column;gap:var(--spacing-base);align-items:center}._pager_1wx9b_161{display:flex;align-items:center;gap:var(--spacing-md);color:var(--colour-text-secondary);font-family:var(--font-label-family);font-size:13px}._pager_1wx9b_161 button{width:32px;height:32px;border-radius:50%;background:var(--colour-surface-raise);color:var(--colour-text-primary);display:inline-flex;align-items:center;justify-content:center}._pager_1wx9b_161 button:disabled{opacity:.3;cursor:default}._intervals_1wx9b_211{display:flex;gap:var(--spacing-sm);padding:0;margin:0;list-style:none;flex-wrap:wrap;justify-content:center}._unavailable_1wx9b_231{color:var(--colour-text-muted);font-style:italic;text-align:center;padding:var(--spacing-base)}._center_1593n_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base);width:100%;height:100%;min-height:0;--cof-vertical-reserve: 80px}._list_1593n_25{display:flex;flex-direction:column;gap:var(--spacing-md)}._empty_1593n_37{color:var(--colour-text-muted);font-family:var(--font-body-large-family);text-align:center;padding:var(--spacing-xl)}._frame_18to2_1{width:100%;display:flex;align-items:flex-start;background:var(--colour-surface);border-radius:8px;padding:var(--spacing-sm);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}._frame_18to2_1::-webkit-scrollbar{display:none}._frame_18to2_1._dragging_18to2_51{cursor:grabbing}._frame_18to2_1._mirrored_18to2_61 ._svg_18to2_61{transform:scaleX(-1);transform-origin:center}._svg_18to2_61{display:block;flex:0 0 auto}._row_b95a9_1{display:flex;gap:var(--spacing-sm)}._row_b95a9_1 button{padding:6px 12px;border-radius:8px;background:var(--colour-surface);color:var(--colour-text-secondary);border:1px solid var(--colour-border);font-family:var(--font-label-family);font-size:13px;cursor:pointer}._row_b95a9_1 button._active_b95a9_33{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}._btn_oern4_1{height:28px;padding:0 var(--spacing-sm);border-radius:8px;background:var(--colour-surface-raise);border:1px solid var(--colour-border);display:inline-flex;align-items:center;gap:4px;color:var(--colour-arpeggio);cursor:pointer;font-family:var(--font-label-family)}._btn_oern4_1._active_oern4_29{background:var(--colour-arpeggio);border-color:var(--colour-arpeggio);color:var(--colour-background)}._icon_oern4_41{font-size:14px;line-height:1}._label_oern4_51{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:12px}._backdrop_c3u5c_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-base);z-index:100}._sheet_c3u5c_23{background:var(--colour-surface);border-radius:14px;padding:var(--spacing-base) var(--spacing-lg) var(--spacing-lg);width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}._titleRow_c3u5c_49{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}._title_c3u5c_49{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:15px;color:var(--colour-text-primary)}._close_c3u5c_77{background:transparent;border:0;color:var(--colour-text-secondary);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}._seg_c3u5c_97{display:inline-flex;background:var(--colour-surface-raise);border-radius:8px;padding:2px;align-self:flex-start}._segOpt_c3u5c_113{padding:4px 12px;border-radius:6px;background:transparent;border:0;color:var(--colour-text-secondary);font-family:var(--font-label-family);font-size:12px;cursor:pointer}._segOpt_c3u5c_113._active_c3u5c_135{background:var(--colour-accent);color:var(--colour-background);font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700}._chipWrap_c3u5c_149{display:flex;flex-wrap:wrap;gap:6px}._chip_c3u5c_149{padding:5px 10px;border-radius:6px;background:var(--colour-surface-raise);border:1px solid var(--colour-border);color:var(--colour-text-primary);font-family:var(--font-label-family);font-size:12px;cursor:pointer}._chip_c3u5c_149._active_c3u5c_135{background:var(--colour-arpeggio);border-color:var(--colour-arpeggio);color:var(--colour-background);font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700}._freeRootRow_c3u5c_199{display:flex;align-items:center;gap:var(--spacing-sm)}._freeRootLabel_c3u5c_211{font-family:var(--font-label-family);font-size:11px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.1em}._clearBtn_c3u5c_227{align-self:flex-start;padding:6px 10px;background:transparent;border:0;color:var(--colour-text-secondary);text-decoration:underline;font-family:var(--font-label-family);font-size:12px;cursor:pointer}._center_1vjtq_1{display:flex;flex-direction:column;gap:var(--spacing-base);width:100%;min-height:0;align-items:stretch}._controls_1vjtq_19{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--colour-border);flex-wrap:wrap}._controlGroup_1vjtq_37{display:flex;align-items:center;gap:var(--spacing-sm)}._controlLabel_1vjtq_49{font-family:var(--font-label-family);font-size:11px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.08em}._notesRow_1vjtq_65{display:flex;flex-wrap:wrap;gap:6px}._notePill_1vjtq_77{display:inline-flex;align-items:center;gap:4px;padding:4px var(--spacing-sm);border-radius:8px;font-family:var(--font-label-family);color:var(--colour-background)}._notePill_1vjtq_77 ._deg_1vjtq_97{font-size:9px;opacity:.75;font-weight:500}._notePill_1vjtq_77 ._note_1vjtq_65{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:13px}._diagramFrame_1vjtq_121{flex:0 0 auto;display:flex;align-items:flex-start;width:100%}._spacer_1vjtq_145{flex:1}._empty_1vjtq_153{color:var(--colour-text-muted);font-family:var(--font-body-large-family);text-align:center;padding:var(--spacing-xl)}._card_1h5ls_1{background:var(--colour-surface);border-radius:12px;border:1px solid var(--colour-border);overflow:hidden}._header_1h5ls_15{display:flex;flex-direction:column;align-items:flex-start;padding:14px var(--spacing-base);width:100%;text-align:left;gap:var(--spacing-xs);cursor:pointer}._name_1h5ls_37{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:17px;color:var(--colour-text-primary)}._numerals_1h5ls_51{font-family:var(--font-mono-family);font-size:13px;color:var(--colour-text-secondary);letter-spacing:.05em}._collapse_1h5ls_65{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease-out}._card_1h5ls_1._open_1h5ls_77 ._collapse_1h5ls_65{grid-template-rows:1fr}._inner_1h5ls_85{overflow:hidden;padding:0 var(--spacing-base) var(--spacing-base);display:flex;flex-direction:column;gap:var(--spacing-md)}._description_1h5ls_101{font-family:var(--font-body-small-family);font-size:13px;color:var(--colour-text-secondary)}._grid_1h5ls_113{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}._borrowedNote_1h5ls_125{font-family:var(--font-body-small-family);font-size:11px;color:var(--colour-leading)}._examples_1h5ls_137{display:flex;flex-direction:column;gap:var(--spacing-xs)}._examplesLabel_1h5ls_149{font-family:var(--font-label-family);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-text-muted)}._examplesList_1h5ls_165{margin:0;padding-left:1.1em;font-family:var(--font-body-small-family);font-size:12px;color:var(--colour-text-secondary)}._group_150s4_1{display:flex;flex-direction:column;gap:6px}._label_150s4_13{font-family:var(--font-label-family);font-size:12px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.06em}._row_150s4_29{display:flex;flex-wrap:wrap;gap:6px}._chip_150s4_41{padding:4px 10px;border-radius:999px;background:var(--colour-surface);color:var(--colour-text-secondary);font-size:12px;font-family:var(--font-label-family);border:1px solid var(--colour-border);cursor:pointer;text-transform:capitalize}._chip_150s4_41._active_150s4_65{background:var(--colour-accent);border-color:var(--colour-accent);color:var(--colour-background)}._center_myyuj_1{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-base);width:100%;min-height:0}._divider_myyuj_19{width:100%;height:1px;background:var(--colour-border)}._filters_myyuj_31{display:flex;flex-direction:column;gap:var(--spacing-base)}._list_myyuj_43{display:flex;flex-direction:column;gap:var(--spacing-md)}._empty_myyuj_55{color:var(--colour-text-muted);font-family:var(--font-body-large-family);text-align:center;padding:var(--spacing-xl)}._form_q5iyo_1{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:480px}._section_q5iyo_15{display:flex;flex-direction:column;gap:var(--spacing-sm)}._section_q5iyo_15 h3{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--spacing-sm)}._section_q5iyo_15 a{color:var(--colour-accent);font-family:var(--font-body-large-family);padding:var(--spacing-xs) 0}._page_mxbfn_1{max-width:640px;display:flex;flex-direction:column;gap:var(--spacing-md)}._page_mxbfn_1 h1{font-family:var(--font-display-medium-family);font-size:var(--font-display-medium-size);line-height:1.2;margin:0 0 var(--spacing-sm)}._page_mxbfn_1 h3{font-family:Syne,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--colour-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:var(--spacing-base) 0 var(--spacing-xs)}._page_mxbfn_1 p,._page_mxbfn_1 li{font-family:var(--font-body-large-family);color:var(--colour-text-primary);margin:0}._page_mxbfn_1 a{color:var(--colour-accent)}._tagline_mxbfn_71{color:var(--colour-text-secondary)}._licenseList_mxbfn_79{padding-left:var(--spacing-lg);margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}._wrap_1kcst_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-base);padding:var(--spacing-xxl);text-align:center;min-height:60vh}._wrap_1kcst_1 h1{font-family:var(--font-display-medium-family);font-size:var(--font-display-medium-size);color:var(--colour-text-primary);margin:0}._err_1kcst_37{color:var(--colour-text-muted);font-family:var(--font-mono-family);font-size:13px;background:var(--colour-surface);padding:var(--spacing-md) var(--spacing-base);border-radius:8px;max-width:480px;overflow-x:auto;white-space:pre-wrap}._retry_1kcst_61{background:var(--colour-accent);color:var(--colour-background);padding:var(--spacing-sm) var(--spacing-lg);border-radius:8px;font-family:var(--font-label-family);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}