body{margin:0;font-family:Helvetica Neue,"system-ui",Avenir,Helvetica,Arial,"sans-serif";background:#f9f9f9;color:#333}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:#2c33b9;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header a{color:#fff;font-size:1.2rem;display:"flex"}.search-input{padding:.5rem;font-size:1rem;width:50%}.main-content{flex:1;display:flex;justify-content:center;padding:1rem}.lyrics-content-box-debug{overflow-y:scroll;max-height:40vh}.lyric-box{max-width:600px;width:100%;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.lyric-list-box ul{list-style:none;padding:0;margin:0}.lyric-list-box li{padding:8px 12px;border-bottom:1px solid #ddd;font-size:18px}li:last-child{border-bottom:none}.song-title{font-size:1.5rem;margin:.5rem 0}.artist-name,.creator-name{color:gray;margin-bottom:1rem}.controls{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.controls button{padding:.4rem .8rem;font-size:1rem;background:#eee;border:none;border-radius:4px;cursor:pointer;min-width:140px;margin:0 20px;transition:all .5s ease}.controls button:hover{box-shadow:0 4px 12px #0003}.controls .active,.controls .active:hover{background-color:#2c33b9;color:#eee}.lyrics{font-size:1.1rem}.lyrics p{margin-top:10px;margin-bottom:10px}.lyric-line-ontime{background-color:#f9fdd2}.lyric-line{transition:background-color .5s ease-in}.lyric-line-call{color:#ee4242;font-weight:600;transition:color .5s ease-out}.lyric-line-call-practice{color:#3926e400}.lyric-line-call-passed{color:#3926e4}.lyric-line-call-hide{visibility:hidden}.lyric-line-call-spacer{display:block;height:4px}.lyric-line-section-spacer{display:block;height:10px}.footer{background:#333;color:#fff;text-align:center;padding:1rem;font-size:.9rem;margin-top:auto}.footer a{font-weight:500;color:#646cff;text-decoration:inherit}.footer a:hover{color:#747bff}.sp_br{display:none}@media (max-width: 600px){.search-input{width:100%}.header{flex-direction:column}.header a{width:100%}.lyrics p{font-size:.9rem}.lyric-box{padding:.5rem}.controls{flex-wrap:wrap}.controls button{flex:1 1 30%}.sp_br{display:block}}.YoutubePlayer{display:flex;flex-direction:column;margin-bottom:15px}.YoutubeIframe{aspect-ratio:16 / 9}.PlayWithStart{margin-top:5px;margin-left:30%;margin-right:30%;padding:.4rem .8rem;font-size:1rem;background:#eee;border:none;border-radius:4px;cursor:pointer;transition:all .5s ease}.PlayWithStart:hover{box-shadow:0 4px 12px #0003}.PlayWithStart:active{transform:scale(.95);background-color:#7c84ff;box-shadow:0 2px 6px #0000004d inset}@media screen and (min-width: 481px){.YoutubeIframe{width:100%;aspect-ratio:16 / 9}}@media screen and (max-width: 480px){.YoutubeIframe{width:auto}.PlayWithStart{margin-left:0;margin-right:0}}