:root{--font-main:"Helvetica",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Helvetica",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size:16px;--content-max-width:568px;--extra-max-width:900px;--learn-max-width:650px;--header-height:52px;--footer-height:64px;--player-dock-height:calc(16px + 44px + 24px + 8px * 2 + 12px * 2 + env(safe-area-inset-bottom, 0px));--sidebar-width:0px;--page-max-width:768px;--side-padding:20px;--transition-duration:0.25s}@media(max-width:576px){:root{--side-padding:15px}}@media(min-width:576px){:root{--player-dock-height:calc(44px + 24px + 8px + 12px * 2 + env(safe-area-inset-bottom, 0px))}}@media(min-aspect-ratio:1/1)and (max-height:800px),(min-width:1200px)and (max-height:800px){:root{--footer-height:0px;--sidebar-width:var(--header-height)}}:root{--accent-color:var(--orange);--border-color:var(--gray);--header-bg-color:var(--dark);--footer-bg-color:var(--dark);--main-bg-color:var(--beige);--song-bg-color:#fff;--placeholder-color:var(--mid-gray);--text-color:var(--dark-gray);--page-text-color:var(--darker-gray);--title-color:var(--dark);--shadow-color:rgba(56,55,142,0.15);--link-color:#1e80f3;--btn-bg:rgba(0,0,0,0.06);--btn-hover-bg:rgba(0,0,0,0.1);--btn-active-bg:#bfa871;--btn-active-hover-bg:#a99166;--beige:#fffaed;--brown:#26231b;--dark:#0b0800;--darker-gray:#515151;--dark-gray:#6c6c6c;--mid-gray:#8e8e93;--gray:#c0c0c0;--light-gray:#f5f5f5;--orange:#f5c149;--error:#ff6542}.IndexPage{background-color:var(--main-bg-color)}.IndexPage__title{padding:24px var(--side-padding) var(--side-padding)}.IndexPage__list{list-style-type:none;margin:0;padding:0;width:100%}