.multiplier-content{background-color:var(--bg-color-light);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.multiplier-inner-container{max-width:500px;margin:0 auto}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-size:1.125rem;font-weight:500;color:var(--text-muted-color);text-align:center}.bpm-input{width:100%;background-color:var(--card-bg-color);color:var(--text-color);padding:.75rem;border-radius:.5rem;border:2px solid transparent;text-align:center;font-size:1.5rem;font-weight:700;transition:border-color .2s;box-sizing:border-box}.bpm-input:focus{border-color:var(--accent-color);outline:none}.result{text-align:center;margin-top:2.5rem}.result h2{font-size:1.25rem;font-weight:500;color:var(--text-muted-color);margin-bottom:1rem}.modifier{font-size:4rem;font-weight:800;color:var(--cyan-color);line-height:1}.speed{font-size:1.5rem;font-weight:700;color:var(--green-color);margin-top:.5rem}.toggle-button{background-color:var(--button-bg);color:var(--button-icon);width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s;margin:1rem auto 0}._root_hehr0_1{--bg-color: #34dd39;--buffer: calc(var(--arrow-size) / 2 - 1px);opacity:.5;width:100%;height:100%}@media print{._root_hehr0_1{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}._withoutTail_hehr0_17{background-image:linear-gradient(to bottom,var(--bg-color) 0,var(--bg-color) 100%)}._withTail_0_hehr0_36,._withTail_4_hehr0_37{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='48'%20height='48'%20version='1.1'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cmetadata%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cpath%20d='m0%2012.121%2011.495%2011.879h3.1281l2.4933-2.4796v-3.0806l-2.2157-2.2036h5.5327l3.8164-3.7956v-0.56563l-24.25%202.8e-5v0.08614z'%20fill='%2334dd39'/%3e%3c/svg%3e"),linear-gradient(to bottom,var(--bg-color) 0,var(--bg-color) calc(100% - var(--buffer)),transparent calc(100% - var(--buffer)));background-position:left bottom;background-size:100%;background-repeat:no-repeat}._withTail_1_hehr0_50,._withTail_5_hehr0_51{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='48'%20height='48'%20viewBox='0%200%2024.000001%2023.999999'%20version='1.1'%20id='svg1814'%20sodipodi:docname='freezeBodyTail_Down.svg'%20inkscape:version='1.1.2%20(0a00cf5339,%202022-02-04)'%20inkscape:export-filename='/home/matt/dev/stepcharts/components/layout/fallback_openGraph.png'%20inkscape:export-xdpi='227.41'%20inkscape:export-ydpi='227.41'%20xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape'%20xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%3e%3cmetadata%20id='metadata1820'%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'%20/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cdefs%20id='defs1818'%20/%3e%3csodipodi:namedview%20pagecolor='%23ffffff'%20bordercolor='%23666666'%20borderopacity='1'%20objecttolerance='10'%20gridtolerance='10'%20guidetolerance='10'%20inkscape:pageopacity='0'%20inkscape:pageshadow='2'%20inkscape:window-width='2540'%20inkscape:window-height='1391'%20id='namedview1816'%20showgrid='false'%20inkscape:zoom='8'%20inkscape:cx='-45.5'%20inkscape:cy='20.625'%20inkscape:window-x='2560'%20inkscape:window-y='29'%20inkscape:window-maximized='1'%20inkscape:current-layer='svg1814'%20fit-margin-top='0'%20fit-margin-left='0'%20fit-margin-right='0'%20fit-margin-bottom='0'%20inkscape:snap-global='true'%20showguides='true'%20inkscape:guide-bbox='true'%20inkscape:document-rotation='0'%20inkscape:pagecheckerboard='0'%3e%3csodipodi:guide%20position='-35.625001,12.125'%20orientation='0,-1'%20id='guide2955'%20/%3e%3csodipodi:guide%20position='12,15.312499'%20orientation='1,0'%20id='guide2957'%20/%3e%3csodipodi:guide%20position='0,22.124999'%20orientation='1,0'%20id='guide2959'%20/%3e%3csodipodi:guide%20position='24.000001,16.312499'%20orientation='1,0'%20id='guide2961'%20/%3e%3csodipodi:guide%20position='22.000001,4.6475067e-08'%20orientation='0,-1'%20id='guide2963'%20/%3e%3c/sodipodi:namedview%3e%3cpath%20style='fill:%2334dd39;stroke:none;stroke-width:0.5px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1'%20d='M%200,11.875%2012,24%2024.000001,11.875%20Z'%20id='path2965'%20/%3e%3c/svg%3e"),linear-gradient(to bottom,var(--bg-color) 0,var(--bg-color) calc(100% - var(--buffer)),transparent calc(100% - var(--buffer)));background-position:left bottom;background-size:100%;background-repeat:no-repeat}._withTail_2_hehr0_64,._withTail_6_hehr0_65{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='48'%20height='48'%20version='1.1'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cmetadata%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cpath%20d='m0%2011.875v2.4727l2.4544%202.4675h3.0488l2.1806-2.1928v5.4759l3.7566%203.7767h1.1198l3.7561-3.7767v-5.4759l2.1811%202.1928h3.0488l2.4539-2.4675v-2.4727z'%20fill='%2334dd39'/%3e%3c/svg%3e"),linear-gradient(to bottom,var(--bg-color) 0,var(--bg-color) calc(100% - var(--buffer)),transparent calc(100% - var(--buffer)));background-position:left bottom;background-size:100%;background-repeat:no-repeat}._withTail_3_hehr0_78,._withTail_7_hehr0_79{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='48'%20height='48'%20version='1.1'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:cc='http://creativecommons.org/ns%23'%20xmlns:dc='http://purl.org/dc/elements/1.1/'%20xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3e%3cmetadata%3e%3crdf:RDF%3e%3ccc:Work%20rdf:about=''%3e%3cdc:format%3eimage/svg+xml%3c/dc:format%3e%3cdc:type%20rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3e%3c/cc:Work%3e%3c/rdf:RDF%3e%3c/metadata%3e%3cpath%20d='m24.25%2012.121-11.495%2011.879h-3.1281l-2.4933-2.4796v-3.0806l2.2157-2.2036h-5.5327l-3.8164-3.7956v-0.56563l24.25%202.8e-5v0.08614z'%20fill='%2334dd39'/%3e%3c/svg%3e"),linear-gradient(to bottom,var(--bg-color) 0,var(--bg-color) calc(100% - var(--buffer)),transparent calc(100% - var(--buffer)));background-position:left bottom;background-size:100%;background-repeat:no-repeat}._arrowSvg_1ra5j_1{position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);transform-origin:center}._left1_1ra5j_9{left:calc(var(--arrow-size) * 0);transform:rotate(270deg)}._down1_1ra5j_14{left:calc(var(--arrow-size) * 1);transform:rotate(180deg)}._up1_1ra5j_19{left:calc(var(--arrow-size) * 2);transform:rotate(0)}._right1_1ra5j_24{left:calc(var(--arrow-size) * 3);transform:rotate(90deg)}._left2_1ra5j_29{left:calc(var(--arrow-size) * 4);transform:rotate(270deg)}._down2_1ra5j_34{left:calc(var(--arrow-size) * 5);transform:rotate(180deg)}._up2_1ra5j_39{left:calc(var(--arrow-size) * 6);transform:rotate(0)}._right2_1ra5j_44{left:calc(var(--arrow-size) * 7);transform:rotate(90deg)}._section_1rfof_1{position:relative}._container_1rfof_5{position:relative;background-color:#f3f4f6;z-index:10}._containerSingle_1rfof_11{width:calc(var(--arrow-size) * 4)}._containerDouble_1rfof_15{width:calc(var(--arrow-size) * 8)}._doubleDivider_1rfof_19{width:calc(var(--arrow-size) * 4);border-right:1px dashed #4338ca;position:absolute;top:0;pointer-events:none;height:100%}._bar_1rfof_28{box-sizing:border-box}._barMeasure_1rfof_32{border-bottom:2px solid #818cf8}._barBeat_1rfof_36{border-bottom:1px dashed #60a5fa}._bar_1rfof_28:nth-child(odd){background-color:#eef2ff}._bar_1rfof_28:last-of-type{border-width:0}._bar_1rfof_28:hover{background-color:#c7d2fe}._bar_1rfof_28:target,._targeted_1rfof_52{background-color:#a5b4fc}._selfLink_1rfof_56{display:none}@media (min-width: 640px){._selfLink_1rfof_56{display:flex;flex-direction:column;justify-content:center;align-items:center}}._selfLink_1rfof_56 svg{visibility:hidden;padding:0 .25rem;background-color:#4f46e5;color:#fff;height:1.5rem;width:1.5rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}._bar_1rfof_28:hover ._selfLink_1rfof_56 svg,._selfLink_1rfof_56:hover svg{visibility:visible}._freeze_1rfof_86{position:absolute;pointer-events:none;overflow:hidden}._bpmRange_1rfof_92{position:absolute;left:0;width:100%;pointer-events:none}._bpmRangeBorder_1rfof_99{border-top:1px solid}._bpmRangeEven_1rfof_103{border-color:#60a5fa}._bpmRangeOdd_1rfof_107{border-color:var(--color-difficult)}._bpmLabel_1rfof_111{position:absolute;display:flex;flex-direction:row;justify-content:flex-end;pointer-events:none;left:-100px;width:100px}._bpmLabelText_1rfof_121{font-size:.675rem;color:#fff;padding:.125rem .25rem;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}._bpmLabelEven_1rfof_129{background-color:#60a5fa}._bpmLabelOdd_1rfof_133{background-color:var(--color-difficult)}._stopSign_1rfof_137{font-size:1.5rem;right:-1.75rem;color:#ef4444;position:absolute}@media print{._bpmLabelText_1rfof_121{font-size:.45rem}._stopSign_1rfof_137{font-size:1.125rem;right:-1rem}}._aboveStepChart_1kj1w_1{z-index:999999}._stepchartSections_1kj1w_5{display:flex;flex-direction:column}._stepchartSectionGroup_1kj1w_10{--arrow-size: 40px;display:grid;place-items:center}._printTitle_1kj1w_16{display:none}._mobileHeader_1kj1w_21{width:100%;background-color:var(--color-focal-300);position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 640px){._mobileHeader_1kj1w_21{display:none}}._mobileBanner_1kj1w_34{margin:auto;border-bottom:4px solid white;width:100%;position:absolute;top:0;left:0}._desktopHeader_1kj1w_43{margin-top:0;border:none;margin-bottom:2rem;position:sticky;top:0;z-index:10;padding:1rem;background-color:var(--color-focal-300);display:flex;flex-direction:column;align-items:center}@media (min-width: 640px){._desktopHeader_1kj1w_43{width:auto;border:1px solid;margin:2rem auto;border-radius:.75rem 0;flex-direction:row;justify-content:flex-start;gap:1rem}}._desktopBannerContainer_1kj1w_68{width:100%}@media (min-width: 640px){._desktopBannerContainer_1kj1w_68{display:block;width:16rem}}._desktopBanner_1kj1w_68{display:none}@media (min-width: 640px){._desktopBanner_1kj1w_68{display:block}}._desktopBannerImage_1kj1w_87{margin:auto;border:2px solid white;width:100%;position:absolute;top:0;left:0}._detailsContainer_1kj1w_96{flex:1 1 0%;display:flex;flex-direction:column}@media (min-width: 640px){._detailsContainer_1kj1w_96{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 0}}._speedmodLabel_1kj1w_109{font-size:1.25rem;font-weight:700;color:var(--text-color-light);text-transform:uppercase}@media (min-width: 1025px){._speedmodContainer_1kj1w_117{flex-direction:row}}._printUrl_1kj1w_122{font-size:.75rem;line-height:1rem;color:#9ca3af}@media print{._rootPrint_1kj1w_129{width:100%;height:100%;margin:0!important;padding:0!important;background:none!important}._rootPrint_1kj1w_129 header,._rootPrint_1kj1w_129 footer{display:none}._rootPrint_1kj1w_129 main{max-width:initial!important;max-height:initial!important}._hideForPrint_1kj1w_146{display:none}._printTitle_1kj1w_16{display:block;margin-bottom:1rem}._stepchartSectionGroup_1kj1w_10{--arrow-size: 20px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem;page-break-after:always}}._stepchart-page-container_1kj1w_167{position:relative}.bpm-tool-container{background-color:var(--bg-color);color:var(--text-color-light);min-height:100vh}.controls-container{background-color:var(--bg-color-light);padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;gap:1rem}.top-row{display:flex;gap:1rem;width:100%}.top-row>.view-toggle{flex:1}.song-search-row{display:flex;gap:1rem;align-items:center;width:100%}.action-buttons{display:flex;gap:.5rem;align-items:center}.mobile-only{display:none}.desktop-only{display:flex}.song-select-container{flex-grow:1}.view-toggle{width:100%}.api-key-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.api-key-modal-content{background-color:var(--bg-color-light);padding:2rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.api-key-modal-content h3{margin-top:0}.api-key-disclaimer{font-size:.9rem;color:var(--text-muted-color);margin-bottom:1rem}.api-key-modal-content input{background-color:var(--card-bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem;border-radius:.5rem}.api-key-modal-content button{background-color:var(--card-hover-bg-color);color:var(--text-color);padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.api-key-modal-content button:hover{background-color:var(--card-hover-bg-color-light)}.game-checkboxes{max-height:150px;overflow-y:auto;border:1px solid var(--border-color);padding:.5rem;border-radius:.5rem}.api-key-button,.camera-button,.filter-button{background-color:var(--card-bg-color);border:0px solid var(--border-color);color:var(--text-color);border-radius:.375rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s}.camera-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:.5rem;display:flex;justify-content:center;align-items:center}.camera-modal-content{background-color:var(--bg-color-light);padding:2rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem}.chart-section{background-color:var(--bg-color-light);padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:1rem;width:100%;box-sizing:border-box;position:relative}.song-info-bar{background-color:var(--bg-color-dark);padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.song-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-section.collapsed .song-title-container{margin-bottom:0}.song-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;width:100%}.title-content-wrapper{display:flex;align-items:center;gap:1rem;text-align:left}.song-game-version{font-size:.9rem;font-weight:500;background-color:var(--card-bg-color);padding:.2rem .6rem;border-radius:.375rem;text-transform:uppercase;flex-shrink:0;line-height:1.2}.title-artist-group{display:inline-block}.song-title-main{font-weight:700;font-size:1.5rem;color:var(--text-color-lighter)}.song-title-artist{font-weight:400;color:var(--text-color-lightest);font-size:1.25rem}.song-length{font-size:.8em;margin-left:8px;color:var(--text-color-lighter)}.chart-section.collapsed .chart-container{height:600px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:1rem;justify-items:start;min-height:120px}.grid-item{display:flex;align-items:center;gap:1rem}.play-style,.bpm-label,.core-bpm-label,.difficulty-label{font-weight:700;font-size:1.25rem;color:var(--text-color-light)}.difficulty-label{display:none}.difficulty-meters-container{display:flex;gap:.5rem}.difficulty-meter{padding:.3rem .5rem;width:40px;display:flex;justify-content:center;align-items:center;border-radius:.375rem;color:var(--text-color);font-weight:700;font-size:1rem}.bpm-value-container,.core-bpm-value-container{display:flex;align-items:center;gap:1rem}.bpm-value,.core-bpm-value{font-weight:600;color:var(--yellow-color);font-size:1.25rem}.bpm-tool-grid .song-calculation{background-color:var(--card-bg-color);padding:.5rem 1rem;border-radius:.375rem;display:inline;align-items:center;gap:.5rem;width:150px;text-align:center}.toggle-button{background-color:var(--button-bg);color:var(--button-icon);width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s;margin-top:0}.toggle-button:hover{background-color:var(--card-hover-bg-color-light)}.toggle-button.up{background-color:var(--button-up-color)}.toggle-button.up:hover{background-color:var(--button-up-hover-color)}.toggle-button.down{background-color:var(--button-down-color)}.toggle-button.down:hover{background-color:var(--button-down-hover-color)}.song-speed{color:var(--green-color)}.song-separator{color:var(--text-muted-color)}.song-modifier{color:var(--green-color);font-weight:700}.chart-container{height:400px;position:relative;margin-top:2rem}.api-key-footer{margin-top:2rem;display:flex;justify-content:center}@media (max-width: 1024px){.chart-section{padding:0}.chart-section.collapsed .chart-container{height:400px}.song-info-bar{background-color:var(--bg-color-dark);padding:1rem;margin-bottom:0;border-radius:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.song-info-bar.collapsed .song-title-container{margin-bottom:0}.song-info-bar.collapsed .song-length{display:none}.song-title-container{margin-bottom:1rem}.bpm-title-mobile{display:grid;grid-template-areas:". chip button" "title title title";grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem 1rem}.title-content-wrapper{display:contents}.song-game-version{grid-area:chip;justify-self:center}.title-artist-group{grid-area:title;grid-column:1 / -1;justify-self:center;text-align:center;display:flex;flex-direction:column;gap:.1rem}.song-length{margin-left:0;margin-top:4px}.collapse-button{grid-area:button;justify-self:end;background-color:transparent}.collapse-button:hover{background-color:transparent;color:var(--text-muted-color)}.song-title-separator{display:none}.song-title-main{font-size:1.5rem}.song-title-artist{font-size:1rem}.details-grid{grid-template-columns:1fr;justify-items:center;padding:0 1rem}.grid-item{display:flex;flex-direction:column;gap:.5rem;align-items:center}.bpm-core-container{display:flex;flex-direction:column;gap:1rem;align-items:center}.grid-item-sp,.grid-item-dp{order:1}.bpm-core-container{order:2}.chart-container{margin-top:0;padding:.5rem}.bpm-tool-grid{margin-top:1rem}}@media (min-width: 1025px){.details-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;justify-items:start}.bpm-core-container{display:flex;flex-direction:column;gap:1rem}.difficulty-label{display:block}.difficulty-container{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.controls-container{flex-direction:row;align-items:center}.top-row{order:1;width:auto}.view-toggle{width:12rem}.song-search-row{order:2;flex-grow:1}.mobile-only{display:none}.desktop-only{display:flex}}@media (min-width: 769px) and (max-width: 1024px){.top-row{justify-content:space-between}}.play-mode-toggle{display:flex;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.play-mode-toggle button{background-color:transparent;border:none;color:var(--text-color);padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.play-mode-toggle button.active{background-color:var(--accent-color);color:#fff}.playstyle-toggle-container{display:flex;justify-content:center;padding:.5rem 0}@media (max-width: 1024px){.controls-container{display:flex;flex-direction:column}.top-row{order:2}.song-search-row{order:1}.play-style-toggle{order:3}.mobile-only{display:flex}.desktop-only{display:none}}.smod-controls-container{position:sticky;bottom:20px;right:20px;z-index:1000;display:flex;gap:10px;background-color:var(--bg-color-light);padding:10px;border-radius:5px;box-shadow:0 2px 10px #0003;float:right;margin-bottom:20px;opacity:.5}.smod-button{background-color:var(--button-bg);color:var(--button-icon);width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.5rem;transition:background-color .2s}.smod-button:hover{background-color:var(--card-hover-bg-color-light)}.smod-value{font-size:1.2rem;font-weight:700;color:var(--text-color);min-width:50px;text-align:center;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.smod-controls-container{position:fixed;flex-direction:column;align-items:center}}._modalBackdrop_lmr8n_3{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}._modalContent_lmr8n_16{background-color:var(--bg-color);padding-top:1rem;padding-bottom:1rem;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;display:flex;flex-direction:column;gap:1rem;max-height:90vh}._modalHeader_lmr8n_30{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;padding:0 1.5rem}._modalBody_lmr8n_38{overflow-y:auto;padding:0 1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}._formGroup_lmr8n_47{display:flex;flex-direction:column;gap:.5rem}._formGroup_lmr8n_47>label{font-weight:600;color:var(--text-muted)}._inputGroup_lmr8n_58{display:flex;gap:.5rem}._input_lmr8n_58,._select_lmr8n_63{background-color:var(--card-bg-color);color:var(--text-color);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:1rem;box-sizing:border-box}._input_lmr8n_58:focus,._select_lmr8n_63:focus{border-color:var(--accent-color);outline:none}._inputGroup_lmr8n_58 ._input_lmr8n_58{flex:1;min-width:0}._formGroup_lmr8n_47>._input_lmr8n_58,._formGroup_lmr8n_47>._select_lmr8n_63{width:100%}._gameCheckboxes_lmr8n_91{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;background-color:var(--card-bg-color)}._checkboxLabel_lmr8n_101{display:block;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s;font-weight:400}._checkboxLabel_lmr8n_101:hover{background-color:var(--card-hover-bg-color)}._checkboxLabel_lmr8n_101._selected_lmr8n_115{background-color:var(--accent-color);color:#fff}._activeInput_lmr8n_123{outline:3px solid var(--accent-color);outline-offset:1px;border-radius:.5rem}._checkboxLabel_lmr8n_101 input{display:none}._buttonGroup_lmr8n_137{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem;padding:0 1.5rem 1rem}._rightButtons_lmr8n_145{display:flex;gap:.5rem}._button_lmr8n_137{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}._applyButton_lmr8n_160{background-color:var(--accent-color);color:#fff}._applyButton_lmr8n_160:hover{background-color:var(--accent-color-light)}._resetButton_lmr8n_169{background-color:var(--button-bg);color:var(--button-icon)}._cancelButton_lmr8n_174{background-color:var(--card-hover-bg-color);color:var(--text-color)}._createListButton_lmr8n_179{background-color:var(--button-up-color);color:#fff}._createListButton_lmr8n_179:hover{background-color:var(--button-up-hover-color)}@media (min-width: 1025px){._modalContent_lmr8n_16{max-width:800px}._modalBody_lmr8n_38{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}._column_lmr8n_197{display:flex;flex-direction:column;gap:1rem}}@media (max-width: 1024px){._modalBackdrop_lmr8n_3{align-items:flex-start}._modalContent_lmr8n_16{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;justify-content:space-between;box-sizing:border-box;background-color:var(--bg-color-light)}._modalHeader_lmr8n_30{padding-top:env(safe-area-inset-top,1.5rem);text-align:center}._modalBody_lmr8n_38{flex-grow:1;background-color:var(--bg-color);padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;margin:0;border-radius:0}._gameCheckboxes_lmr8n_91{flex-grow:1}._buttonGroup_lmr8n_137{justify-content:center;padding-bottom:env(safe-area-inset-bottom,1.5rem);margin:0}label{text-align:center;padding-top:.8rem}}._modalBackdrop_3rxlr_1{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}._modalContent_3rxlr_14{background-color:var(--bg-color);padding-top:1rem;padding-bottom:1rem;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;display:flex;flex-direction:column;gap:1rem;max-height:90vh}._modalHeader_3rxlr_28{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;padding:0 1.5rem}._modalBody_3rxlr_36{overflow-y:auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem}._formGroup_3rxlr_44{display:flex;flex-direction:column;gap:.5rem}._input_3rxlr_50,._select_3rxlr_51{background-color:var(--card-bg-color);color:var(--text-color);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:1rem}._buttonGroup_3rxlr_60{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding:0 1.5rem 1rem}._button_3rxlr_60{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}._applyButton_3rxlr_78{background-color:var(--accent-color);color:#fff}._cancelButton_3rxlr_83{background-color:var(--card-hover-bg-color);color:var(--text-color)}@media (max-width: 1024px){._modalBackdrop_3rxlr_1{align-items:flex-start}._modalContent_3rxlr_14{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;justify-content:space-between;box-sizing:border-box;background-color:var(--bg-color-light)}._modalHeader_3rxlr_28{padding-top:env(safe-area-inset-top,1.5rem);text-align:center}._modalBody_3rxlr_36{flex-grow:1;background-color:var(--bg-color);padding:1rem 1.5rem;margin:0;border-radius:0}._buttonGroup_3rxlr_60{justify-content:center;padding-bottom:env(safe-area-inset-bottom,1.5rem);margin:0}}.tabs-container{background-color:var(--bg-color-light);margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.tabs-content{display:flex;justify-content:space-between;align-items:center;max-width:1152px;margin:0 auto;padding:.5rem}.logo-container{padding:0 1rem;font-size:1.5rem;color:var(--text-color)}.logo-container svg{width:24px;height:24px}.tabs-group{display:flex;justify-content:center;flex-grow:1}.settings-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;font-size:1.25rem;color:var(--text-muted-color);text-decoration:none;transition:all .2s ease-in-out}.settings-tab:hover{background-color:var(--card-hover-bg-color);color:var(--text-color)}.settings-tab.active{background-color:var(--accent-color);color:var(--text-color)}.tab{padding:.75rem 1.5rem;margin:0 .25rem;border-radius:.5rem;text-decoration:none;color:var(--text-muted-color);font-weight:600;transition:all .2s ease-in-out}.tab:hover{background-color:var(--card-hover-bg-color);color:var(--text-color)}.tab.active{background-color:var(--accent-color);color:var(--text-color);box-shadow:0 2px 4px #0003}.play-style-toggle-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--card-bg-color);color:var(--text-color);font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.play-style-toggle-tab:hover{background-color:var(--card-hover-bg-color)}@media (max-width: 640px){.tabs-container{margin-bottom:1rem}.tab{flex-grow:1;text-align:center;padding:.75rem .5rem;font-size:.875rem}}.settings-content{background-color:var(--bg-color-light);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.settings-inner-container{max-width:768px;margin:0 auto}.settings-content h1{margin-top:0;margin-bottom:2rem;font-size:1.875rem;font-weight:700;text-align:center}.setting-card{padding:1.5rem;border-radius:.5rem;border-color:var(--border-color);border-width:1px;border-style:solid;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.setting-card:last-of-type{margin-bottom:0}.setting-text{width:100%}.setting-text h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.setting-text p{margin:0;color:var(--text-muted-color);font-size:.875rem}.setting-control{display:flex;width:100%;align-items:center;gap:1rem}.settings-input,.settings-select{width:100%;background-color:var(--card-bg-color);color:var(--text-color);padding:.75rem;border-radius:.5rem;border:1px solid var(--border-color);font-size:1rem;transition:border-color .2s;box-sizing:border-box}.settings-input{text-align:center}.settings-input:focus,.settings-select:focus{border-color:var(--accent-color);outline:none}.settings-button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background-color:var(--accent-color);color:var(--text-color);font-weight:600;cursor:pointer;transition:background-color .2s}.settings-button:hover{background-color:var(--accent-color-light)}@media (max-width: 1024px){.settings-content{padding:1rem}.settings-select{text-align:center}.settings-inner-container{padding:0}.setting-card{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.setting-text{padding-right:0;text-align:center;width:100%;flex-basis:100%}.setting-control{width:100%;flex-direction:column;align-items:stretch;flex-basis:100%}.settings-input{width:100%}.settings-button{text-align:center}}.license-text{white-space:pre-wrap;font-size:.8rem;color:var(--text-muted-color);background-color:var(--card-bg-color);padding:1rem;border-radius:.5rem;margin-top:1rem}.song-card{background-color:var(--card-bg-color);padding:1.25rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:110px}.song-card-link{position:relative;text-decoration:none;color:inherit;min-width:0}.song-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.song-title{font-weight:700;font-size:1.1rem;line-height:1.25;margin:0 0 .5rem;word-break:break-word}.song-details{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.song-bpm{display:block;font-size:.75rem;font-weight:600;opacity:.8}.song-calculation{display:flex;align-items:baseline;gap:.5rem;margin-top:.25rem}.song-speed{font-size:1.125rem;font-weight:700;color:var(--cyan-color)}.song-modifier{font-size:1.125rem;font-weight:700;color:var(--green-color)}.song-separator{color:var(--text-muted-color);margin:0 .25rem}.song-level-container{text-align:right}.song-level{display:block;font-size:1.125rem;font-weight:700}.difficulty-badge{display:inline-block;padding:.125rem .5rem;margin-top:.25rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.song-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.2rem}.game-chip{background-color:var(--card-hover-bg-color);color:var(--text-muted-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap;margin-left:.5rem}@media (max-width: 640px){.song-card{min-height:0px}}.song-card-action{position:absolute;top:.5rem;right:.5rem;background-color:var(--difficulty-standard-color);color:var(--button-icon);border:none;border-radius:.25rem;padding:.25rem;cursor:pointer}.song-card-action.edit{background-color:var(--difficulty-edit-color);right:2rem}.song-card-action.remove{background-color:var(--button-down-color);color:#fff}.song-card.highlight{box-shadow:0 0 0 3px var(--accent-color);animation:highlight-fade 1.5s forwards}@keyframes highlight-fade{0%{box-shadow:0 0 0 3px var(--accent-color)}to{box-shadow:none}}html{--color-white-agnostic: white;--color-black-agnostic: hsl(0, 0%, 5%);--color-beginner: #00B0C6;--color-basic: #D68B00;--color-difficult: #CE1A87;--color-expert: #68DE13;--color-challenge: #7D72FE}html[data-theme=dark]{--bg-color: #111827;--bg-color-light: #1F2937;--bg-color-dark: #2D3748;--card-bg-color: #374151;--card-hover-bg-color: #4B5563;--card-hover-bg-color-light: #5A6578;--border-color: #4B5563;--text-color: #FFFFFF;--text-color-light: #E5E7EB;--text-color-lighter: #F9FAFB;--text-color-lightest: #d1d5db;--text-muted-color: #9CA3AF;--accent-color: #2484c3;--accent-color-light: #9d7aea;--cyan-color: #67E8F9;--green-color: #4ADE80;--pink-color: #F472B6;--blue-color: #60A5FA;--yellow-color: #FBBF24;--button-icon: white;--button-bg: #4B5563;--difficulty-beginner-color: #4A90E2;--difficulty-light-color: #F5A623;--difficulty-standard-color: #D0021B;--difficulty-heavy-color: #417505;--difficulty-challenge-color: #BD10E0;--difficulty-edit-color: #7F8C8D;--difficulty-single-color: #F472B6;--difficulty-double-color: #60A5FA;--button-up-color: #10B981;--button-up-hover-color: #059669;--button-down-color: #EF4444;--button-down-hover-color: #DC2626;--color-focal-50: #374151;--color-focal-100: #4b5563;--color-focal-200: #6B7280;--color-focal-300: #9ca3af;--color-focal-400: #d1d5db;--color-focal-500: #e5e7eb;--color-focal-600: #f3f4f6;--color-focal-700: #f7f8f9;--color-focal: var(--color-focal-500);--color-heading: var(--color-focal-50);--color-subheading: var(--color-focal-200);--color-link: var(--color-expert)}html[data-theme=light]{--bg-color: #FAFAFA;--bg-color-light: #EAEAEB;--bg-color-dark: #DCDDDE;--card-bg-color: #FFFFFF;--card-hover-bg-color: #F0F0F1;--card-hover-bg-color-light: #EAEAEB;--border-color: #D1D1D2;--text-color: #383A42;--text-color-light: #383A42;--text-color-lighter: #383A42;--text-color-lightest: #5C5E66;--text-muted-color: #808289;--accent-color: #4078F2;--accent-color-light: #6995F5;--cyan-color: #0184BC;--green-color: #50A14F;--pink-color: #A626A4;--blue-color: #4078F2;--yellow-color: #C18401;--button-bg: #5C5E66;--button-icon: white;--difficulty-beginner-color: #4078F2;--difficulty-light-color: #C18401;--difficulty-standard-color: #E45649;--difficulty-heavy-color: #50A14F;--difficulty-challenge-color: #A626A4;--difficulty-edit-color: #696C77;--difficulty-single-color: #A626A4;--difficulty-double-color: #4078F2;--button-up-color: #50A14F;--button-up-hover-color: #468C45;--button-down-color: #E45649;--button-down-hover-color: #C94D41;--color-focal-700: #374151;--color-focal-600: #4b5563;--color-focal-500: #6B7280;--color-focal-400: #9ca3af;--color-focal-300: #d1d5db;--color-focal-200: #e5e7eb;--color-focal-100: #f3f4f6;--color-focal-50: #f9fafb;--color-focal: var(--color-focal-500);--color-heading: var(--color-white-agnostic);--color-subheading: var(--color-focal-200);--color-link: var(--color-challenge)}html[data-theme=cg]{--bg-color: #111111;--bg-color-dark: #333333;--bg-color-light: #222222;--bg-color-lighter: #333333;--text-color: #ffffff;--text-color-light: #ff8800;--text-color-lighter: #ff8800;--text-color-lightest: hsl(0, 0%, 100%);--primary-color: #ff8800;--secondary-color: #3f51b5;--border-color: #444446;--card-bg-color: #2c2c2e;--card-hover-bg-color: #3a3a3c;--text-muted-color: #8e8e93;--accent-color: #ff8800;--cyan-color: #ff8800;--green-color: white;--pink-color: #ff8800;--blue-color: #ff8800;--yellow-color: white;--button-bg: #3a3a3c;--button-icon: #ffffff;--difficulty-beginner-color: #00bcd4;--difficulty-light-color: #ff9800;--difficulty-standard-color: #f44336;--difficulty-heavy-color: #8bc34a;--difficulty-challenge-color: #9c27b0;--difficulty-edit-color: #795548;--difficulty-single-color: #e91e63;--difficulty-double-color: #3f51b5;--button-up-color: #4caf50;--button-up-hover-color: #388e3c;--button-down-color: #f44336;--button-down-hover-color: #d32f2f;--color-focal-50: #2c2c2e;--color-focal-100: #3a3a3c;--color-focal-200: #444446;--color-focal-300: #6c6c70;--color-focal-400: #8e8e93;--color-focal-500: #b0b0b0;--color-focal-600: #d0d0d0;--color-focal-700: #ffffff;--color-focal: var(--color-focal-500);--color-heading: var(--color-focal-50);--color-subheading: var(--color-focal-200);--color-link: var(--primary-color)}html[data-theme=dark-pink]{--bg-color: #1b1120;--bg-color-light: #25192d;--bg-color-dark: #2e1d3b;--card-bg-color: #402850;--card-hover-bg-color: #53325f;--card-hover-bg-color-light: #5f3d6b;--border-color: #4b2e5c;--text-color: #FFFFFF;--text-color-light: #E5E7EB;--text-color-lighter: #F9FAFB;--text-color-lightest: #d1d5db;--text-muted-color: #b38bbf;--accent-color: #e879f9;--accent-color-light: #f0abfc;--cyan-color: #67E8F9;--green-color: #4ADE80;--pink-color: #F472B6;--blue-color: #60A5FA;--yellow-color: #FBBF24;--button-icon: white;--button-bg: #53325f;--difficulty-beginner-color: #4A90E2;--difficulty-light-color: #F5A623;--difficulty-standard-color: #D0021B;--difficulty-heavy-color: #417505;--difficulty-challenge-color: #BD10E0;--difficulty-edit-color: #7F8C8D;--difficulty-single-color: #F472B6;--difficulty-double-color: #60A5FA;--button-up-color: #ec4899;--button-up-hover-color: #db2777;--button-down-color: #f472b6;--button-down-hover-color: #be185d;--color-focal-50: #374151;--color-focal-100: #4b5563;--color-focal-200: #6B7280;--color-focal-300: #9ca3af;--color-focal-400: #d1d5db;--color-focal-500: #e5e7eb;--color-focal-600: #f3f4f6;--color-focal-700: #f7f8f9;--color-focal: var(--color-focal-500);--color-heading: var(--color-focal-50);--color-subheading: var(--color-focal-200);--color-link: var(--color-expert)}html{overflow-y:scroll}html,body,#root{height:100%}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{max-width:1152px;margin:0 auto;display:flex;flex-direction:column;min-height:100%}.app-content{flex-grow:1}@media (max-width: 1024px){.dan-select,.dan-header{text-align:center}}.header{margin-bottom:1rem}.header-content{display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin:0}.header h1 span{color:var(--accent-color)}.nav-link{color:var(--accent-color);text-decoration:none;font-weight:700;transition:color .2s;padding:.5rem 1rem;border:2px solid var(--accent-color);border-radius:9999px}.nav-link:hover{color:var(--text-color);background-color:var(--accent-color)}.filter-bar{background-color:var(--bg-color-light);padding:1rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-bottom:1rem}.target-bpm-bar{position:sticky;top:1rem;z-index:10}.target-bpm-container,.filter-group{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.target-bpm-label{font-size:1.125rem;font-weight:500}.target-bpm-input{width:100%;background-color:var(--card-bg-color);color:var(--text-color);padding:.5rem;border-radius:.5rem;border:2px solid transparent;text-align:center;font-size:1.25rem;font-weight:700;transition:border-color .2s}.target-bpm-input:focus{border-color:var(--accent-color);outline:none}.filter-group{justify-content:space-between}.play-mode-toggle{display:flex;background-color:var(--card-bg-color);border-radius:9999px;padding:.25rem}.play-mode-toggle button{padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:9999px;border:none;background-color:transparent;color:var(--text-muted-color);cursor:pointer;transition:all .2s}.play-mode-toggle button:hover{background-color:var(--card-hover-bg-color);color:var(--text-color)}.play-mode-toggle button.active{color:var(--text-color);background-color:var(--accent-color)}.play-mode-toggle.dan-toggle button:first-of-type.active{background-color:var(--pink-color)}.play-mode-toggle.dan-toggle button:last-of-type.active{background-color:var(--blue-color)}.dan-select{appearance:none;background-color:var(--card-bg-color);color:var(--text-color);font-weight:600;padding:1rem;border-radius:.5rem;border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;width:100%}.dan-select-wrapper{width:100%}@media (min-width: 640px){.target-bpm-container,.filter-group{flex-direction:row}.target-bpm-input{width:10rem}}.dan-section{margin-bottom:1rem}.dan-header{font-size:1.5rem;font-weight:700;color:var(--text-color);padding:.75rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;margin:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.song-grid{display:grid;grid-template-columns:1fr;gap:.75rem;padding:.75rem;background-color:var(--bg-color-light);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.song-grid>*{min-width:0}@media (min-width: 640px){.song-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.song-grid{grid-template-columns:repeat(4,1fr)}}.footer{text-align:center;margin-top:1rem;color:var(--text-muted-color);font-size:.875rem}@media (max-width: 640px){.app-container{padding:0 .25rem}.filter-group{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem}.play-mode-toggle,.play-mode-toggle button{flex-grow:1}.dan-select-wrapper{flex-grow:1;min-width:150px}}.difficulty-beginner{background-color:var(--difficulty-beginner-color)}.difficulty-light{background-color:var(--difficulty-light-color)}.difficulty-standard{background-color:var(--difficulty-standard-color)}.difficulty-heavy{background-color:var(--difficulty-heavy-color)}.difficulty-challenge{background-color:var(--difficulty-challenge-color)}.difficulty-edit{background-color:var(--difficulty-edit-color)}.difficulty-single{background-color:var(--difficulty-single-color)}.difficulty-double{background-color:var(--difficulty-double-color)}.footer-link{color:var(--text-color)}.song-grid.three-items{grid-template-columns:repeat(3,1fr)}.song-grid.one-item{grid-template-columns:1fr}.vega-header-title{flex-basis:66.66%;text-align:left;margin:0}.vega-header-selector{flex-basis:33.33%}.vega-footer{text-align:center;padding:2rem 0}.vega-button{background-color:var(--accent-color);color:var(--text-color);padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background-color .2s}.vega-button:hover{background-color:var(--accent-color-light)}.mobile-record-buttons{display:none}@media (max-width: 1024px){.song-grid.three-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){main{padding-bottom:5rem}.song-grid.three-items{grid-template-columns:1fr}.vega-header-title{flex-basis:100%;text-align:center}.mobile-record-buttons{display:flex;gap:1rem;position:fixed;bottom:0;left:0;right:0;padding:1rem;background-color:var(--background-color-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.record-button{flex-grow:1;background-color:var(--accent-color);color:var(--text-color);padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background-color .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}}.list-page-filter-group{display:flex;gap:.75rem;flex-wrap:nowrap}.list-page-filter-group>.dan-select{flex-grow:1;width:auto;min-width:100px}.list-page-filter-group>.filter-button{border:none;cursor:pointer;flex-shrink:0}.filter-button{background-color:var(--card-bg-color);border:0px solid var(--border-color);color:var(--text-color);border-radius:.375rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background-color .2s}.filter-button.active{background-color:var(--accent-color);color:var(--text-color)}.dan-header{display:flex;justify-content:space-between;align-items:center;transition:border-radius .3s ease-in-out}.dan-header.is-collapsed{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.dan-header-title{flex-grow:1;display:flex;align-items:center;gap:.75rem}.delete-list-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-list-button:hover{background-color:#0000001a}.edit-charts-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.edit-charts-button.active,.edit-charts-button:hover{background-color:#0000001a}.color-picker-label{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background-color .2s}.color-picker-label:hover{background-color:#0000001a}.color-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.list-name-input{background:var(--card-bg-color);color:var(--text-color);border:none;border-radius:.375rem;padding:.25rem .5rem;font-size:1rem}.collapse-button{background-color:var(--button-bg);color:var(--button-icon);width:32px;height:32px;border-radius:.375rem;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s;flex-shrink:0}.collapse-button:hover{background-color:var(--card-hover-bg-color-light)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{width:100%}