#app{z-index:0;background:#03090d;position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#overlay .play{padding:7em}#container{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#container>div{width:100%}#container p{text-align:center;padding:0 .5em;font-weight:700}#lyrics{font-size:6em}#media{z-index:20;background:#0003;padding:4px;position:absolute;bottom:10px;right:10px}#header{z-index:20;position:absolute;top:0;left:0}#meta{background:#0003;margin:10px;padding:5px}#footer{z-index:20;position:absolute;bottom:0;left:0}#footer>p{margin-left:10px}#control{background:#0003;max-width:calc(100vw - 20px);margin:10px;padding:5px}#song-buttons{flex-wrap:wrap;gap:5px;margin-bottom:5px;display:flex}#song-buttons button.active{color:#031014;background:#a9f7ff;border-color:#a9f7ff}#control>button{margin-right:5px}#control>button:last-child{margin-right:0}#flow-ui{z-index:70;color:#e9fbff;pointer-events:none;font-family:Noto Sans JP,system-ui,sans-serif;transition:opacity .45s;position:fixed;inset:0}#flow-ui.hidden{opacity:0}.flow-title{text-align:center;text-shadow:0 0 24px #7de6ffa6,0 2px 18px #000000e6;width:min(760px,100vw - 40px);font-size:clamp(24px,4vw,48px);font-weight:700;position:absolute;top:9vh;left:50%;transform:translate(-50%)}.flow-body{text-align:center;color:#e9fbffd1;text-shadow:0 2px 16px #000000e6;white-space:pre-line;width:min(760px,100vw - 40px);font-size:clamp(15px,2vw,22px);line-height:1.9;position:absolute;top:19vh;left:50%;transform:translate(-50%)}#flow-action{color:#e9fbff;min-width:180px;font:inherit;letter-spacing:0;pointer-events:auto;cursor:pointer;background:#061820b8;border:1px solid #a9f7ffb8;border-radius:999px;padding:13px 28px;font-weight:700;position:absolute;bottom:9vh;left:50%;transform:translate(-50%);box-shadow:0 0 24px #5be1ff38,inset 0 0 18px #a9f7ff1f}#flow-action:hover{background:#0c303ed1;box-shadow:0 0 30px #75eeff61,inset 0 0 20px #a9f7ff2e}#flow-action:disabled{cursor:wait;opacity:.62}#container{pointer-events:none}#header,#footer,#container,#overlay{display:none!important}#media{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:auto;left:-9999px;overflow:hidden}.flow-keys{color:#e9fbffc2;text-align:center;text-shadow:0 2px 14px #000000db,0 0 18px #7de6ff47;letter-spacing:0;width:min(860px,100vw - 40px);font-size:clamp(13px,1.6vw,18px);line-height:1.7;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}.flow-keys.hidden{display:none}