:root,:host{--app-gutter-2: .125rem;--app-gutter-4: .25rem;--app-gutter-6: .375rem;--app-gutter-8: .5rem;--app-gutter-10: .625rem;--app-gutter-12: .75rem;--app-gutter-14: .875rem;--app-gutter-16: 1rem;--app-gutter-18: 1.125rem;--app-gutter-20: 1.25rem;--app-gutter-22: 1.375rem;--app-gutter-24: 1.5rem;--app-gutter-28: 1.75rem;--app-gutter-32: 2rem;--app-gutter-36: 2.25rem;--app-gutter-40: 2.5rem;--app-gutter-44: 2.75rem;--app-gutter-48: 3rem;--app-gutter-56: 3.5rem;--app-gutter-64: 4rem;--app-gutter-72: 4.5rem;--app-gutter-80: 5rem;--app-gutter-96: 6rem;--app-gutter-112: 7rem;--app-gutter-128: 8rem;--app-gutter-144: 9rem}:root,:host{--app-dyn-2: .125rem;--app-dyn-4: .25rem;--app-dyn-6: .375rem;--app-dyn-8: .5rem;--app-dyn-10: .625rem;--app-dyn-12: .75rem;--app-dyn-14: .875rem;--app-dyn-16: 1rem;--app-dyn-18: 1.125rem;--app-dyn-20: 1.25rem;--app-dyn-22: 1.375rem;--app-dyn-24: 1.5rem;--app-dyn-28: 1.75rem;--app-dyn-32: 2rem;--app-dyn-36: 2.25rem;--app-dyn-40: 2.5rem;--app-dyn-44: 2.75rem;--app-dyn-48: 3rem;--app-dyn-56: 3.5rem;--app-dyn-64: 4rem;--app-dyn-72: 4.5rem;--app-dyn-80: 5rem;--app-dyn-96: 6rem;--app-dyn-112: 7rem;--app-dyn-128: 8rem;--app-dyn-144: 9rem}.density-condensed{--app-dyn-2: .0875rem;--app-dyn-4: .175rem;--app-dyn-6: .2625rem;--app-dyn-8: .35rem;--app-dyn-10: .4375rem;--app-dyn-12: .525rem;--app-dyn-14: .6125rem;--app-dyn-16: .7rem;--app-dyn-18: .7875rem;--app-dyn-20: .875rem;--app-dyn-22: .9625rem;--app-dyn-24: 1.05rem;--app-dyn-28: 1.225rem;--app-dyn-32: 1.4rem;--app-dyn-36: 1.575rem;--app-dyn-40: 1.75rem;--app-dyn-44: 1.925rem;--app-dyn-48: 2.1rem;--app-dyn-56: 2.45rem;--app-dyn-64: 2.8rem;--app-dyn-72: 3.15rem;--app-dyn-80: 3.5rem;--app-dyn-96: 4.2rem;--app-dyn-112: 4.9rem;--app-dyn-128: 5.6rem;--app-dyn-144: 6.3rem}.density-regular{--app-dyn-2: .125rem;--app-dyn-4: .25rem;--app-dyn-6: .375rem;--app-dyn-8: .5rem;--app-dyn-10: .625rem;--app-dyn-12: .75rem;--app-dyn-14: .875rem;--app-dyn-16: 1rem;--app-dyn-18: 1.125rem;--app-dyn-20: 1.25rem;--app-dyn-22: 1.375rem;--app-dyn-24: 1.5rem;--app-dyn-28: 1.75rem;--app-dyn-32: 2rem;--app-dyn-36: 2.25rem;--app-dyn-40: 2.5rem;--app-dyn-44: 2.75rem;--app-dyn-48: 3rem;--app-dyn-56: 3.5rem;--app-dyn-64: 4rem;--app-dyn-72: 4.5rem;--app-dyn-80: 5rem;--app-dyn-96: 6rem;--app-dyn-112: 7rem;--app-dyn-128: 8rem;--app-dyn-144: 9rem}.density-spacious{--app-dyn-2: .1875rem;--app-dyn-4: .375rem;--app-dyn-6: .5625rem;--app-dyn-8: .75rem;--app-dyn-10: .9375rem;--app-dyn-12: 1.125rem;--app-dyn-14: 1.3125rem;--app-dyn-16: 1.5rem;--app-dyn-18: 1.6875rem;--app-dyn-20: 1.875rem;--app-dyn-22: 2.0625rem;--app-dyn-24: 2.25rem;--app-dyn-28: 2.625rem;--app-dyn-32: 3rem;--app-dyn-36: 3.375rem;--app-dyn-40: 3.75rem;--app-dyn-44: 4.125rem;--app-dyn-48: 4.5rem;--app-dyn-56: 5.25rem;--app-dyn-64: 6rem;--app-dyn-72: 6.75rem;--app-dyn-80: 7.5rem;--app-dyn-96: 9rem;--app-dyn-112: 10.5rem;--app-dyn-128: 12rem;--app-dyn-144: 13.5rem}:root,:host{--app-layout-160: 10rem;--app-layout-240: 15rem;--app-layout-320: 20rem;--app-layout-400: 25rem;--app-layout-480: 30rem;--app-layout-560: 35rem;--app-layout-600: 37.5rem;--app-layout-640: 40rem;--app-layout-720: 45rem;--app-layout-800: 50rem;--app-layout-960: 60rem;--app-layout-1120: 70rem;--app-layout-1280: 80rem;--app-layout-1440: 90rem;--app-layout-1600: 100rem}:root,:host{--app-font-6: .375rem;--app-font-7: .4375rem;--app-font-8: .5rem;--app-font-9: .5625rem;--app-font-10: .625rem;--app-font-11: .6875rem;--app-font-12: .75rem;--app-font-14: .875rem;--app-font-16: 1rem;--app-font-18: 1.125rem;--app-font-21: 1.3125rem;--app-font-24: 1.5rem;--app-font-30: 1.875rem;--app-font-36: 2.25rem;--app-font-48: 3rem;--app-font-60: 3.75rem;--app-font-72: 4.5rem}:root{--app-border-light: solid 1px var(--app-color-neutral-200);--app-border: solid 1px var(--app-color-neutral-300);--app-border-strong: solid 1px var(--app-color-neutral-400);--app-border-radius: 6px;--app-bg-color-header: var(--app-color-neutral-900);--app-color-header: var(--app-color-neutral-100);--app-bg-color-page-low: white;--app-bg-color-page-mid: var(--app-color-neutral-50);--app-bg-color-page-high: var(--app-color-neutral-100);--app-weight-300: 300;--app-weight-400: 400;--app-weight-500: 500;--app-weight-600: 600;--app-weight-700: 700;background-color:var(--app-color-neutral-0)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-height:100vh;font-family:Roboto,sans-serif;scrollbar-color:var(--app-color-neutral-300) transparent}body>#root>main{line-height:var(--app-font-20);font-size:var(--app-font-14);font-weight:400;overflow-y:auto;overflow-x:hidden;min-width:var(--app-layout-320)}*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}h1{line-height:var(--app-font-60);font-size:var(--app-font-48);font-weight:400;margin-block-start:var(--app-gutter-28);margin-block-end:var(--app-gutter-28)}h2{line-height:var(--app-font-36);font-size:var(--app-font-30);font-weight:400;margin-block-start:var(--app-gutter-18);margin-block-end:var(--app-gutter-18)}h3{line-height:var(--app-font-24);font-size:var(--app-font-16);font-weight:600;margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16)}h4{line-height:var(--app-font-24);font-size:var(--app-font-16);font-weight:500;margin-block-start:var(--app-gutter-12);margin-block-end:var(--app-gutter-12)}p,ol,ul{margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16)}blockquote{margin-block-start:var(--app-gutter-16);margin-block-end:var(--app-gutter-16);margin-inline-start:var(--app-gutter-40);margin-inline-end:var(--app-gutter-40)}strong{font-weight:800}b{font-weight:600}a{text-decoration:none;color:inherit}*::-webkit-scrollbar{width:var(--app-gutter-12);height:var(--app-gutter-12)}.spacer{flex:1}@keyframes fadeIn{to{opacity:1}}:root{--app-color-primary-0: rgb(241.6125, 242.69625, 242.8875);--app-color-primary-100: rgb(193.29, 215.832, 219.81);--app-color-primary-200: rgb(144.9675, 188.96775, 196.7325);--app-color-primary-300: rgb(96.645, 162.1035, 173.655);--app-color-primary-400: rgb(48.3225, 135.23925, 150.5775);--app-color-primary-500: rgb(0, 108.375, 127.5);--app-color-primary-600: rgb(0, 81.28125, 95.625);--app-color-primary-700: rgb(0, 54.1875, 63.75);--app-color-primary-800: rgb(0, 27.09375, 31.875);--app-color-primary-900: black;--app-color-shade-0: rgb(241.6125, 242.69625, 242.8875);--app-color-shade-100: rgb(220.9728, 230.1018, 231.9072);--app-color-shade-200: rgb(200.3331, 217.50735, 220.9269);--app-color-shade-300: rgb(179.6934, 204.9129, 209.9466);--app-color-shade-400: rgb(159.0537, 192.31845, 198.9663);--app-color-shade-500: rgb(138.414, 179.724, 187.986);--app-color-shade-600: rgb(106.838625, 138.0920625, 144.336375);--app-color-shade-700: rgb(75.26325, 96.460125, 100.68675);--app-color-shade-800: rgb(43.687875, 54.8281875, 57.037125);--app-color-shade-900: rgb(12.1125, 13.19625, 13.3875);--app-color-neutral-0: white;--app-color-neutral-100: rgb(229.5, 229.5, 229.5);--app-color-neutral-200: #cccccc;--app-color-neutral-300: rgb(178.5, 178.5, 178.5);--app-color-neutral-400: #999999;--app-color-neutral-500: rgb(127.5, 127.5, 127.5);--app-color-neutral-600: rgb(95.625, 95.625, 95.625);--app-color-neutral-700: rgb(63.75, 63.75, 63.75);--app-color-neutral-800: rgb(31.875, 31.875, 31.875);--app-color-neutral-900: black;--app-color-success-0: rgb(241.6125, 242.8875, 242.08);--app-color-success-100: rgb(200.175, 233.325, 212.33);--app-color-success-200: rgb(158.7375, 223.7625, 182.58);--app-color-success-300: rgb(117.3, 214.2, 152.83);--app-color-success-400: rgb(75.8625, 204.6375, 123.08);--app-color-success-500: rgb(34.425, 195.075, 93.33);--app-color-success-600: rgb(28.846875, 149.653125, 73.1425);--app-color-success-700: rgb(23.26875, 104.23125, 52.955);--app-color-success-800: rgb(17.690625, 58.809375, 32.7675);--app-color-success-900: rgb(12.1125, 13.3875, 12.58);--app-color-warning-0: rgb(242.8875, 242.39875, 241.6125);--app-color-warning-100: rgb(243.27, 224.893, 195.33);--app-color-warning-200: rgb(243.6525, 207.38725, 149.0475);--app-color-warning-300: rgb(244.035, 189.8815, 102.765);--app-color-warning-400: rgb(244.4175, 172.37575, 56.4825);--app-color-warning-500: rgb(244.8, 154.87, 10.2);--app-color-warning-600: rgb(186.946875, 119.3771875, 10.678125);--app-color-warning-700: rgb(129.09375, 83.884375, 11.15625);--app-color-warning-800: rgb(71.240625, 48.3915625, 11.634375);--app-color-warning-900: rgb(13.3875, 12.89875, 12.1125);--app-color-danger-0: rgb(242.8875, 241.6125, 241.6125);--app-color-danger-100: rgb(242.046, 206.754, 206.754);--app-color-danger-200: rgb(241.2045, 171.8955, 171.8955);--app-color-danger-300: rgb(240.363, 137.037, 137.037);--app-color-danger-400: rgb(239.5215, 102.1785, 102.1785);--app-color-danger-500: rgb(238.68, 67.32, 67.32);--app-color-danger-600: rgb(182.356875, 53.518125, 53.518125);--app-color-danger-700: rgb(126.03375, 39.71625, 39.71625);--app-color-danger-800: rgb(69.710625, 25.914375, 25.914375);--app-color-danger-900: rgb(13.3875, 12.1125, 12.1125)}:root{--app-font-monospace: "Noto Sans Mono", monospace;--app-color-score-on-line: var(--app-color-neutral-500);--app-color-score-part: var(--app-color-shade-0);--app-color-score-on-part: var(--app-color-neutral-600);--app-color-score-chord: var(--app-color-primary-600);--app-color-score-on-chord: var(--app-color-neutral-0);--app-color-score-on-lyric: var(--app-color-neutral-500);--app-color-score-on-alt: var(--app-color-primary-500)}