:root{--whitish:#ede5d8;--hint-main:#949494;--red:#f24b5b;--red-color:#ede5d8;--red-bg:#c1515c;--green:#358a55;--orange:#dd8d46;--text-dark:#151414;--text-light:#d7d5d1}@font-face{font-family:Bonobo;src:url(/_app/immutable/assets/BonoboBold.YNoiYEkL.ttf);font-display:swap}@font-face{font-family:RobotoSerif;src:url(/_app/immutable/assets/RobotoSerif-Medium.DJxbCDVZ.ttf);font-display:swap}p{opacity:.9;font-family:RobotoSerif,serif}.loading{color:var(--background-text);grid-area:1/2/auto/-1;font-size:2rem}html,body{overscroll-behavior-y:contain;touch-action:pan-x pan-y;width:100%;height:100%;min-height:100vh;margin:0;padding:0}body{-webkit-text-size-adjust:none;background-color:var(--html-background);color:var(--background-text);position:absolute}.keyboard-key{text-align:center;border:solid .1rem var(--primary);background:var(--secondary);min-width:2rem;color:var(--secondary-text);border-radius:.2rem;width:10rem;margin-bottom:.1rem;padding:.2rem .4rem;display:inline-block}input{accent-color:var(--accent);cursor:pointer}input[type=text],input[type=number]{cursor:text}:not(input){-webkit-user-select:none;user-select:none;-khtml-user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;font-family:Bonobo,Arial}.disabled{filter:brightness(.7)}.keyboard-wrapper{flex-direction:column;flex:1;align-items:center;display:flex}#__next{justify-content:center;width:100%;min-height:100%;display:flex}.app,.app-content{flex-direction:row;justify-content:center;width:100%;display:flex;overflow:hidden}.app-content{z-index:2}.app-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.2rem;min-width:5rem;height:fit-content;padding:.5rem 1rem;transition:background-color .2s,color .2s,filter .2s,transform .12s}.app-button-with-icon{align-items:center;gap:.5rem;padding-left:.5rem;display:flex}.icon-app-button{width:unset;min-width:unset;padding:0}.link{color:var(--background-text)}.app-button::placeholder{color:var(--primary-text)}.app-button:hover{filter:brightness(1.1)}.app-button:not(:disabled):active,.tool:not(:disabled):active,.tool-slim:not(:disabled):active,.tools-button:not(:disabled):active{filter:brightness(.9);transition:background-color .2s,color .2s,filter 60ms,transform 60ms;transform:scale(.98)}@media (prefers-reduced-motion:reduce){.app-button:not(:disabled):active,.tool:not(:disabled):active,.tool-slim:not(:disabled):active,.tools-button:not(:disabled):active{transform:none}}.app-button.active{background-color:var(--accent)!important;color:var(--accent-text)!important}.app-button:disabled{opacity:.6;cursor:not-allowed}.selected{background-color:var(--accent);color:var(--accent-text);transition:all .3s}.hidden{display:none!important}.red{background-color:red}a{text-decoration:none}.red-text{color:#ff334a;display:inline-block}.settings-row-wrap{flex-wrap:wrap;justify-content:space-between;gap:.2rem;margin:.4rem 0 .7rem;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.default-page{width:100%;max-height:100%;color:var(--background-text);flex-direction:column;padding:2rem 20vw;display:flex}.default-content{flex-direction:column;flex:1;width:100%;display:flex}.appear-on-mount{animation:.6s appear-default-page}@keyframes appear-default-page{0%{opacity:0}to{opacity:1}}@media only screen and (width<=920px){.default-page{padding:1rem var(--right-mobile-padding,1.4rem) 1rem var(--left-mobile-padding,5rem)}}.menu{width:var(--menu-size);background-color:var(--primary);border-right:solid 2px var(--secondary);border-left:solid 2px var(--secondary);z-index:15;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;max-height:100%;margin-left:-4rem;padding:.4rem 0;transition:all .3s;display:flex;overflow-y:auto}.menu-visible{margin-left:0}.menu::-webkit-scrollbar-thumb{background:var(--icon-color);border-radius:2px}.menu::-webkit-scrollbar{width:3px}.side-menu{width:var(--panel-size);border-radius:.3rem;border-top-left-radius:unset;border-bottom-left-radius:unset;background-color:var(--menu-background);height:100%;color:var(--menu-background-text);opacity:0;left:calc(var(--panel-size) * -1);padding:1rem;transition:all .3s;display:flex;position:fixed;transform:scale(.9)translate(0)}.side-menu-open{transform:scale(1) translateX(calc(var(--panel-size) + var(--menu-size)));opacity:1;--backdrop-amount:4px;animation:.36s forwards delayBackdrop}.menu-item{background-color:var(--primary);width:2.8rem;height:2.8rem;min-height:2.8rem;color:var(--icon-color);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.menu-item a{color:var(--icon-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-item:hover:not(:disabled){background-color:var(--primary-layer-15)}.menu-item:disabled{cursor:not-allowed;opacity:.6}.menu-item-active{background-color:var(--primary-layer-20)}.menu-pinned-start{margin-bottom:auto}.menu-panel{flex-direction:column;flex:1;width:100%;display:none}.menu-panel-visible{animation:.3s appearLeft;display:flex}.menu-title{justify-content:center;width:100%;margin-bottom:1rem;font-size:2rem;display:flex}.panel-content-wrapper{flex-direction:column;flex:1;gap:1rem;margin-right:-.5rem;padding-right:.5rem;display:flex;overflow:hidden scroll}.menu-wrapper{z-index:11;flex-direction:row;height:100%;min-height:100%;display:flex;position:fixed;top:0;left:0}@keyframes appearLeft{0%{transform:translateX(-.5rem) var(--existing-transform, );opacity:.6}to{transform:translateX(0) var(--existing-transform, );opacity:1}}:root{--menu-size:4rem;--panel-size:40vw;--pro-sliver-height:2.5rem;--pro-scrim-head:5rem;--pro-scrim-flank:30%}.icon{font-size:1.5rem}.middle-size-page{max-width:20rem;color:var(--primary-text);-webkit-text-decoration:unset;text-decoration:unset;background-color:var(--primary);border-radius:.5rem;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:.6rem 1rem;transition:all .2s;display:grid}.middle-size-page:hover{filter:brightness(1.1);transform:scale(1.02)}@media only screen and (width<=920px){.menu{width:var(--menu-size);gap:.4rem;padding:.3rem 0}.side-menu{--panel-size:60vw;padding:.5rem}.menu-item{width:2.8rem;height:2.8rem}.menu-title{justify-content:flex-start;margin-bottom:.5rem;font-size:1rem;display:none}.panel-content-wrapper{gap:.8rem;margin-right:-.3rem;padding-right:.2rem}:root{--menu-size:3.6rem}}@media screen and (orientation:portrait){.menu-wrapper{width:100%;height:auto;min-height:0;top:auto;bottom:0}.menu{width:100%;height:var(--menu-size);max-height:var(--menu-size);border-left:none;border-right:none;border-top:solid 2px var(--secondary);margin-left:0;margin-bottom:calc(var(--menu-size) * -1);flex-direction:row;justify-content:safe flex-end;padding:0 .4rem;overflow:auto hidden}.menu-visible{margin-bottom:0}.menu::-webkit-scrollbar{width:auto;height:3px}.menu>*{flex-shrink:0;margin-bottom:0}.menu-pinned-start{margin-right:auto}.menu-item{min-width:2.8rem}.side-menu{border-radius:.5rem .5rem 0 0;width:100%;height:auto;max-height:70vh;top:100%;left:0;right:0}.side-menu-open{min-height:60vh;transform:scale(1) translateY(calc(-100% - var(--menu-size)));padding:1rem}.default-page{padding-bottom:calc(var(--menu-size) + 1rem)}}@media only screen and (width<=920px) and (orientation:portrait){.default-page{padding-left:1rem;padding-right:1rem}}.hamburger,.hamburger-top{width:2.5rem;max-width:6vw;height:2.5rem;max-height:6vw;color:var(--icon-color);background-color:var(--primary);cursor:pointer;border-radius:.3rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.hamburger-top{top:.5rem;bottom:unset}.songs-buttons-wrapper{flex-wrap:wrap;align-items:center;gap:.2rem;width:100%;display:flex}.inverted{filter:invert()}.song-row{background-color:var(--primary);color:var(--primary-text);border-radius:.3rem;flex:1;justify-content:space-between;align-items:flex-start;padding:.4rem;transition:all .2s;display:flex}.song-row-current{background-color:var(--secondary);color:var(--secondary-text)}.song-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-right:.4rem;padding:0;font-size:1rem;display:flex}.dropdown-select{background-color:var(--primary);height:100%;color:var(--primary-text);border:none;flex:1;padding:.4rem 0}.song-name{cursor:pointer;word-break:break-word;flex:1;align-items:center;height:100%;margin-right:.45rem;font-size:1rem;display:flex}.song-name-input{cursor:pointer;background-color:#0000;border:none;height:100%;margin:0;padding:0 0 0 .3rem;font-family:Bonobo;font-size:1rem}.song-rename{outline:solid 2px var(--secondary);cursor:text;border-radius:.2rem}.song-row-current .song-rename{outline:solid 2px var(--primary)}.song-buttons-wrapper{justify-content:center;align-items:center;display:flex}.keyboard{touch-action:none;place-items:center;width:fit-content;margin-top:auto;margin-bottom:2vh;display:grid}@media only screen and (width<=920px){.keyboard{margin-bottom:1vh}}.note,.note-composer,.note-sky,.note-composer-sky{background-color:var(--note-background);color:var(--accent);border:.5vw solid var(--note-border);width:6vw;height:6vw;cursor:pointer;z-index:10;touch-action:none;will-change:background-color, border-color, transform;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .1s;display:flex;position:relative}.note-sky,.note-composer-sky{transform-origin:50%;-webkit-user-select:none;user-select:none;border:.4vw solid #0000;border-radius:1.3vw;transition:all .1s}.note,.note-composer{border:none}.note-composer,.note-composer-sky{transition:none}.note img,.note-composer img,.note-sky img,.note-composer-sky img,.note svg,.note-composer svg,.note-sky svg,.note-composer-sky svg{pointer-events:none;width:100%;height:100%;fill:var(--accent)}.note img,.note-composer img,.note svg,.note-composer svg{width:80%;height:80%;position:absolute;top:5%}.svg-note{overflow:visible}.note-sky .svg-note,.note-composer-sky .svg-note{width:80%;height:80%}.note-composer .note-name{font-size:.7rem;bottom:14%!important}.genshin-border{top:unset!important;width:100%!important;height:100%!important}.click-event{background-color:var(--clicked-note);border-color:var(--accent);transform:scale(.9)}.click-event .svg-note{fill:#fff!important;stroke:#fff!important}.note-red{color:#fff;background-color:#f06565;border-color:#d75c5c}.note-red .svg-b{stroke:#f06565!important}.note-red .svg-note{fill:#fff!important;stroke:#fff!important}.note-border-click{border-color:var(--accent)}.note-name{color:var(--note-background-text);margin-left:auto;margin-right:auto;font-size:.8rem;position:absolute;bottom:15%;left:0;right:0}.note-name-sky{color:var(--note-background-text);font-size:1rem;position:absolute}.button-hitbox,.button-hitbox-bigger{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#0000;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:relative}.button-hitbox-bigger{padding:.35rem}.approach-circle,.approach-circle-sky{border:3px solid var(--accent);transform-origin:50%;pointer-events:none;opacity:0;border-radius:50%;animation:1s linear approach;position:absolute;inset:0;transform:scale(2.3)}.approach-circle-sky{border-radius:2vw;transform:scale(1.8)}@keyframes approach{0%{opacity:0}50%{opacity:.3}99%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(.8)}}.note-animation,.note-animation-sky{border:2px solid var(--accent);transform-origin:50%;pointer-events:none;opacity:1;z-index:1;border-radius:50%;width:6vw;height:6vw;animation:.5s cubic-bezier(.25,.46,.45,.94) .1s note-animation;position:absolute;transform:scale(.8)}.note-animation-sky{border-radius:1.7vw;animation:.75s cubic-bezier(.25,.46,.45,.94) .15s note-animation-sky}@keyframes note-animation{0%{opacity:1;transform:scale(.8)}70%{opacity:.2;transform:scale(1.45)}to{opacity:0;transform:scale(1.5)}}@keyframes note-animation-sky{0%{opacity:1;transform:scale(.8)}70%{opacity:.1;transform:scale(1.25)}to{opacity:0;transform:scale(1.3)}}@media only screen and (width<=920px){.keyboard-playback .click-event{transform:unset}.note{border-width:4px;width:6.7vw;height:6.7vw;font-size:1rem}.note-animation{width:6.7vw;height:6.7vw}.note-animation-sky{border-radius:2.5vw;width:8.5vw;height:8.5vw}.note-sky{border-radius:1.8vw;width:8.5vw;height:8.5vw}.note-name-sky{font-size:.8rem}.note-name{font-size:.6rem;bottom:10%}@keyframes note-animation{0%{opacity:1;border-width:2px;transform:scale(.8)}70%{opacity:.2;transform:scale(1.45)}to{opacity:0;border-width:2px;transform:scale(1.5)}}}.approach-wrong{background-color:#d66969;border-color:#b35555}.approach-correct{background-color:#60ad7e;border-color:#358a55}.approach-correct .svg-note,.approach-wrong .svg-note{fill:#fff!important;stroke:#fff!important}@media only screen and (width<=800px){.note-animation{border:2px solid var(--accent)}}.canvas-wrapper{--composer-canvas-width:var(--composer-canvas-width-mobile,0px);min-width:max(78vw, var(--composer-canvas-width,0px));min-height:max(calc(45vh + 14px), var(--composer-canvas-height,0px));border-radius:.4rem;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative}.canvas-wrapper-in-preview{min-width:unset;min-height:unset}.canvas-relative{z-index:0;border-radius:.4rem;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.canvas-relative canvas{cursor:pointer!important}select{-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='gray'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat}.note-composer{z-index:2;border-width:.4vw;width:5vw;height:5vw}.note-composer-sky{z-index:2}.composer-grid{grid-template-columns:min-content;grid-template-areas:"a b b""a c c";gap:.2rem;padding:.2rem;display:grid}.song-info{color:var(--background-text);flex-direction:column;gap:.2rem;display:flex;position:absolute;bottom:.5vw;left:calc(4rem + .5vw)}.composer-keyboard-wrapper{grid-area:c;justify-content:center;gap:1.5rem;width:100%;padding-bottom:1vh;display:flex;position:absolute;bottom:0;left:0}.composer-keyboard-wrapper .keyboard{margin:unset;z-index:1}.song-info div{text-shadow:0 1px 5px #333;max-width:23vw}.top-panel-composer{flex-direction:row;display:flex}.tool-slim,.tool{color:var(--icon-color);background-color:var(--primary-darken-10);cursor:pointer;border:none;border-radius:.3rem;flex:1;justify-content:center;align-items:center;margin:0;transition:background-color .2s,transform .12s;display:flex}.tool{width:max(4vw,3.5rem)}.tool-icon{width:1rem;height:100%}.tool:hover,.tool-slim:hover{background-color:var(--primary-layer-15)}select{cursor:pointer}.not-saved{background-color:var(--accent)!important;color:var(--accent-text)!important}.timeline-controls{pointer-events:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:.2rem;padding:.2rem .2rem .25rem;display:flex;position:absolute;left:0}.timeline-controls:before{content:"";z-index:1;pointer-events:none;background-color:var(--primary-darken-10);height:1px;position:absolute;inset:0 0 auto}.timeline-button{background-color:var(--primary);pointer-events:auto;width:2.2rem;height:100%;color:var(--icon-color);cursor:pointer;border:none;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.buttons-composer-wrapper,.buttons-composer-wrapper-right{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr;gap:.2rem;margin-left:.2rem;display:grid}.buttons-composer-wrapper-right{grid-template-rows:repeat(4,1fr)}.tools-button{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;justify-content:flex-start;gap:.4rem;padding:.55rem .8rem;font-size:.9rem;transition:transform .12s}.tools-button:hover{filter:brightness(1.1)}.tools-button:disabled,.tools-selection-row button:disabled{cursor:not-allowed;opacity:.6;filter:unset}.tools-button-highlighted{color:var(--accent-text);background-color:var(--accent)!important}.tools-selection-row{border-bottom:solid 2px var(--secondary);flex-wrap:wrap;gap:.4rem;padding-bottom:.3rem;display:flex}.tools-selection-row .app-button{min-width:unset;white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:.5rem .7rem;display:flex}.tempo-changers-wrapper{color:var(--icon-color);background-color:var(--primary-darken-10);z-index:3;border-radius:.3rem;flex-direction:column;gap:.2rem;width:4rem;padding:.2rem;display:flex;position:absolute;bottom:.2rem;right:.2rem}.tempo-changers-wrapper-hidden{display:none}.note-composer svg{z-index:2}.composer-left-control{grid-area:a;width:6.2rem;height:calc(100vh - 5rem)}.composer-history-buttons svg *{stroke-width:3px}.canvas-buttons{background-color:var(--primary);min-width:2.8rem;height:100%;color:var(--icon-color);cursor:pointer;opacity:0;z-index:2;border:none;align-items:center;padding:0;font-size:2rem;transition:opacity .1s;display:none;position:absolute;top:0}.composer-grid-pro{--pro-scrim-inset-start:calc(6.2rem + .4rem);--pro-scrim-inset-end:calc(max(4vw, 3.5rem) + .4rem);grid-template-rows:1fr auto;height:100vh}.composer-grid-pro .canvas-wrapper{align-self:flex-start}.composer-grid-pro .timeline-controls:before{inset:auto 0 0}.composer-grid-pro .buttons-composer-wrapper-right{grid-template-rows:repeat(5,minmax(0,8rem)) 1fr;max-height:100%}.composer-grid-pro .top-panel-composer{min-height:0}.composer-grid-pro .composer-keyboard-wrapper{z-index:6;transform:translateY(calc(100% - var(--pro-sliver-height)));opacity:.3;pointer-events:none;transition:transform .28s,opacity .28s;position:fixed}.composer-grid-pro-raised .composer-keyboard-wrapper{opacity:.8;pointer-events:none;transform:translateY(0)}.composer-grid-pro-raised .composer-keyboard-wrapper>*{pointer-events:auto}.composer-grid-pro-raised .composer-keyboard-wrapper .keyboard{padding:2rem 3rem 0}.composer-grid-pro .composer-keyboard-wrapper:before{content:"";inset:calc(-1 * var(--pro-scrim-head)) var(--pro-scrim-inset-end) 0 var(--pro-scrim-inset-start);z-index:-1;background:linear-gradient(to top, #00000080 0, #00000080 calc(100% - var(--pro-scrim-head)), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--pro-scrim-flank), #000 calc(100% - var(--pro-scrim-flank)), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #000 var(--pro-scrim-flank), #000 calc(100% - var(--pro-scrim-flank)), #0000 100%);mask-image:linear-gradient(to right, #0000 0, #000 var(--pro-scrim-flank), #000 calc(100% - var(--pro-scrim-flank)), #0000 100%);opacity:0;pointer-events:none;transition:opacity .28s;position:absolute}.composer-grid-pro-raised .composer-keyboard-wrapper:before{opacity:1}.composer-keyboard-sliver{width:100%;height:var(--pro-sliver-height);z-index:2;cursor:pointer;background:0 0;border:none;padding:0;position:fixed;bottom:0;left:0}.composer-grid-pro .tempo-changers-wrapper{align-self:end;width:100%;min-width:0;position:relative;inset:auto}.composer-grid-pro .tempo-changers-wrapper-hidden{visibility:hidden;display:flex}.song-info-pro{flex-direction:row;align-items:center;gap:.6rem;padding-left:calc(4rem + .5vw);bottom:.6rem;left:.4rem}@media (hover:none) and (pointer:coarse){.canvas-buttons{display:flex}.canvas-buttons-visible{opacity:1;display:flex}}@media only screen and (width<=1000px){.canvas-buttons{display:flex}.canvas-buttons-visible{opacity:1;display:flex}.buttons-composer-wrapper,.buttons-composer-wrapper-right{flex:1}.tools-button{padding:.4rem .8rem}.song-info div{max-width:20vw}.song-info{font-size:.9rem}.song-info-pro{left:0}.tool{width:100%;max-width:unset;flex:1}.button-hitbox{padding:.7vh}.note-composer{width:5.5vw;height:5.5vw}.keyboard{grid-gap:0rem;gap:0}.composer-grid{width:100%}.composer-left-control{width:5.4rem}.composer-grid-pro .buttons-composer-wrapper-right{grid-template-rows:repeat(5,minmax(0,4rem)) 1fr}.composer-grid-pro{--pro-scrim-inset-start:calc(5.4rem + .4rem);--pro-scrim-inset-end:.4rem}}@media not all and (width<=1000px){.composer-menu-sidebar .menu{margin-left:0}.composer-menu-sidebar .hamburger,.composer-menu-sidebar .close-menu{display:none}.composer-grid:not(.composer-grid-in-preview){margin-left:calc(var(--menu-size) + .1rem);margin-right:auto}.canvas-wrapper{--composer-canvas-width:var(--composer-canvas-width-desktop,0px)}.composer-grid:not(.composer-grid-in-preview) .composer-keyboard-wrapper{left:calc(var(--menu-size) + .1rem);width:calc(100% - var(--menu-size) - .1rem)}}@media only screen and (width<=600px){.song-info{font-size:.8rem}.tempo-changers-wrapper{gap:.6vh}}@media print{body{background-color:#fff!important}}.flex{display:flex}.row{flex-direction:row;display:flex}.row-centered{align-items:center;display:flex}.flex-grow{flex:1;display:flex}.space-between{justify-content:space-between}.space-around{justify-content:space-around}.flex-centered{justify-content:center;align-items:center;display:flex}.items-center{align-items:center}.column{flex-direction:column;display:flex}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-shadow{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input{background-color:var(--primary);color:var(--primary-text);border:none;border-radius:.2rem;padding:.3rem;font-family:Bonobo}.input::placeholder{color:#b9b9b9}.wrap{flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) var(--existing-transform, )}to{opacity:1;transform:scale(1) var(--existing-transform, )}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes disappearAbove{0%{transform:translateY(0) var(--existing-transform, );opacity:1}to{transform:translateY(-1rem) var(--existing-transform, );opacity:0}}@keyframes delayBackdrop{0%{-webkit-backdrop-filter:unset;backdrop-filter:unset}80%{-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(var(--backdrop-amount,2px));backdrop-filter:blur(var(--backdrop-amount,2px))}}.onprint{display:none}@media print{.noprint{display:none!important}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.onprint{display:flex}}.theme-vars-root.svelte-1l4nt8h{width:100%;min-height:100%;display:flex}.logger-wrapper.svelte-1hiue71{z-index:999;grid-template-columns:1fr;gap:.4rem;max-height:100vh;padding:.8rem 0;display:grid;position:fixed;top:0;right:0;overflow-y:scroll}.logger-toast{border:solid 2px var(--secondary);background-color:var(--primary);min-width:15rem;color:var(--primary-text);opacity:1;border-radius:.4rem;flex-direction:column;margin:0 .8rem;padding:.5rem;transition:all .3s;animation:.3s svelte-1hiue71-toastAppear;display:flex;transform:scale(1)translateY(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@keyframes svelte-1hiue71-toastAppear{0%{opacity:.3;transform:scale(.8)translateY(calc(-120% - .8rem))}to{opacity:1;transform:scale(1)translateY(0)}}.logger-toast-hidden{opacity:0;pointer-events:none;transform:scale(.8)translateY(calc(-120% - .8rem))}.pill.svelte-1hiue71{background-color:rgba(var(--secondary-rgb), .9);z-index:998;pointer-events:none;min-height:2.4rem;color:var(--secondary-text);opacity:0;border-radius:1.5rem;gap:.6rem;padding:.5rem 1.5rem;font-size:.8rem;transition:all .3s;position:fixed;top:.8rem;right:50vw;transform:translate(50%)translateY(calc(-120% - .8rem));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.pill-with-spinner.svelte-1hiue71{padding-left:.8rem}.pill-with-actions.svelte-1hiue71{padding-right:.6rem}.pill-visible.svelte-1hiue71{opacity:1;animation:.24s forwards delayBackdrop;transform:translateY(0)translate(50%)}.pill-spinner.svelte-1hiue71{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite svelte-1hiue71-pill-spin}@keyframes svelte-1hiue71-pill-spin{to{transform:rotate(360deg)}}.pill-button.svelte-1hiue71{pointer-events:auto;background-color:var(--primary);color:var(--primary-text);font-size:inherit;cursor:pointer;border:none;border-radius:1rem;flex-shrink:0;padding:.2rem .7rem;font-family:inherit;transition:background-color .2s}.pill-button.svelte-1hiue71:hover{background-color:var(--primary-layer-10)}.pill.svelte-1hiue71:not(.pill-visible) .pill-spinner:where(.svelte-1hiue71),.pill.svelte-1hiue71:not(.pill-visible) .pill-button:where(.svelte-1hiue71){visibility:hidden;transition:visibility 0s .3s;animation-play-state:paused}.logger-content.svelte-1hiue71{flex-direction:row;flex:1;padding:.1rem;font-size:.9rem;display:flex}.logger-progress-outer.svelte-1hiue71{border-radius:.5rem;height:5px;margin-top:.6rem;overflow:hidden}.logger-progress-bar.svelte-1hiue71{background-color:var(--accent);width:100%;height:100%;animation:1s linear forwards svelte-1hiue71-logger-animation}@keyframes svelte-1hiue71-logger-animation{0%{transform:translate(0)}to{transform:translate(-100%)}}.logger-status.svelte-1hiue71{align-items:center;max-height:1.4rem;margin-right:.6rem;display:flex}.logger-text.svelte-1hiue71{white-space:pre-line;flex:1;align-items:center;font-size:.9rem;display:flex}.floating-prompt{background-color:var(--primary);width:45vw;max-width:22rem;color:var(--primary-text);border:2px solid var(--secondary);opacity:1;z-index:1000;word-break:break-word;opacity:1;border-radius:.5rem;flex-direction:column;margin-left:auto;margin-right:auto;padding:.6rem;transition:all .3s;animation:.3s svelte-gt8hr-prompt-show,.3s forwards delayBackdrop;display:flex;position:absolute;top:1rem;left:0;right:0;transform:translateY(0%)}@keyframes svelte-gt8hr-prompt-show{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0%)}}.floating-prompt-hidden{opacity:0;pointer-events:none;transform:translateY(-20%)}.prompt-button.svelte-gt8hr{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.3rem;padding:.5rem 2rem}.prompt-input.svelte-gt8hr{cursor:text;border:none;border-radius:.3rem;margin-top:.5rem;padding:.3rem}.prompt-overlay.svelte-gt8hr{background-color:rgba(var(--primary-rgb), .7);z-index:1000;width:100%;height:100%;transition:all .2s;animation:.2s linear svelte-gt8hr-overlay-show;position:fixed;top:0;left:0}@keyframes svelte-gt8hr-overlay-show{0%{opacity:.5}to{opacity:1}}.prompt-overlay-hidden.svelte-gt8hr{opacity:0}.prompt-row.svelte-gt8hr{justify-content:space-between;width:100%;margin-top:.5rem;display:flex}.prompt-select-options.svelte-gt8hr{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.prompt-select-option.svelte-gt8hr{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.5rem .7rem;display:flex}.prompt-select-option.svelte-gt8hr:disabled{opacity:.5;cursor:default}.prompt-select-description.svelte-gt8hr{opacity:.8;font-size:.8rem}@media only screen and (width<=920px){.floating-prompt{width:45vw;padding:.5rem}}@media screen and (orientation:portrait){.floating-prompt{width:min(90vw,24rem)}}.drag-n-drop.svelte-1917unz{background-color:rgba(var(--accent-rgb), .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:saturate(.7);color:var(--accent-text);z-index:5;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem;animation:3s infinite svelte-1917unz-drop-pulse,.3s fadeInOpacity;display:flex;position:fixed;top:0;left:0}@keyframes svelte-1917unz-drop-pulse{0%{background-color:rgba(var(--accent-rgb), .7)}25%{background-color:rgba(var(--primary-rgb), .7)}50%{background-color:rgba(var(--accent-rgb), .7)}}.rotate-screen.svelte-xr9l5w{z-index:1000;background-color:rgba(var(--primary-rgb), .85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;font-size:1.5rem;display:none;position:fixed}.rotate-screen.svelte-xr9l5w p:where(.svelte-xr9l5w){text-align:center}.rotate-screen.svelte-xr9l5w img:where(.svelte-xr9l5w),.rotate-screen.svelte-xr9l5w svg:where(.svelte-xr9l5w){background-color:rgba(var(--primary-rgb), 1);width:60vw;height:60vw;color:var(--icon-color);filter:brightness(1.1);border-radius:1rem;margin-bottom:1rem;padding:1.5rem}@media screen and (orientation:portrait){.rotate-screen.svelte-xr9l5w{display:flex}}.home-dont-show-again.svelte-11jhv7s{background-color:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:.4rem;gap:.4rem;padding:.5rem;font-family:inherit;font-size:.7rem;transition:filter .1s linear}.home-dont-show-again.svelte-11jhv7s:hover{filter:brightness(1.1)}.home-dont-show-again-box.svelte-11jhv7s{opacity:.6;border:2px solid;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.home-dont-show-again-box-checked.svelte-11jhv7s{background-color:var(--accent);border-color:var(--accent);color:var(--accent-text);opacity:1}.home.svelte-11jhv7s{background-color:var(--background);width:100%;height:100%;color:var(--background-text);z-index:100;opacity:0;will-change:opacity, transform, backdrop-filter;justify-content:space-between;transition:all .2s ease-out;animation:.15s ease-out svelte-11jhv7s-home-appear;position:fixed;overflow-y:auto;transform:scale(.98)}.home-visible.svelte-11jhv7s{opacity:1;--backdrop-amount:4px;animation:.24s forwards delayBackdrop,.15s ease-out svelte-11jhv7s-home-appear;transform:scale(1)}@keyframes svelte-11jhv7s-home-appear{0%{opacity:.5;-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(.98)}to{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;transform:scale(1)}}.close-home{cursor:pointer;border-radius:.5rem;padding:.5rem;position:absolute;top:.5rem;left:.5rem}.home-dont-show-again.svelte-11jhv7s :where(.svelte-11jhv7s){white-space:nowrap}@media only screen and (width<=920px){.close-home{left:.4rem}}