*{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}hr{height:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}progress{vertical-align:baseline}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--white:#f4faf8;--black:#07131a;--theme-rgb:125, 211, 199;--theme-color:rgb(var(--theme-rgb));--theme-contrast-color:#062027;--font-color:#e8f6f2;--background-color:#07131a;--surface:#12303ac7;--line:color-mix(in srgb, var(--theme-color) 28%, transparent);--semi-black-color:#061018c7;--semi-white-color:#e8f6f229;--border-radius:16px;--radius-pill:999px;--text-shadow:0 1px 12px color-mix(in srgb, var(--theme-color) 35%, transparent);--drop-shadow:drop-shadow(0 0 8px color-mix(in srgb, var(--theme-color) 55%, transparent));--elev:0 10px 40px #020c1059;--transition-duration:.24s;--animation-duration:.28s;--animation-durationx2:.56s}[data-theme=light]{--font-color:#12303a;--background-color:#eef7f4;--semi-black-color:#ffffffb8;--surface:#ffffffb8}[data-theme=dark]{--font-color:#e8f6f2;--background-color:#07131a}:root{color:var(--font-color);background-color:var(--background-color);background-image:radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--theme-color) 22%, transparent), transparent 60%), radial-gradient(900px 500px at 110% 8%, #9ad8e82e, transparent 55%);caret-color:var(--theme-color);background-attachment:fixed;font-family:Sora,Manrope,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei UI,sans-serif}svg{fill:currentColor}::selection{color:var(--theme-contrast-color);background-color:var(--theme-color)}a{color:currentColor;text-decoration:none}a,button,[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0;border:0;padding:0 8px}ul{margin:0;padding:0;list-style:none}.button{color:var(--theme-contrast-color);background-color:var(--theme-color);border-radius:var(--radius-pill);padding:8px 14px}.akari-odango-loading{width:28vmin;height:28vmin;margin:auto;position:fixed;top:0;bottom:0;left:0;right:0}.start-loading{animation:2.4s ease-in-out infinite seawind-breathe}@keyframes seawind-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}}.akari-not-found{opacity:.55;flex:auto;align-self:center;max-width:72vw;max-height:48vh;margin-top:auto}.app-header{z-index:233;width:100%;height:64px;padding:0 12px;padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));color:var(--theme-color);background:color-mix(in srgb, var(--semi-black-color) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--line);animation:slide-in-down var(--animation-duration) ease-in-out forwards;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;box-shadow:0 8px 30px #020c102e}.app-title{letter-spacing:.04em;align-items:center;gap:10px;font-size:1.15rem;font-weight:620;display:inline-flex}.app-title-text{display:inline-flex}.app-header a{min-width:56px;min-height:56px;color:color-mix(in srgb, var(--font-color) 82%, white);justify-content:center;align-items:center;padding:0;display:inline-flex}.app-nav{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:18px;gap:2px;padding:4px;display:inline-flex}.app-tab{border-radius:14px;position:relative}.app-tab:before{z-index:-1;background:color-mix(in srgb, var(--theme-color) 18%, transparent);opacity:0;content:"";border-radius:12px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.app-tab:target:before,.app-tab:hover:before{opacity:1}.app-tab>svg,.app-title>svg{width:26px;height:26px}.app-footer{z-index:233;width:100%;animation:slide-in-up var(--animation-duration) ease forwards;position:fixed;bottom:0}html{box-sizing:content-box;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}body{box-sizing:border-box}html,body,.app-container,.app-main{flex-direction:column;display:flex}body,.app-container,.app-main{flex:1 0 auto}body,.app-container{contain:size;display:contents}.app-main{width:80%;margin:auto;padding-top:60px;padding-bottom:32px}@media (max-width:1280px){.app-main{width:1024px;max-width:100%}}@media (max-width:1024px){.app-main{width:100%;padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}}.home{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:64px;bottom:56px;left:0;right:0}.home-tip{max-width:42%;color:var(--font-color);background:var(--surface);border:1px solid var(--line);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--elev);margin:16px;padding:14px 16px}.home-tip-top-left{position:absolute;top:0;left:0}.home-tip-top-right{position:absolute;top:0;right:0}.home-tip-bottom-left{position:absolute;bottom:0;left:0}.home-tip-bottom-right{position:absolute;bottom:0;right:0}.home-tip-section{z-index:1;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(560px,100vw - 32px);box-shadow:var(--elev);border-radius:24px;padding:28px}.home-tip-section>p{color:var(--theme-color);letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-size:.78rem;font-weight:700}.home-tip-item{cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:10px 8px;display:flex}.home-tip-item:hover{background:color-mix(in srgb, var(--theme-color) 12%, transparent)}.home-tip-item>svg{width:22px;height:22px;color:var(--theme-color)}.app-editor{border:1px solid var(--theme-color);border-radius:var(--border-radius);transition:box-shadow var(--transition-duration) ease-in-out;background-color:#0000;flex-direction:column;flex:1 0 auto;margin:16px;padding:8px;font-size:1.2rem;display:flex;position:relative}.app-editor:hover,.app-editor:focus-within{box-shadow:0 0 10px var(--theme-color)}@media (max-width:768px){.app-editor{border:0;border-radius:0;margin:0}.app-editor:hover,.app-editor:focus-within{box-shadow:none}}.app-editor-infobox{display:none}@supports (display:grid){.app-editor-infobox{grid-template-rows:1fr 1fr 1fr;grid-template-columns:auto 1fr auto}[open]>.app-editor-infobox{display:grid}}.app-textarea{overscroll-behavior-y:contain;border:none;flex:1 0 auto}.app-editor input,.app-editor textarea{resize:none;background-color:#0000;border:none;padding:0}.lyric-list{-webkit-user-select:none;user-select:none;width:100%;line-height:1.4;position:relative}.lyric-list.on-screen-button{margin-bottom:40px}.space-button{touch-action:none;width:100px;height:100px;margin-bottom:env(safe-area-inset-bottom);color:var(--white);background-color:var(--theme-color);cursor:pointer;border:none;border-radius:50%;font-size:0;position:fixed;bottom:50px;right:32px;box-shadow:0 4px 12px #0000004d}.line{white-space:pre-wrap;border-top:2px solid #0000;border-bottom:2px solid #0000;align-items:baseline;padding:8px 0 8px 8rem;font-size:1.2rem}.line:nth-child(2n){background-color:color-mix(in srgb, var(--theme-color) 6%, transparent)}.line:nth-child(odd){background-color:color-mix(in srgb, var(--font-color) 4%, transparent)}.line>.line-time,.line>.line-text{pointer-events:none}.select{border-color:var(--theme-color)}.curser{contain:content;position:absolute;left:0}.curser:after{content:"➤"}.line.highlight{color:var(--theme-contrast-color);background-color:var(--theme-color)}.error:before{content:"⚠️";position:absolute;left:-2rem}@media (max-width:768px){.line{padding-left:6rem;font-size:1rem}}.aside-panel{margin-bottom:env(safe-area-inset-bottom);background-color:var(--semi-black-color);animation:slide-in-right var(--animation-duration) ease 1s forwards;border-radius:8px 0 0 8px;position:fixed;bottom:64px;right:0;transform:translate(100%)}.on-screen-button+.aside-panel{bottom:calc(50vh - 60px)}.aside-button{box-sizing:content-box;width:50px;height:50px;padding:0;padding-right:env(safe-area-inset-right);color:var(--white);flex-direction:column;justify-content:center;align-items:center;margin:0;line-height:1;display:flex}.aside-button>svg{fill:currentColor;width:30px;height:30px;margin:auto}.aside-button:hover>svg{filter:drop-shadow(0 0 4px var(--theme-color))}.syncmode-button{border-bottom:1px solid var(--white);border-top-left-radius:8px}.syncmode-button.highlight{color:var(--theme-contrast-color);background-color:var(--theme-color)}.syncmode-button.highlight .lock-open,.syncmode-button.select .lock-close{visibility:hidden}audio{width:100%;height:32px;margin-bottom:env(safe-area-inset-bottom);background:var(--semi-black-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);position:absolute;bottom:0}audio::-webkit-media-controls-enclosure{border-radius:0}[disabled]{opacity:.5;pointer-events:none}.lrc-audio{padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);color:var(--white);background:var(--semi-black-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);-webkit-user-select:none;user-select:none;justify-content:space-around;align-items:center;font-size:14px;display:flex}.lrc-audio>button,.lrc-audio>span{flex:none}.slider{--slider-height:32px;height:var(--slider-height);margin:0 5px;position:relative}.slider>progress,.slider>input{width:100%;position:absolute;left:0;right:0}.waveform-container{flex:1}.waveform-container>.waveform{height:100%}@media (max-width:768px){.timeline-slider{--slider-height:4px;width:100%;margin:0;position:absolute;bottom:100%}.waveform-container{background-color:var(--semi-black-color);width:100%;margin:0;padding:0 8px;position:absolute;bottom:100%}.app-main{padding-bottom:64px}}.lrc-audio>button{color:#eee;height:32px}audio+.lrc-audio>.loadaudio-button>svg{animation:1s ease-in-out infinite drop-shadow-flash}audio[src]+.lrc-audio>.loadaudio-button>svg{animation:none}@keyframes drop-shadow-flash{0%{filter:0}50%{filter:var(--drop-shadow)}}.timeline-slider{flex:4 0 auto}.playbackrate-slider{flex:auto;max-width:150px}input[type=range]{--thumb-size:16px;height:var(--slider-height);color:var(--theme-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-height);background-color:#0000;border:0}input[type=range]::-webkit-slider-thumb{z-index:10;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--slider-height) - var(--thumb-size)) / 2);box-shadow:0 0 4px 1px var(--black);-webkit-appearance:none;background-color:currentColor;border:0;border-radius:50%}.slider>progress{--progress-meter-color:var(--theme-color);box-sizing:border-box;height:4px;margin:calc(var(--slider-height) / 2 - 2px) 0;color:var(--progress-meter-color);background:var(--white);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;display:inline-block}progress::-webkit-progress-bar{background-color:#eee;border-radius:2px}progress::-webkit-progress-value{background-color:var(--progress-meter-color);border-radius:2px}.dialog{z-index:1000;border-radius:var(--border-radius);margin:auto;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.dialog[open]{animation:dialog-slide-in var(--animation-duration) var(--animation-out-back);display:block}.dialog-close{width:48px;height:48px;color:var(--theme-color);padding:0;list-style-type:none;position:absolute;top:-24px;left:-24px}.dialog-close:before{z-index:-1;content:"";position:fixed;top:0;bottom:0;left:0;right:0}.dialog-close>svg{width:36px;height:36px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.loadaudio-dialog{width:500px;max-width:calc(100% - 36px);height:10rem;color:var(--black);background-color:var(--semi-white-color);border:1px solid var(--theme-color);box-shadow:0 0 1rem var(--theme-color), 0 0 0 100vmax #0008;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loadaudio-body{box-sizing:border-box;justify-content:space-around;padding:10px;display:flex}.loadaudio-tab{text-align:center;width:100%}.loadaudio-tab>[type=radio]{display:none}.loadaudio-content{visibility:hidden;width:100%;height:100px;position:absolute;left:0}.loadaudio-tab>label{border:1px solid #0000;border-bottom:1px solid var(--theme-color);border-top-left-radius:6px;border-top-right-radius:6px;width:100%;padding:8px 0;display:inline-block}.loadaudio-tab :checked~label{border:1px solid var(--theme-color);background-color:#fffd;border-bottom-color:#0000}.loadaudio-tab :checked~label~.loadaudio-content{visibility:visible}.audio-input-tip,.audio-input-form{justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.audio-input-form>input[type=url]{border:0;border-bottom:1px solid var(--theme-color);background:0;flex:1 0 auto;width:60%;margin:8px;font-size:1.5rem}@keyframes dialog-slide-in{0%{opacity:0;transform:translateY(100%)}50%{opacity:1}}.toggle-switch{--bar-height:14px;--bar-width:32px;--bar-color:#eee;--knob-size:20px;--knob-color:#fff;--switch-offset:calc(var(--knob-size) - var(--bar-height));--switch-width:calc(var(--bar-width) + var(--switch-offset));--transition-duration:.2s;--switch-transition:all var(--transition-duration) ease-in-out;--switch-theme-rgb:26, 115, 232;--switch-theme-color:rgb(var(--switch-theme-rgb));--switch-box-shadow:0 0 var(--switch-offset) #11111180;--switch-margin:8px;box-sizing:border-box;min-width:var(--bar-width);min-height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch>input,.toggle-switch-input{opacity:0;width:0;height:0;position:absolute}.toggle-switch>label,.toggle-switch-label{--knob-x:calc((var(--bar-height) - var(--bar-width)) / 2);box-sizing:border-box;width:var(--bar-width);height:var(--bar-height);margin:var(--switch-margin);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.toggle-switch>:checked+label,:checked+.toggle-switch-label{--knob-x:calc((var(--bar-width) - var(--bar-height)) / 2)}.toggle-switch>label:before,.toggle-switch-label:before{box-sizing:border-box;width:var(--bar-width);height:var(--bar-height);background:var(--bar-color);border:1px solid var(--switch-theme-color);border-radius:var(--bar-height);opacity:.5;transition:var(--switch-transition);content:"";position:absolute;top:0;left:0}.toggle-switch>:checked+label:before,:checked+.toggle-switch-label:before{background:var(--switch-theme-color)}.toggle-switch>label:after,.toggle-switch-label:after{box-sizing:border-box;width:var(--knob-size);height:var(--knob-size);background:var(--knob-color);box-shadow:var(--switch-box-shadow);transform:translateX(var(--knob-x));transition:var(--switch-transition);content:"";border-radius:50%}.toggle-switch>:checked+label:after,:checked+.toggle-switch-label:after{background:var(--switch-theme-color)}.toggle-switch>:focus+label:after,:focus+.toggle-switch-label:after,.toggle-switch:hover>label:after,:hover>.toggle-switch-label:after{box-shadow:var(--switch-box-shadow), 0 0 0 calc(var(--knob-size) / 2) rgba(var(--switch-theme-rgb), .2)}.preferences{-webkit-user-select:none;user-select:none;width:100%}.preferences>ul{max-width:1024px;margin:auto}.preferences li{width:100%;padding:0 8px}.preferences li:nth-child(2n){background-color:color-mix(in srgb, var(--theme-color) 6%, transparent)}.list-item{flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:768px;min-height:3.5rem;margin:auto;display:flex}.toggle-switch{--switch-theme-rgb:var(--theme-rgb);justify-content:center}.color-picker{border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:30px;height:30px;margin:2px;display:inline-flex}.color-picker.checked:before{content:"✔️"}.format-example-text{color:var(--theme-contrast-color);white-space:pre-wrap;background-color:var(--theme-color)}.option-select>select{text-align-last:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;padding-right:16px}.option-select{position:relative}.option-select:after{color:var(--theme-color);content:"▼";pointer-events:none;position:absolute;right:0}input[type=number]{text-align:right;border:0;border-bottom:1px solid var(--theme-color);background:0;width:4rem;height:30px}.akari-hide-wall{z-index:-1;opacity:.35;pointer-events:none;width:160px;height:160px;position:fixed;bottom:32px;right:0}.gist{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;width:100%;display:flex}.new-token,.get-gist-id{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:768px;margin:0 auto;display:flex}.new-token-tip,.create-new-gist{text-align:center;flex:1 0 auto;width:100%;max-width:500px;margin:1rem;padding:1rem}.new-token-tip-text,.gist-id-tip-text{text-align:center;max-width:500px;margin:1rem;font-size:1.2rem}.github-svg{width:100px;height:100px;margin:1rem}.new-token-input,.gist-id-input{border:0;border-bottom:1px solid var(--theme-color);background:0;border-radius:0;flex:1 0 auto;margin:0 .5rem}.new-token-form,.gist-id-form{flex:1 0 auto;justify-content:center;align-items:center;width:100%;max-width:500px;margin:1rem 0;padding:1rem 0;display:flex}.file-list{grid-gap:1rem;flex:1 0 auto;grid-template-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));width:100%;display:grid}.file-item{border-radius:var(--border-radius);box-shadow:0 0 2px var(--font-color);transition:box-shadow var(--transition-duration) ease-in-out;-webkit-user-select:none;user-select:none;padding:.5rem}.file-item:hover{box-shadow:0 0 1rem var(--theme-color)}.file-content{white-space:pre;height:15rem;line-height:1.6;overflow:hidden}.file-bar{justify-content:space-between;align-items:flex-start;display:flex}.file-title{padding:.5rem}.file-load{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.file-load:hover{color:var(--theme-color)}.gist-details{-webkit-user-select:none;user-select:none;width:100%;padding:1rem}.gist-bar{justify-content:space-between;width:100%;display:flex}@media (max-width:768px){.gist-bar{flex-direction:column}}.gist-info,.ratelimit{flex:auto;padding:.5rem}.gist-loading,.gist-no-data{flex:1 0 auto;justify-content:center;align-items:center;display:flex}.toast-queue{width:100%;max-width:320px;position:fixed;top:60px;right:0}.toast{max-height:320px;color:var(--black);border:1px solid var(--theme-color);border-radius:var(--border-radius);box-shadow:0 0 1rem var(--theme-color);animation:height-change var(--animation-duration) ease forwards, slide-in-right var(--animation-duration) ease-in forwards, slide-out-right var(--animation-duration) ease-out 5s forwards;background-color:#fffd;margin:1rem;display:flex}.toast-badge{flex:none;width:32px;height:32px;margin:8px}.toast-info{color:#1b95e0}.toast-success{color:#19cf86}.toast-warning{color:#fab81e}.toast-badge>svg{width:100%;height:100%}.toast-text{margin:1rem .5rem}@keyframes height-change{0%{max-height:0}to{max-height:320px}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{transform:translate(0)}}.waveform{position:relative}.waveform:before{content:"";opacity:.5;background-color:#eee;height:1px;display:block;position:absolute;top:50%;left:0;right:0}