: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-100);--app-border: solid 1px var(--app-color-neutral-300);--app-border-strong: solid 1px var(--app-color-neutral-500);--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;-webkit-tap-highlight-color:transparent}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}*{scrollbar-color:var(--app-color-neutral-200) var(--app-color-neutral-0)}*::-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, 86.7, 102);--app-color-primary-700: rgb(0, 65.025, 76.5);--app-color-primary-800: rgb(0, 43.35, 51);--app-color-primary-900: rgb(0, 21.675, 25.5);--app-color-primary-1000: 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(113.1537, 146.41845, 153.0663);--app-color-shade-700: rgb(87.8934, 113.1129, 118.1466);--app-color-shade-800: rgb(62.6331, 79.80735, 83.2269);--app-color-shade-900: rgb(37.3728, 46.5018, 48.3072);--app-color-shade-1000: 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: #666666;--app-color-neutral-700: rgb(76.5, 76.5, 76.5);--app-color-neutral-800: #333333;--app-color-neutral-900: rgb(25.5, 25.5, 25.5);--app-color-neutral-1000: black;--app-color-match-0: white;--app-color-match-100: #ffffcc;--app-color-match-200: #ffff99;--app-color-match-300: #ffff66;--app-color-match-400: #ffff33;--app-color-match-500: yellow;--app-color-match-600: #cccc00;--app-color-match-700: #999900;--app-color-match-800: #666600;--app-color-match-900: #333300;--app-color-match-1000: 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(29.9625, 158.7375, 77.18);--app-color-success-700: rgb(25.5, 122.4, 61.03);--app-color-success-800: rgb(21.0375, 86.0625, 44.88);--app-color-success-900: rgb(16.575, 49.725, 28.73);--app-color-success-1000: 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(198.5175, 126.47575, 10.5825);--app-color-warning-700: rgb(152.235, 98.0815, 10.965);--app-color-warning-800: rgb(105.9525, 69.68725, 11.3475);--app-color-warning-900: rgb(59.67, 41.293, 11.73);--app-color-warning-1000: 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(193.6215, 56.2785, 56.2785);--app-color-danger-700: rgb(148.563, 45.237, 45.237);--app-color-danger-800: rgb(103.5045, 34.1955, 34.1955);--app-color-danger-900: rgb(58.446, 23.154, 23.154);--app-color-danger-1000: 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-900);--app-color-score-on-alt: var(--app-color-primary-500)}