*{box-sizing:inherit}:root{-moz-tab-size:4;tab-size:4}html{-webkit-text-size-adjust:100%;-ms-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{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root{--white:#eee;--black:#111;--theme-rgb:245,142,168;--theme-color:rgb(var(--theme-rgb));--theme-contrast-color:var(--black);--font-color:var(--black);--background-color:#f1f3f4;--semi-black-color:#202020cc;--semi-white-color:#e0e0e0cc;--border-radius:8px;--text-shadow:0 0 2px var(--black);--drop-shadow:drop-shadow(0 0 4px currentColor);--transition-duration:250ms;--animation-duration:250ms;--animation-durationx2:500ms;--animation-out-back:cubic-bezier(0.18,0.89,0.32,1.28)}@media (prefers-color-scheme:dark){:root{--font-color:var(--white);--background-color:var(--black)}}[data-theme=light]{--font-color:var(--black);--background-color:#f1f3f4}[data-theme=dark]{--font-color:var(--white);--background-color:var(--black)}@media (prefers-reduced-motion:reduce){:root{--transition-duration:10ms;--animation-duration:100ms;--animation-durationx2:100ms}}@font-face{font-family:Akari Number;src:local("Helvetica Neue"),local("Helvetica");unicode-range:u+30-39}@font-face{font-family:Akari Fallback UI;src:local("Segoe UI"),local("Roboto"),local("Oxygen"),local("Ubuntu"),local("Cantarell"),local("Open Sans"),local("Helvetica Neue"),local("Helvetica")}html{font-feature-settings:"kern" 1;background-color:#f1f3f4;background-color:var(--background-color);caret-color:#f58ea8;caret-color:var(--theme-color);color:#111;color:var(--font-color);font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback Text,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-kerning:normal;font-kerning:normal;overscroll-behavior-y:contain}[lang]:lang(zh){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang SC,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(zh-HK){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang HK,Microsoft JhengHei UI,Microsoft JhengHei,Source Han Sans HK,Noto Sans CJK TC,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(zh-TW){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,PingFang TC,Microsoft JhengHei UI,Microsoft JhengHei,Source Han Sans TW,Noto Sans CJK TC,sans-serif,Apple Color Emoji,Segoe UI Emoji}[lang]:lang(ja){font-family:Akari Number,-apple-system,BlinkMacSystemFont,Akari Fallback UI,system-ui,Hiragino Kaku Gothic Pro,Yu Gothic UI,Yu Gothic,Meiryo UI,Meiryo,Source Han Sans JP,Noto Sans CJK JP,sans-serif,Apple Color Emoji,Segoe UI Emoji}input,select,textarea{color:inherit}svg{fill:currentColor}::-moz-selection{background-color:#f58ea8;background-color:var(--theme-color);color:#111;color:var(--theme-contrast-color)}::selection{background-color:#f58ea8;background-color:var(--theme-color);color:#111;color:var(--theme-contrast-color)}@supports (-ms-ime-align:auto) and (not ((position:-webkit-sticky) or (position:sticky))){::-moz-selection{background-color:unset;color:unset}::selection{background-color:unset;color:unset}}:focus{outline:none}a{color:currentColor;text-decoration:none}[type=submit],a,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0;border:0;cursor:default;padding:0 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}ul{list-style:none;margin:0;padding:0}time{letter-spacing:.5px}@media (max-width:768px){time{letter-spacing:0}}.link{cursor:pointer;text-decoration:underline}.link:hover{-webkit-text-decoration-color:#f58ea8;text-decoration-color:#f58ea8;-webkit-text-decoration-color:var(--theme-color);text-decoration-color:var(--theme-color)}.link:hover:after{content:"\1F517";margin-left:4px;position:absolute}a>*{pointer-events:none}.button{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);color:#111;color:var(--black);opacity:.8;padding:8px}.button:hover{opacity:1}.glow{transition:text-shadow .25s ease;transition:text-shadow var(--transition-duration) ease}.glow:hover{text-shadow:0 0 4px currentColor}.glow>svg{transition:filter .25s ease;transition:filter var(--transition-duration) ease}.glow:hover>svg{filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow)}.ripple{overflow:hidden;position:relative;transform:translateZ(0)}.ripple:after{background-image:radial-gradient(circle,#000 10%,transparent 0);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale3d(10,10,1);transition:transform .5s,opacity 1s;width:100%}.ripple:active:after{opacity:.2;transform:scale3d(0,0,1);transition:0s}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.page-loading:before{background-color:#f1f3f4;background-color:var(--background-color);content:"";opacity:.5}.akari-odango-loading,.page-loading:before{bottom:0;left:0;position:fixed;right:0;top:0}.akari-odango-loading{height:50vmin;margin:auto;text-align:center;width:50vmin}.start-loading{animation:akari-loading 2s linear infinite}@keyframes akari-loading{0%{transform:rotate(0deg) translateX(-2vmin) rotate(0deg)}to{transform:rotate(1turn) translateX(-2vmin) rotate(-1turn)}}.akari-not-found{align-self:center;filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow);flex:1 1 auto;margin-top:auto;max-height:80vh;max-width:100vw;opacity:.2}.app-header{align-items:center;animation:slide-in-down .25s ease-in-out forwards;animation:slide-in-down var(--animation-duration) ease-in-out forwards;background-color:#202020cc;background-color:var(--semi-black-color);box-shadow:0 1px 1px #f58ea8;box-shadow:0 1px 1px var(--theme-color);color:#f58ea8;color:var(--theme-color);display:flex;height:60px;justify-content:space-between;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:233}@media (max-width:768px){.app-header{padding:0 4px}}.app-title{font-size:1.5rem;font-weight:500}.app-title-text{display:none;margin-left:1rem}.app-title-svg{display:inline-flex}@media (min-width:768px){.app-title-text{display:inline-flex}.app-title-svg{display:none}}.app-header a{align-items:center;color:#fff;display:inline-flex;justify-content:center;min-height:60px;min-width:60px;padding:0;transition:color .25s ease-in-out;transition:color var(--transition-duration) ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-tab{animation-duration:.5s;animation-duration:var(--animation-durationx2);animation-fill-mode:forwards;animation-name:slide-in-down;animation-timing-function:ease-out;position:relative;transform:translateY(-100%)}.app-tab:first-child{animation-delay:.1s}.app-tab:nth-child(2){animation-delay:.2s}.app-tab:nth-child(3){animation-delay:.3s}.app-tab:nth-child(4){animation-delay:.4s}.app-nav:hover .app-tab{color:#fff}.app-nav .app-tab:hover,.app-nav>a:target{color:currentColor}.app-tab:before{background-color:#111;background-color:var(--theme-contrast-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:center 0;transition:transform .25s ease-in-out;transition:transform var(--transition-duration) ease-in-out;width:100%;z-index:-1}.app-tab:hover:before,.app-tab:target:before{transform:scaleY(1)}:hover>.app-tab:target:before{transform:scaleY(0)}.app-tab:hover:target:before{transform:scaleY(1)}.app-tab>svg,.app-title-svg>svg{height:30px;margin:0;width:30px}.app-footer{animation:slide-in-up .25s ease forwards;animation:slide-in-up var(--animation-duration) ease forwards;bottom:0;position:fixed;width:100%;z-index:233}html{box-sizing:initial;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}body{box-sizing:border-box}.app-container,.app-main,body,html{display:flex;flex-direction:column}.app-container,.app-main,body{flex:1 0 auto}.app-container,body{contain:size;display:contents}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports not ((-webkit-appearance:none) and (stroke-color:transparent)){.app-container,body{display:flex}}}.app-main{margin:auto;padding-bottom:32px;padding-top:60px;width:80%}@media (max-width:1280px){.app-main{max-width:100%;width:1024px}}@media (max-width:1024px){.app-main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);width:100%}}.home{align-items:center;bottom:32px;display:flex;flex-direction:column;justify-content:center;left:0;margin-bottom:env(safe-area-inset-bottom);margin-left:env(safe-area-inset-left);margin-top:env(safe-area-inset-top);position:fixed;right:0;top:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-tip{background-color:#202020cc;background-color:var(--semi-black-color);border-radius:8px;border-radius:var(--border-radius);color:#eee;color:var(--white);margin:16px;max-width:45%;padding:16px}.home-tip-top-left{left:0;position:absolute;top:0}.home-tip-top-right{position:absolute;right:0;top:0}.home-tip-bottom-left{bottom:0;left:0;position:absolute}.home-tip-bottom-right{bottom:0;position:absolute;right:0}.home-tip:after{border-style:solid;border-width:8px;content:"";left:50%;margin-left:-8px;position:absolute}.home-tip-bottom-left:after,.home-tip-top-left:after{left:32px}.home-tip-top-left:after,.home-tip-top-right:after{border-color:transparent transparent #202020cc;border-color:transparent transparent var(--semi-black-color) transparent;bottom:100%}.home-tip-bottom-left:after,.home-tip-bottom-right:after{border-color:#202020cc transparent transparent;border-color:var(--semi-black-color) transparent transparent transparent;top:100%}.home-tip-section{font-size:1.2rem;line-height:1.5}.home-tip-item{cursor:default;margin:8px;padding:0}.home-tip-item>svg{margin-right:8px}.home-tip-item>svg,.home-tip-text{vertical-align:middle}.app-editor{background-color:initial;border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);display:flex;flex:1 0 auto;flex-direction:column;font-size:1.2rem;margin:16px;padding:8px;position:relative;transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out}.app-editor:focus-within,.app-editor:hover{box-shadow:0 0 10px #f58ea8;box-shadow:0 0 10px var(--theme-color)}@media (max-width:768px){.app-editor{border:0;border-radius:0;margin:0}.app-editor:focus-within,.app-editor:hover{box-shadow:none}}.app-editor-infobox{display:none}@supports (display:grid){.app-editor-infobox{grid-template-columns:auto 1fr auto;grid-template-rows:1fr 1fr 1fr}[open]>.app-editor-infobox{display:grid}}@supports not (display:grid){.app-editor-infobox{flex-wrap:wrap}[open]>.app-editor-infobox{display:flex}.app-editor-infobox>input{flex:1 1 calc(100% - 38px)}.app-editor-infobox>label:nth-child(3n+1){flex:0 0 30px}.app-editor-infobox>label:nth-child(3n+3){flex:0 0 8px;text-align:right}}.app-textarea{border:none;flex:1 0 auto;overscroll-behavior-y:contain}.app-editor input,.app-editor textarea{background-color:initial;border:none;padding:0;resize:none}.app-editor>details{opacity:.6;padding-bottom:4px}.app-editor summary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-tools{display:flex;padding:8px;position:absolute;right:0;top:0}.editor-tools-item{align-items:center;border-radius:50%;color:#111;color:var(--font-color);display:inline-flex;flex-direction:column;justify-content:center;padding:8px}.editor-tools-item:active{color:currentColor}.editor-tools-item>svg{color:currentColor;height:24px;width:24px}.editor-tools-item:hover>svg{filter:drop-shadow(0 0 2px rgb(245,142,168));filter:drop-shadow(0 0 2px var(--theme-color))}.lyric-list{line-height:1.4;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.lyric-list.on-screen-button{margin-bottom:40px}.space-button{background-color:#202020cc;background-color:var(--semi-black-color);border-bottom:1px dashed #f58ea8;border-bottom:1px dashed var(--theme-color);bottom:32px;color:#eee;color:var(--white);height:40px;left:0;margin-bottom:env(safe-area-inset-bottom);position:fixed;width:100%}.space-button:active{border-bottom-style:solid}.line{align-items:baseline;border-bottom:2px solid transparent;border-top:2px solid transparent;font-size:1.2rem;padding:8px 0 8px 8rem;white-space:pre-wrap}.line:after{content:"";display:inline-block}.line:nth-child(2n){background-color:#00000022}.line:nth-child(odd){background-color:#ffffff22}.line>.line-text,.line>.line-time{pointer-events:none}.select{border-color:#f58ea8;border-color:var(--theme-color)}.curser{contain:content;left:0;position:absolute}.curser:after{content:"\27A4"}.line.highlight{background-color:#f58ea8;background-color:var(--theme-color);color:#111;color:var(--theme-contrast-color)}.error:before{content:"\26A0\FE0F";left:-2rem;position:absolute}@media (max-width:1080px){.error:before{left:6rem}.select.error:before{visibility:hidden}}@media (max-width:768px){.line{border-width:1px;font-size:1rem;padding-left:6rem}.error:before{left:4rem}}.aside-panel{animation:slide-in-right .25s ease 1s forwards;animation:slide-in-right var(--animation-duration) ease 1s forwards;background-color:#202020cc;background-color:var(--semi-black-color);border-radius:8px 0 0 8px;bottom:64px;margin-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateX(100%)}.on-screen-button+.aside-panel{bottom:100px}.aside-button{align-items:center;box-sizing:initial;color:#eee;color:var(--white);display:flex;flex-direction:column;height:50px;justify-content:center;line-height:1;margin:0;padding:0 env(safe-area-inset-right) 0 0;width:50px}.aside-button>svg{fill:currentColor;height:30px;margin:auto;width:30px}.aside-button:hover>svg{filter:drop-shadow(0 0 4px rgb(245,142,168));filter:drop-shadow(0 0 4px var(--theme-color))}.syncmode-button{border-bottom:1px solid #eee;border-bottom:1px solid var(--white);border-top-left-radius:8px}.syncmode-button.highlight{background-color:#f58ea8;background-color:var(--theme-color);color:#111;color:var(--theme-contrast-color)}.syncmode-button.highlight .lock-open,.syncmode-button.select .lock-close{visibility:hidden}audio{background-color:#202020cc;background-color:var(--semi-black-color);bottom:0;height:32px;margin-bottom:env(safe-area-inset-bottom);position:absolute;width:100%}audio::-webkit-media-controls-enclosure{border-radius:0}[disabled]{opacity:.5;pointer-events:none}.lrc-audio{align-items:center;background-color:#202020cc;background-color:var(--semi-black-color);color:#eee;color:var(--white);display:flex;font-size:14px;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lrc-audio>button,.lrc-audio>span{flex:0 0 auto}.slider{--slider-height:32px;height:var(--slider-height);margin:0 5px;position:relative}.slider>input,.slider>progress{left:0;position:absolute;right:0;width:100%}@media (max-width:768px){.timeline-slider{--slider-height:4px;bottom:100%;margin:0;position:absolute;width:100%}}.lrc-audio>button{color:#eee;height:32px}audio+.lrc-audio>.loadaudio-button>svg{animation:drop-shadow-flash 1s ease-in-out infinite}audio[src]+.lrc-audio>.loadaudio-button>svg{animation:none}@keyframes drop-shadow-flash{0%{filter:0}50%{filter:drop-shadow(0 0 4px currentColor);filter:var(--drop-shadow)}}.lrc-audio section{margin:0 5px}.timeline-slider{flex:4 0 auto}.playbackrate-slider{flex:1 1 auto;max-width:150px}input[type=range]{--thumb-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;color:#f58ea8;color:var(--theme-color);height:var(--slider-height);margin:0;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:initial;border:0;height:var(--slider-height)}input[type=range]::-moz-range-track{background-color:initial;border:0;height:var(--slider-height)}input[type=range]::-ms-track{background-color:initial;border-color:transparent;color:transparent;top:-6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:currentColor;border:0;border-radius:50%;box-shadow:0 0 4px 1px #111;box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);height:var(--thumb-size);margin-top:calc((var(--slider-height) - var(--thumb-size))/2);-webkit-transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;-webkit-transition:box-shadow var(--transition-duration) ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;width:var(--thumb-size);z-index:10}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 4px 1px #eee;box-shadow:0 0 4px 1px var(--white)}input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:currentColor;border:0;border-radius:50%;box-shadow:0 0 4px 1px #111;box-shadow:0 0 4px 1px var(--black);filter:brightness(120%);height:var(--thumb-size);margin-top:calc((var(--slider-height) - var(--thumb-size))/2);-moz-transition:box-shadow .25s ease-in-out;transition:box-shadow .25s ease-in-out;-moz-transition:box-shadow var(--transition-duration) ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;width:var(--thumb-size);z-index:10}input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 4px #eee;box-shadow:0 0 4px var(--white)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background-color:initial}input[type=range]::-ms-thumb{background-color:currentColor;border-radius:50%;height:16px;margin-top:-1px;width:16px}input[type=range]::-ms-tooltip{display:none}.slider>progress{--progress-meter-color:var(--theme-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eee;background:var(--white);border:none;border-radius:2px;box-shadow:0 0 4px #111;box-shadow:0 0 4px var(--black);box-sizing:border-box;color:var(--progress-meter-color);display:inline-block;height:4px;margin:calc(var(--slider-height)/2 - 2px) 0;transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;vertical-align:0}.slider:hover progress{box-shadow:0 0 4px #eee;box-shadow:0 0 4px var(--white)}progress::-moz-progress-bar{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,#ffffff00,#ffffff00 50%,#ffffffcc 62.5%,#ffffff00 75%);background-size:35px 20px,100% 100%,100% 100%;border-radius:2px}progress::-webkit-progress-bar{background-color:#eee;border-radius:2px;box-shadow:inset 0 2px 5px #00000044}progress::-webkit-progress-value{background-color:var(--progress-meter-color);background-image:linear-gradient(-45deg,#ffffff00,#ffffff00 50%,#ffffffcc 62.5%,#ffffff00 75%);background-repeat:repeat-x;background-size:40px 40px,100% 100%,100% 100%;border-radius:2px}.dialog{border-radius:8px;border-radius:var(--border-radius);bottom:0;display:none;left:0;margin:auto;position:fixed;right:0;top:0;z-index:1000}.dialog[open]{animation:dialog-slide-in .25s cubic-bezier(.18,.89,.32,1.28);animation:dialog-slide-in var(--animation-duration) var(--animation-out-back);display:block}.dialog-close{color:#f58ea8;color:var(--theme-color);height:48px;left:-24px;list-style-type:none;padding:0;position:absolute;top:-24px;width:48px}.dialog-close::-webkit-details-marker{display:none}.dialog-close::marker{display:none}.dialog-close:before{bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.dialog-close>svg{bottom:0;height:36px;left:0;margin:auto;position:absolute;right:0;top:0;width:36px}.loadaudio-dialog{background-color:#e0e0e0cc;background-color:var(--semi-white-color);border:1px solid #f58ea8;border:1px solid var(--theme-color);box-shadow:0 0 1rem #f58ea8,0 0 0 100vmax #00000088;box-shadow:0 0 1rem var(--theme-color),0 0 0 100vmax #00000088;color:#111;color:var(--black);height:10rem;max-height:100%;max-width:calc(100% - 36px);width:500px}.loadaudio-body{box-sizing:border-box;display:flex;justify-content:space-around;padding:10px}.tab{display:inline-block}.loadaudio-tab{text-align:center;width:100%}.loadaudio-tab>[type=radio]{display:none}.loadaudio-content{height:100px;left:0;position:absolute;visibility:hidden;width:100%}.loadaudio-tab>label{border:1px solid transparent;border-bottom-color:#f58ea8;border-bottom:1px solid var(--theme-color);border-top-left-radius:6px;border-top-right-radius:6px;display:inline-block;padding:8px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.loadaudio-tab :checked~label{background-color:#ffffffdd;border:1px solid #f58ea8;border:1px solid var(--theme-color);border-bottom:1px solid transparent}.loadaudio-tab :checked~label~.loadaudio-content{visibility:visible}.audio-input-form,.audio-input-tip{align-items:center;display:flex;height:100%;justify-content:center;padding:16px;transition:transform .25s ease-in-out;transition:transform var(--transition-duration) ease-in-out;width:100%}.audio-input-tip:hover{transform:scale(1.2)}.audio-input-form>input[type=url]{background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);flex:1 0 auto;font-size:1.5rem;margin:8px;width:60%}.audio-input-form>input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}@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:200ms;--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;align-items:center;box-sizing:border-box;display:inline-flex;margin:var(--switch-margin);min-height:var(--bar-height);min-width:var(--bar-width);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-switch.disabled{opacity:.5;pointer-events:none}.toggle-switch-input,.toggle-switch>input{height:0;opacity:0;position:absolute;width:0}.toggle-switch-label,.toggle-switch>label{--knob-x:calc((var(--bar-height) - var(--bar-width))/2);align-items:center;box-sizing:border-box;display:inline-flex;height:var(--bar-height);justify-content:center;margin:var(--switch-margin);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--bar-width)}.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{background:var(--bar-color);border:1px solid var(--switch-theme-color);border-radius:var(--bar-height);box-sizing:border-box;content:"";height:var(--bar-height);left:0;opacity:.5;position:absolute;top:0;transition:var(--switch-transition);width:var(--bar-width)}.toggle-switch>:checked+label:before,:checked+.toggle-switch-label:before{background:var(--switch-theme-color)}.toggle-switch-label:after,.toggle-switch>label:after{background:var(--knob-color);border-radius:50%;box-shadow:var(--switch-box-shadow);box-sizing:border-box;content:"";height:var(--knob-size);transform:translateX(var(--knob-x));transition:var(--switch-transition);width:var(--knob-size)}.toggle-switch>:checked+label:after,:checked+.toggle-switch-label:after{background:var(--switch-theme-color)}.toggle-switch:hover>label:after,.toggle-switch>:focus+label:after,:focus+.toggle-switch-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;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.preferences>ul{margin:auto;max-width:1024px}.preferences li{padding:0 8px;width:100%}.preferences li:nth-child(2n){background-color:#00000022}.list-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:768px;min-height:3.5rem}.list-item>form,.list-item>span{margin:8px 0}.list-item>.link{padding:0}.toggle-switch{--switch-theme-rgb:var(--theme-rgb);--switch-margin:0;--bar-height:20px;--bar-width:52px;--knob-size:28px;height:var(--knob-size);justify-content:center;width:var(--switch-width)}@supports (-ms-ime-align:auto){.toggle-switch{--switch-offset:8px;--switch-width:60px}.toggle-switch-label:after{box-shadow:0 0 8px #11111188}:hover>.toggle-switch-label:after{box-shadow:0 0 8px #11111188,0 0 0 14px rgb(245,142,168/20%);box-shadow:0 0 8px #11111188,0 0 0 14px rgb(var(--theme-rgb)/20%)}.toggle-switch-label{--knob-x:-16px}:checked+.toggle-switch-label{--knob-x:16px}}.color-picker{align-items:center;border-radius:8px;border-radius:var(--border-radius);display:inline-flex;height:30px;justify-content:center;line-height:normal;margin:2px;min-width:30px;vertical-align:middle}.color-picker.checked:before,.color-picker.hash{color:#111;color:var(--theme-contrast-color)}.color-picker.checked:before{content:"\2714\FE0F"}.user-color-input-text{align-self:stretch;background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);flex:1 1 74px;grid-column:span 2;justify-self:stretch;margin:2px;min-width:60px}.user-color-label{color:#111;color:var(--theme-contrast-color)}.theme-color-span,.user-color-input-text,.user-color-label{display:none}@media (min-width:768px){.user-color-input-text,.user-color-label{display:inline-flex}}.format-example-text,.format-example-time{vertical-align:middle}.format-example-text{background-color:#f58ea8;background-color:var(--theme-color);color:#111;color:var(--theme-contrast-color);display:inline;white-space:pre-wrap}.option-select>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border:none;outline:0;padding-right:16px;text-align-last:right}.option-select>select>option{background-color:#f1f3f4;background-color:var(--background-color);color:#111;color:var(--font-color)}::-ms-expand{display:none}.option-select{position:relative}.option-select:after{color:#f58ea8;color:var(--theme-color);content:"\25BC";pointer-events:none;position:absolute;right:0}input[type=number]{background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);border-radius:0;height:30px;text-align:right;width:4rem}.akari-hide-wall{stroke-width:4px;animation:akari-slide-in .5s cubic-bezier(.18,.89,.32,1.28) 3s forwards,akari-float 20s ease-in-out 4s infinite;animation:akari-slide-in .5s var(--animation-out-back) 3s forwards,akari-float 20s ease-in-out 4s infinite;bottom:32px;height:256px;opacity:.8;position:fixed;right:0;transform:translateX(100%);width:256px;z-index:-1}@keyframes akari-slide-in{0%{transform:translateX(100%)}to{transform:translateX(34%)}}@keyframes akari-float{0%{transform:translate(34%)}50%{transform:translate(34%,1rem)}to{transform:translate(34%)}}.current-theme-color{font-family:Consolas,Monaco,monospace;vertical-align:middle}.dropdown{position:relative}.dropdown>summary{list-style-type:none}.dropdown>summary::-webkit-details-marker{display:none}.dropdown>summary::marker{display:none}.dropdown>summary:after{color:#f58ea8;color:var(--theme-color);content:"\25BC";pointer-events:none;vertical-align:middle}.dropdown[open]>summary:before{bottom:0;content:"";cursor:default;display:block;left:0;position:fixed;right:0;top:0;z-index:80}.dropdown-body{background-color:#f1f3f4;background-color:var(--background-color);border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color);margin:8px;padding:8px;position:absolute;right:0;top:100%;z-index:100}.dropdown-body:before{border-color:transparent transparent #f58ea8;border-color:transparent transparent var(--theme-color) transparent;border-style:solid;border-width:8px;bottom:100%;content:"";margin-left:-8px;position:absolute;right:74px}.color-wall{grid-gap:4px;align-items:center;display:none;grid-template-columns:repeat(5,1fr);justify-items:center;width:200px}[open]>.color-wall{display:flex;display:grid;flex-wrap:wrap}.pseudo-hidden{position:absolute;visibility:hidden}.gist{flex:1 0 auto}.get-gist-id,.gist,.new-token{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.get-gist-id,.new-token{margin:0 auto;max-width:768px}.create-new-gist,.new-token-tip{flex:1 0 auto;margin:1rem;max-width:500px;padding:1rem;text-align:center;width:100%}@media (max-width:500px){.new-token-tip{border-radius:0}}.gist-id-tip-text,.new-token-tip-text{font-size:1.2rem;margin:1rem;max-width:500px;text-align:center}.github-svg{height:100px;margin:1rem;width:100px}.gist-id-input,.new-token-input{background:0;border:0;border-bottom:1px solid #f58ea8;border-bottom:1px solid var(--theme-color);border-radius:0;flex:1 0 auto;margin:0 .5rem}.gist-id-form,.new-token-form{align-items:center;display:flex;flex:1 0 auto;justify-content:center;margin:1rem 0;max-width:500px;padding:1rem 0;width:100%}.file-list{grid-gap:1rem;display:grid;flex:1 0 auto;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;width:100%}.file-item{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 2px #111;box-shadow:0 0 2px var(--font-color);padding:.5rem;transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-duration) ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.file-item:hover{box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color)}.file-content{height:15rem;line-height:1.6;overflow:hidden;white-space:pre}.file-bar{align-items:flex-start;display:flex;justify-content:space-between}.file-title{padding:.5rem}.file-action{flex:0 0 auto}.file-load{align-items:center;display:inline-flex;height:32px;justify-content:center;padding:0;transition:color .25s ease-in-out;width:32px}.file-load>svg{pointer-events:none}.file-load:hover{color:#f58ea8;color:var(--theme-color)}.gist-details{padding:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}@media (min-width:1024px){.gist-details{padding:1rem 0}}.gist-bar{display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.gist-bar{flex-direction:column}}.gist-info,.ratelimit{flex:1 1 auto;padding:.5rem}.ratelimit>p{line-height:1.5;margin:0}.gist-loading{align-items:center;display:flex;flex:1 0 auto;justify-content:center}.gist-no-data{display:flex;flex:1 1 auto}.toast-queue{max-width:320px;position:fixed;right:0;top:60px;width:100%}.toast{animation:height-change .25s ease forwards,slide-in-right .25s ease-in forwards,slide-out-right .25s ease-out 5s forwards;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:#e0e0e0cc;background-color:var(--semi-white-color);background-color:#ffffffdd;border:1px solid #f58ea8;border:1px solid var(--theme-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 0 1rem #f58ea8;box-shadow:0 0 1rem var(--theme-color);color:#111;color:var(--black);display:flex;margin:1rem;max-height:320px}.toast-badge{flex:0 0 auto;height:32px;margin:8px;width:32px}.toast-info{color:#1b95e0}.toast-success{color:#19cf86}.toast-warning{color:#fab81e}.toast-badge>svg{height:100%;width:100%}.toast-text{margin:1rem .5rem}@keyframes height-change{0%{max-height:0}to{max-height:320px}}@keyframes slide-in-right{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slide-out-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes slide-in-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slide-in-down{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}
/*# sourceMappingURL=index.css.map */