body,html{background-color:#000;height:100%;margin:0;padding:0;overflow:hidden}.curtain{z-index:10;background-color:#000;width:100%;height:50%;transition:transform 1s ease-in-out;position:fixed}.curtain-top{top:0;transform:translateY(0)}.curtain-top p{color:#39c5bb;justify-content:center;align-items:flex-end;bottom:0}.curtain-bottom{bottom:0;transform:translateY(0)}.curtain.open-top{transform:translateY(-100%)}.curtain.open-bottom{transform:translateY(100%)}#title{z-index:9999;opacity:1;background:linear-gradient(135deg,#1e1e1e,#0f0f0f);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-out;display:flex;position:fixed;top:0;left:0}.title-container{text-align:center;position:relative}#title-container-song-select{margin-top:200px}.title{color:#fff;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #0ff;z-index:1;margin-bottom:0;font-size:6rem;font-weight:700;position:relative}#title .title{animation:1.5s infinite alternate flicker}.subtitle{font-variation-settings:"wght" 900;color:#fff;text-shadow:0 0 5px #fff;white-space:nowrap;background-color:#00ffff4d;padding:0 10px;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;position:absolute;bottom:-20px;left:0}.note{color:#00ffff4d;z-index:0;font-size:10rem;position:absolute}.note-1{top:-30px;left:-20px;transform:rotate(-30deg)}.note-2{bottom:-30px;right:-20px;transform:rotate(30deg)}#visual{width:100%;height:20vh;margin-top:20px;position:relative}#visual:before,#visual:after{content:"";background:linear-gradient(45deg,#39c5bb,#80e27e);width:70%;height:50%;animation:4s ease-in-out infinite flow;position:absolute;top:0;transform:skew(20deg)}#visual:before{left:0}#visual:after{animation-delay:-1s;right:0}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #39c5bb,0 0 10px #39c5bb,0 0 15px #39c5bb,0 0 20px #39c5bb,0 0 35px #39c5bb}20%,24%,55%{text-shadow:none}}@keyframes flow{0%{transform:skew(20deg)translate(-200%)}to{transform:skew(20deg)translate(200%)}}.advancedSetting{display:none}.advancedSetting,.advancedSettingNavi{flex-wrap:nowrap;align-items:center;gap:10px}.advancedSetting.show{display:flex}.advancedSettingNavi{opacity:0}.advancedSettingNavi.show{opacity:1;display:flex}#song-select{color:#fff;z-index:9998;opacity:1;background:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-out;display:flex;position:fixed;top:0;left:0}#song-select p{text-align:center;margin-bottom:40px;font-size:2vw}#song-select div{justify-content:center;align-items:center;margin-bottom:40px;display:flex}#songSelect,#songSelectNavi,#searchInput,#searchInputNavi,#apiKeyInput,#apiKeyInputNavi{color:#333;background:#fffc;border:none;border-radius:5px;width:300px;min-width:150px;margin:0 20px;padding:10px;font-size:1.5vw}#songSelect option,#songSelectNavi option{color:#000;background-color:#fff}#song-select span{font-size:1.5vw}#start-btn{color:#fff;cursor:pointer;background:#39c5bb;border:none;border-radius:5px;padding:15px 30px;font-size:2vw;transition:background .3s}#start-btn:disabled{cursor:default;background:#888}#start-btn:hover:not(:disabled){background:#2e9e97}#content{z-index:10;margin-top:70px}#content-v{z-index:20;width:100%;height:100%;margin-top:40px;position:absolute;top:0;left:0}#container{justify-content:start;align-items:center;width:100%;height:100vh;padding-left:10%;display:flex}#container p{font-variation-settings:"wght" 100;color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-align:left;-webkit-user-select:none;user-select:none;background:#000000b3;padding:2px;font-size:3vw;animation:1s ease-out forwards fadein-left}.accent-line{opacity:.5;width:0;height:6px;animation:2s ease-out 2s forwards lineExpand}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expand{0%{letter-spacing:-.5em;filter:blur(12px)}to{letter-spacing:.1em;filter:blur()}}@keyframes ripple{0%{opacity:.5;width:0;height:0}to{opacity:0;width:500px;height:500px}}@keyframes lineExpand{0%{width:0}to{width:100%}}@keyframes fadein-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadein-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes emphasize{0%{font-variation-settings:"wght" 600}60%{font-variation-settings:"wght" 200}to{font-variation-settings:"wght" 100}}#container p strong{font-variation-settings:"wght" 100;animation:1.5s forwards emphasize;position:relative}.hidden{visibility:hidden}.spacer{width:20px;display:inline-block}.melody,.future{border-radius:300%;width:300px;height:300px;animation:2s forwards circle;position:absolute;bottom:-100px;right:-120px}@keyframes circle{0%{transform:scale(.5)}to{opacity:0;transform:scale(2)}}#container-v{writing-mode:vertical-rl;font-size:4vw}#container-v p{font-variation-settings:"wght" 100;color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000b3;padding:2px;font-size:4vw;animation:1s ease-out forwards fadein-top}#player{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#222c,#444c);flex-direction:column;transition:all .5s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0003}#player.minimized{opacity:.2;transition:all .5s;transform:translateY(-70%)}#player:hover{transform:translateY(0)}#meta{color:#fff;white-space:nowrap;align-items:center;padding:10px;display:flex;overflow-x:auto}#info{color:#fff;white-space:nowrap;flex-grow:0;flex-shrink:0;gap:10px;padding-left:1rem;display:flex}#artist,#song{margin-bottom:5px;margin-left:1rem}#search-select{flex-grow:1;flex-shrink:0;align-items:center;padding-bottom:5px;display:flex;overflow-x:auto}#searchInput,#searchInputNavi,#apiKeyInput,#apiKeyInputNavi,#songSelect,#songSelectNavi{color:#fff;background:#ffffff1a;border:none;border-radius:5px;width:250px;margin-left:20px;padding:10px;font-size:16px}#searchInput,#searchInputNavi,#apiKeyInput,#apiKeyInputNavi{width:350px;margin-right:10px}#advancedSettingOk,#advancedSettingOkNavi{color:#fff;cursor:pointer;white-space:nowrap;background:#555;border:none;border-radius:5px;margin-right:3px;padding:5px 10px}#control{flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin-top:10px;display:flex;position:relative;overflow-x:auto}#control>*{flex-shrink:0}#control>button{color:#fff;cursor:pointer;background:#555;border:none;border-radius:5px;margin-right:3px;padding:5px 10px}#control>button:disabled{cursor:default;background:#333}#position{color:#fff;margin-right:5px}#seekbar{background:#333;width:100%;height:10px}#seekbar>div{background:red;width:0;height:100%}#background{width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}#progress{z-index:1000;background:#000;justify-content:center;align-items:center;width:100%;height:10%;margin-top:200px;display:flex;position:fixed;top:0;left:0;overflow:hidden}#progress p{color:#39c5bb;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;overflow:hidden}.navi{flex-direction:column;display:flex}.toggle-container{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;max-width:100%;margin-left:10px;padding:5px 0;display:flex;overflow-x:auto}.toggle-container>*{flex-shrink:0}.toggle-container.navi{align-items:center;margin-top:100px}.toggle-input{display:none}.toggle-label{cursor:pointer;background-color:#555;border-radius:13px;width:50px;height:26px;transition:background-color .3s;display:inline-block;position:relative}.toggle-button{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-label{background-color:#39c5bb}.toggle-input:checked+.toggle-label .toggle-button{transform:translate(24px)}.toggle-text{color:#fff;margin-left:10px;padding-right:10px;font-size:14px}.modal{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{color:#fff;background-color:#141414e6;border:1px solid #888;border-radius:10px;width:80%;max-width:600px;margin:5vh auto;padding:20px;box-shadow:0 4px 8px #0ff3}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#39c5bb;cursor:pointer;text-decoration:none}.help-btn{color:#39c5bb;cursor:pointer;background-color:#0000;border:2px solid #39c5bb;border-radius:5px;padding:5px 10px;transition:all .3s}.help-btn:hover{color:#000;background-color:#39c5bb}.modal-content a{color:#4a90e2;border-bottom:1px solid #4a90e2;text-decoration:none;transition:color .3s,border-color .3s}.modal-content a:hover,.modal-content a:focus{color:#2a6496;border-bottom-color:#2a6496}.modal-content h2{color:#39c5bb;border-bottom:1px solid #39c5bb;padding-bottom:10px}.modal-content ul{padding-left:20px}.modal-content li{margin-bottom:10px}@media (width<=768px){.title{padding-top:30px;font-size:4rem}.subtitle{font-size:1rem;bottom:-10px}#container{padding-bottom:20px}#song-select{padding:10px}#song-select p{margin-bottom:20px;font-size:1.5vw}#songSelectNavi{width:80%;max-width:300px;font-size:14px}#player.minimized{transform:translateY(-70%)}#info{flex-direction:row;font-size:.8em}#player{max-height:25vh}#meta,#control{padding:5px}#search-select{padding-bottom:2px}.toggle-container{gap:5px}#control>button{padding:2px 4px;font-size:.8em}.toggle-text{font-size:11px}#artist,#song{max-width:100px}.toggle-label{width:40px;height:22px}.toggle-button{width:18px;height:18px}.toggle-input:checked+.toggle-label .toggle-button{transform:translate(18px)}#songSelect,#searchInput,#apiKeyInput{padding:5px;font-size:.9em}}#player::-webkit-scrollbar{width:5px;height:5px}#search-select::-webkit-scrollbar{width:5px;height:5px}#meta::-webkit-scrollbar{width:5px;height:5px}#control::-webkit-scrollbar{width:5px;height:5px}#player::-webkit-scrollbar-track{background:#f1f1f1}#search-select::-webkit-scrollbar-track{background:#f1f1f1}#meta::-webkit-scrollbar-track{background:#f1f1f1}#control::-webkit-scrollbar-track{background:#f1f1f1}#player::-webkit-scrollbar-thumb{background:#888}#search-select::-webkit-scrollbar-thumb{background:#888}#meta::-webkit-scrollbar-thumb{background:#888}#control::-webkit-scrollbar-thumb{background:#888}#player::-webkit-scrollbar-thumb:hover{background:#555}#search-select::-webkit-scrollbar-thumb:hover{background:#555}#meta::-webkit-scrollbar-thumb:hover{background:#555}#control::-webkit-scrollbar-thumb:hover{background:#555}