:root{--main-text-col: #0a0f1a;--misc-col-1: #001122;--dark-bg-col: #0d1626;--bg-col: #0a2553;--light-col: #1f3b6e;--light-bg-col: #2c5aa0;--bg-border-col: #0095fa;--sec-hover-col: #30bfb3;--main-hover-col: #00f2ea;--misc-col-2: #223344;--dark-lav: #444477;--lav: #6e6e96;--light-lav: #8888bb;--light-grey: #888888;--dust-grey: #96966e;--lav-white: #ccccff;--sec-text-col: #ffffff;--main-link-col: #ffff00;--sec-link-col: #d7e300;--tert-link-col: #bfbf30;--button-yellow: #ffa500;--button-sunset: #ff8f00;--button-orange: #ff4500;--button-tomato: #cb2600;--button-red: #8b0000;--scale: 1;--layer-size: 16px;--height-mult: 1;--transition-time: .3s}@font-face{font-family:Aber Mono;src:url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.eot);src:url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.woff) format("woff"),url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.ttf) format("truetype"),url(https://db.onlinewebfonts.com/t/43366a6208b6906d46c7ef4b4c4eba0f.svg#Aber\ Mono) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fredoka One;src:url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.eot);src:url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.woff) format("woff"),url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.ttf) format("truetype"),url(https://db.onlinewebfonts.com/t/5165c0facbfede7afe6c9ef3fd635f11.svg#Fredoka\ One) format("svg");font-weight:400;font-style:normal;font-display:swap}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece{background-color:var(--misc-col-1)}::-webkit-scrollbar-thumb{background-color:var(--bg-border-col);outline:3px solid var(--misc-col-1);outline-offset:-3px}::-webkit-scrollbar-thumb:hover{background-color:var(--sec-hover-col)}*{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}html{background:var(--dark-bg-col);height:100%;overflow:hidden}body{margin:0;overflow:hidden}header{position:fixed;display:flex;height:min(5vh,5vw);max-height:100px;width:calc(100% - 2em);flex-direction:row;padding:.5em 1em;outline:2px solid var(--bg-border-col);background:var(--main-text-col);justify-content:space-between;z-index:3;top:0}header #home-link{align-self:normal!important}header #home-link #logo{height:min(5vh,5vw);max-height:100px}header nav{display:flex;flex-direction:row;gap:5%;margin:0;padding:0;width:100%;justify-content:flex-end}header nav a{color:var(--tert-link-col);text-decoration:none;align-self:center}header nav a:hover{color:var(--sec-hover-col)}header #nav-toggle{display:none}header #nav-toggle-label{height:100%;display:none}header #nav-toggle-label span{display:block;width:2em;background:var(--sec-text-col);padding:1px;transition:.25s ease-out}#app main:not(#home){margin-top:calc(min(5vh,5vw,100px) + 18px);height:calc(100dvh - min(5vh,5vw,100px) - 18px)}@media (max-width: 650px){#app main:not(#home){margin-top:calc(max(min(10vh,10vw,100px),60px) + 18px);height:calc(100dvh - max(min(10vh,10vw,100px),60px) - 18px)}header{flex-direction:column;height:min(10vh,10vw);min-height:60px}header #home-link{align-self:center!important}header #home-link #logo{height:min(4vh,4vw);max-height:60px}header h1{font-size:.75rem}header nav{width:100%;justify-content:center}}@media (max-width: 420px){#app main:not(#home){margin-top:calc(max(min(7vh,7vw,100px),50px) + 18px);height:calc(100dvh - max(min(7vh,7vw,100px),50px) - 18px)}header{height:min(7vh,7vw);min-height:50px;align-items:flex-start;align-content:center;flex-direction:row}header #home-link #logo{height:min(7vh,7vw);max-height:50px}header h1{font-size:1rem}header #nav-toggle-label{display:flex;flex-direction:column;cursor:pointer;justify-content:space-evenly;z-index:1}header nav{display:flex;flex-direction:column;gap:1em;position:absolute;top:0;right:-50%;background:var(--bg-col);width:50%;padding:75px 1.5em 2em .75em;margin-right:-2.5em;transition:.25s ease-out;align-items:flex-end;border-bottom-left-radius:1em;outline:2px solid var(--bg-border-col);opacity:0}header nav a{text-wrap:nowrap;align-self:flex-end!important}header #nav-toggle:checked+*+nav{right:0;margin-right:0;outline:2px solid var(--bg-border-col);opacity:1}header #nav-toggle:checked+#nav-toggle-label span:nth-child(1){transform:rotate(45deg)}header #nav-toggle:checked+#nav-toggle-label span:nth-child(2){opacity:0;margin:-75%}header #nav-toggle:checked+#nav-toggle-label span:nth-child(3){transform:rotate(-45deg)}}#app #dashboard{overflow:hidden}#app #dashboard>main{overflow-y:scroll;box-sizing:border-box;padding:.5em}#dashboard>main{padding:1em .5em .5em}#dashboard>main h1{color:var(--sec-text-col);text-align:center;margin-top:0;font-family:Fredoka One;font-weight:400}#dashboard>main button,#dashboard>main a{transition:var(--transition-time);outline:solid transparent 2px;border-radius:.3em;z-index:1;position:relative;color:var(--sec-link-col);border:var(--button-orange) 2px solid;background-color:var(--button-red);padding:.3em;margin:.25em;cursor:pointer;font-size:smaller;text-decoration:none;display:inline-block}#dashboard>main button:hover,#dashboard>main a:hover{color:var(--sec-text-col);border:var(--button-yellow) 2px solid;background-color:var(--button-orange)}#dashboard>main .projects-list{gap:.75em;display:flex;margin:.25em;flex-wrap:wrap;justify-content:center;position:relative}#dashboard>main .projects-list>a{margin:0;min-width:200px}#dashboard>main .projects-list>a>div>h2{font-family:Fredoka One;font-weight:400}#dashboard>main .projects-list>h2{color:var(--sec-text-col);text-align:center;background-color:var(--dark-bg-col);padding:0 .5em;width:max-content;margin:0 100%;white-space:nowrap;font-family:Fredoka One;font-weight:400}#dashboard>main .projects-list>h2:after{content:"";display:block;width:100%;height:5px;background-color:var(--bg-border-col);margin:.5em 0;position:absolute;top:5px;left:0;z-index:-1}#dashboard>main .projects-list>p{color:var(--sec-text-col)}#dashboard>main .projects-list #create-new{width:max-content;margin:0 100%;white-space:nowrap}#dashboard>main .project-container{text-align:center;margin:5px 10px}#dashboard>main .project-container i{padding:5px 10px;position:relative}#dashboard>main #contextMenu{opacity:0;transition:all var(--transition-time);outline:1px solid var(--bg-border-col);z-index:2;position:absolute;background:var(--bg-col);border-radius:8px;padding:8px 0;font-size:.75em;display:flex;flex-direction:column;align-items:baseline;cursor:default;gap:8px;pointer-events:none}#dashboard>main #contextMenu button{padding:5px 15px;margin:0;border:none;background:none;color:var(--sec-text-col);-webkit-user-select:none;user-select:none;transition:var(--transition-time);border-radius:0;width:100%}#dashboard>main #contextMenu button:hover{color:var(--bg-border-col);background:rgba(0,0,0,.3333333333);transition:var(--transition-time)}#dashboard>main #contextMenu.show,#dashboard>main #contextMenu:hover{opacity:1;transition:all var(--transition-time),left 1ms,top 1ms;pointer-events:all}#dashboard>main #contextMenu[data-isOwner=false] #deleteProjectButton{display:none}#dashboard>main #contextMenu[data-isOwner=true] #leaveProjectButton{display:none}#dashboard>main #deletePopup,#dashboard>main #leavePopup{position:absolute;z-index:2;width:100vw;height:100vh;left:0;top:0;pointer-events:none;opacity:0;transition:opacity var(--transition-time);-webkit-backdrop-filter:brightness(.25) blur(10px) grayscale(1);backdrop-filter:brightness(.25) blur(10px) grayscale(1)}#dashboard>main #deletePopup div,#dashboard>main #leavePopup div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-col);color:var(--sec-text-col);padding:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;border:2px solid var(--bg-border-col)}#dashboard>main #deletePopup p,#dashboard>main #leavePopup p{font-size:small;width:100%;text-align:center}#dashboard>main #deletePopup span,#dashboard>main #leavePopup span{color:var(--main-link-col)}#dashboard>main #deletePopup button,#dashboard>main #leavePopup button{padding:5px 15px;margin:0}#dashboard>main #deletePopup.show,#dashboard>main #leavePopup.show{opacity:1;pointer-events:all;transition:opacity var(--transition-time)}@keyframes fadein{0%,75%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}75%,to{opacity:0}}@keyframes lds-ripple{0%,4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-fade{0%{opacity:0}50%,to{opacity:1}}@keyframes overflowChange{0%,99.9%{overflow-y:hidden}to{overflow-y:auto}}#home #project>main{margin:0;padding:0}#app #project{overflow:hidden}#app #project>main{overflow-y:scroll;box-sizing:border-box;padding:.5em}#project .layer{border:var(--bg-border-col) 2px solid;background-color:var(--bg-col);padding:.5em;margin:.5em .1em;position:relative}#project .layer>details legend>span.placeholder:not(:focus){opacity:.5}#project .layer>details>button{position:absolute;right:.75em;top:.5em;bottom:.5em}#project .dx-state-invisible{display:none}#project .options div,#project .overlay{min-height:35px;vertical-align:middle;align-content:center;max-width:calc(100vw - 100px);position:relative;padding:.3em .5em .3em 17px}#project .options>*,#project .new input,#project fieldset input[type=number],#project .layer>details button,#project .overlay{border:var(--button-orange) 2px solid;border-radius:.3em;background-color:var(--button-red);color:var(--sec-text-col);padding:.3em;display:inline-block}#project .overlay{padding:.3em .5em .3em 17px}#project div.option{display:inline-block;margin:-10px 0;padding:0!important}#project div.option div{min-height:0px;left:-2px;top:-2px;padding:2px 4px}#project .outline{border-style:dashed;opacity:.5;filter:grayscale(.5)}#project :is(.new,.pick){display:inline-flex}#project .pick{padding-left:.3em!important}#project .new input,#project fieldset input[type=number]{margin:.25em;color:var(--button-orange);background-color:var(--sec-text-col);margin-left:calc(.25em - 10px)}#project fieldset input[type=number]{width:100px;margin-left:0}#project .new input::placeholder{color:var(--light-grey)}#project .options div :is(select,input.value),#project .overlay :is(select,input.value){cursor:pointer;border:none;background-color:var(--button-red);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 .3em;margin:0 .3em;color:var(--sec-link-col);width:auto;opacity:1}#project .options div select *,#project .overlay select optgroup{color:var(--sec-link-col);background-color:var(--button-red)}#project .options div select,#project .overlay select{max-width:max(15vw,10em);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#project .setting{display:flex}#project .setting label{margin-left:-2px;padding:0 2px}#project .setting i{align-content:center;font-size:x-small;margin-right:2px;opacity:.5}#project .setting button{color:var(--sec-text-col)!important;margin:0!important}#project .options span:not(.setting),#project .overlay span:not(.setting){cursor:default;height:100%;align-content:center;margin:0 2px}#project .options div button,#project .layer>details button,#project .overlay button{color:var(--sec-link-col);background-color:transparent;border:none;cursor:pointer;float:right;height:auto;align-self:center;padding:0 .3em;margin:0}#project .options div button,#project .overlay button{padding:0 .3em;margin:0 .15em}#project .hide{display:none}#project .handle{touch-action:none}#project>main button,#project>main a{color:var(--sec-link-col);border:var(--button-orange) 2px solid;background-color:var(--button-red);padding:.3em;margin:.25em;cursor:pointer;font-size:smaller;text-decoration:none;display:inline-block}#project>main button,#project>main a,#project>main select{transition:var(--transition-time);outline:solid transparent 2px;border-radius:.3em;z-index:1;position:relative}#project>main button:hover,#project>main .options button:hover,#project>main a:hover{color:var(--sec-text-col);border:var(--button-yellow) 2px solid;background-color:var(--button-orange)}#project .layer>details button:hover,#project .options div>:is(button,:is(select,input.value)):hover,#project .options div>:is(button,:is(select,input.value)):focus,#project .options div span>:hover:is(.setting-label,.value,select),#project .options div span>:focus:is(.setting-label,.value,select){color:var(--main-hover-col);background:rgba(0,0,0,.2509803922);border:none;outline:rgba(255,255,255,.5333333333) solid 2px;border-radius:5px}#project .fa-grip-vertical{cursor:grab;font-size:x-small}#project fieldset{border:var(--bg-border-col) 2px solid;color:var(--sec-text-col);background-color:var(--bg-col);padding:6px}#project legend{background-color:var(--dark-bg-col);padding:5px 10px}#project input[type=radio]{accent-color:var(--button-red)}#project #timelineContainer{border:var(--bg-border-col) 2px solid;background-color:var(--bg-col);max-height:calc(75dvh - 20px);overflow-y:scroll;display:flex;margin-top:5px;justify-content:center;position:relative}#project #timelineContainer #layerTitles{position:sticky;width:0;top:0}#project #timelineContainer #layerTitles span{transform:rotate(180deg);position:absolute;writing-mode:vertical-rl;white-space:nowrap;line-height:28px;background-color:var(--dust-grey);outline:var(--dark-bg-col) solid 2px;height:100%;top:0;width:28px;padding-bottom:1em;text-align:right;color:#00000080}#project #timelineContainer #layerTitles span:nth-of-type(2n){background-color:var(--lav)}#project #scheduleVisualization{height:fit-content;width:fit-content;padding-right:1px;z-index:1}#project #scheduleVisualization:before{background:linear-gradient(var(--bg-col),transparent);height:38px}#project #scheduleVisualization:after{background:linear-gradient(transparent,var(--bg-col));height:53px}#project #scheduleVisualization:after,#project #scheduleVisualization:before{content:"";display:block;width:100%;margin-left:2px}#project #key span{padding:3px;display:inline-grid;text-align:center;vertical-align:top;font-size:small}#project #key span .setTitle{line-height:300%;outline:none;display:block}#project #key span .showTitle:before,#project #key span .showTitle:after{content:"'"}#project #key span .setWatched{line-height:0%;color:transparent}#project #key span span>span{transition:var(--transition-time) var(--transition-time),color var(--transition-time);padding:0 10px;background-color:var(--main-text-col)}#project #key>span{border-radius:1em}#project #key>span>span{border-radius:calc(1em - 3px);overflow:hidden;padding:0;background-color:inherit}#project #key>span>span>span+span{background:rgba(0,0,0,.7333333333)}#project #key span:hover span{line-height:150%;transition:var(--transition-time),color var(--transition-time) var(--transition-time)}#project #key span:hover .setWatched{color:var(--sec-text-col)}#project #key,#project .options{display:flex;flex-wrap:wrap;gap:6px}#project span:is(.streakBound,.sessionBound){display:block;border-top:var(--bg-col) dashed 2px;width:calc(100% - 5px);margin-left:3px}#project span.sessionBound{background:var(--light-grey);outline:var(--bg-col) solid 3px}#project span:is(.streakBound,.sessionBound).fade{opacity:.25}#project #settings,#project #layerContainer,#project #stats{margin-top:20px;padding-left:11px}#project #settings summary,#project #layerContainer summary,#project #stats summary{list-style-position:outside;margin-top:-20px;margin-left:20px;width:0;white-space:nowrap}#project #settings summary>legend,#project #layerContainer summary>legend,#project #stats summary>legend{width:fit-content;padding-left:20px;margin-left:-25px}#project #settings summary>legend span,#project #layerContainer summary>legend span,#project #stats summary>legend span{padding:2px 4px;margin-left:-4px;margin-right:-4px}#project #settings summary::marker,#project #layerContainer summary::marker,#project #stats summary::marker{background-color:var(--bg-col);padding-left:30px}#project #settings fieldset,#project #layerContainer fieldset,#project #stats fieldset{background-color:var(--dark-bg-col);padding:.5em;margin:.5em .1em}#project #settings fieldset legend,#project #layerContainer fieldset legend,#project #stats fieldset legend{background-color:var(--bg-col)}#project #layerContainer fieldset{margin-top:.75em}#project #layerContainer fieldset legend{margin-bottom:.5em;margin-left:-1.333em}#project .part.episode-marker{border-style:dashed}#project :is(.options,.overlay) span :is(select,input.value){font-size:small!important;color:var(--sec-link-col)}#project :is(.options,.overlay) label,#project :is(.options,.overlay) span :is(select,input.value){display:flex;font-size:smaller;margin:0 2px}#project .episode-marker{margin-top:8px;width:20px;margin-right:3px;border:2px solid var(--main-text-col);transition:var(--transition-time);scroll-margin-top:5px;scroll-margin-right:2px;box-shadow:inset #00000054 0 0 0 1.5px;border-radius:5px}#project .episode-marker.barrier{background:repeating-linear-gradient(45deg,var(--main-text-col) 0px,var(--main-text-col) 3px,transparent 3px,transparent 7px)}#project .barrier.join-l{border-left:none;border-radius:0 5px 5px 0}#project .barrier.join-r{border-right:none;border-radius:5px 0 0 5px;background:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,var(--main-text-col) 2px,var(--main-text-col) 5px,transparent 5px,transparent 7px)}#project .barrier:is(.join-l,.join-r){padding:0 3px}#project .barrier.join-lr{border-radius:0;border-left:none;border-right:none;padding:0 6px}#project .episode-marker:not(.barrier){outline:2px solid var(--dust-grey)}#project .episode-marker.barrier+.barrier{margin-top:calc(var(--scale) * -15px - 4px)!important}#project .episode-marker.odd:not(.barrier){outline-color:var(--lav)}#project .episode-marker.fade:not(:hover,.highlighted){opacity:.25;transition:var(--transition-time) var(--transition-time)}#project .episode-marker.premier:before,#project .episode-marker.finale:after{content:"";background-color:var(--dust-grey);display:block;width:10px;height:5px;position:relative;border-radius:10px;border:var(--main-text-col) solid 2px;left:3px}#project .episode-marker.odd:after,#project .episode-marker.odd:before{background-color:var(--lav)}#project .finale.premier.episode-marker:after{top:calc(100% - 12px)}#project .finale.episode-marker:after{top:calc(100% - 5px);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:hidden}#project .premier.episode-marker:before{top:calc(100% - 5px);top:-2px;border-top-left-radius:0;border-top-right-radius:0;border-top:hidden}#project .premier.episode-marker .episode-detail{margin-top:-10px}#project .episode-detail{position:absolute;left:4px;background-color:inherit;color:var(--sec-text-col);margin-top:-2px;border-radius:1em}#project .episode-detail *{transition:var(--transition-time);line-height:125%;transition:var(--transition-time) var(--transition-time)}#project .episode-detail>div{display:flex;width:calc(100% - 6px);font-size:smaller;border-radius:calc(1em + 3px);border:transparent solid 3px;overflow:hidden;flex-direction:column;height:100%}#project .episode-detail div.top-bar{padding:8px;background:var(--main-text-col);width:100%;flex-grow:1;flex:1 1 100%}#project .episode-detail .title{width:calc(100% - 1em);color:var(--sec-link-col);padding:2px;margin:-2px;column-gap:.75em;row-gap:5px;display:inline-flex;flex-wrap:wrap;align-items:center}#project .episode-detail input{display:none}#project .episode-detail label{position:absolute;right:14px;cursor:pointer}#project .episode-detail label i:before{transition:var(--transition-time)}#project .episode-detail label i.fa-regular{opacity:0;color:var(--light-grey)}#project .episode-detail label i.fa-solid:before{color:var(--sec-link-col)}#project .episode-detail .spoiler{opacity:0;line-height:0;transition:opacity var(--transition-time),line-height var(--transition-time) var(--transition-time),margin-top var(--transition-time) var(--transition-time);font-size:95%}#project .episode-detail .title span.spoiler:before{content:"-";position:absolute;margin-left:-1.25em;transform:translate(-50%);color:var(--light-lav)}#project .episode-detail .title .spoiler{margin-left:.75em;color:var(--lav-white);font-size:.8em;background:var(--bg-col);padding:.1em .3em;border-radius:.5em;outline:1px solid var(--dark-lav);margin-top:-2px}#project .episode-detail .episode-description{scrollbar-gutter:stable;background:var(--main-text-col);padding:0 8px;opacity:1;color:transparent;flex:1 0 0%;transition:color var(--transition-time),line-height var(--transition-time) var(--transition-time),padding var(--transition-time) var(--transition-time),background var(--transition-time) var(--transition-time)}#project .episode-detail .title a.spoiler{opacity:0;margin:0;padding:0;border:none;line-height:0;background-color:#202830;scrollbar-gutter:auto;border-radius:0;width:calc(2em - 5px);height:calc(2em - 5px)}#project .episode-detail .title a.spoiler img{width:100%;height:100%;object-fit:cover}#project .episode-detail a:hover{opacity:1;transition:var(--transition-time)}#project .episode-detail ::-webkit-scrollbar-track-piece{background-color:var(--misc-col-2)}#project .episode-detail ::-webkit-scrollbar-thumb{outline-color:var(--misc-col-2)}#project .episode-marker:hover .top-bar,#project .highlighted.episode-marker .top-bar{border-radius:1em 1em 0 0;padding:8px 8px 4px}#project .episode-detail,#project #key>span{box-shadow:inset #00000054 0 0 0 1.5px}#project .part .episode-detail>div{border:3px dashed var(--main-text-col)}#project .episode-detail.odd{left:unset;right:4px}#project .episode-detail label i:hover:before,#project .highlighted.episode-detail label i:before{color:var(--sec-text-col)}#project .episode-marker:hover .episode-detail label i.fa-regular,#project .highlighted.episode-marker .episode-detail label i.fa-regular{opacity:1}#project .episode-marker:hover div.top-bar>:not(.title,.spoiler,label,i,a),#project .highlighted.episode-marker div.top-bar>:not(.title,.spoiler,label,i,a){opacity:0;line-height:0%;transition:var(--transition-time);pointer-events:none}#project .episode-marker:hover div.top-bar,#project .highlighted.episode-marker div.top-bar{flex:0 0 auto;line-height:0%;transition:var(--transition-time)}#project .episode-marker:hover .episode-detail,#project .highlighted.episode-marker .episode-detail{transition:var(--transition-time) var(--transition-time)}#project .episode-marker:hover .episode-detail .spoiler,#project .highlighted.episode-marker .episode-detail .spoiler{opacity:1;line-height:1.5;transition:opacity var(--transition-time) var(--transition-time),line-height var(--transition-time),margin-top var(--transition-time)}#project .episode-marker:hover .episode-detail .episode-description,#project .highlighted.episode-marker .episode-detail .episode-description{flex:1 1 70%;animation:overflowChange var(--transition-time) forwards;color:var(--text-col);background:rgba(0,0,0,.7333333333);padding:4px 8px;transition:color var(--transition-time) var(--transition-time),line-height var(--transition-time),padding var(--transition-time),background var(--transition-time)}#project .left-icons{display:flex;position:absolute;transform:translate(-15px,-50%);top:50%;justify-content:space-evenly;flex-direction:column;align-items:center}#project .barrier .left-icons{padding-left:3px}#project .refetch-icon{font-size:.8em;opacity:.5;cursor:pointer;transition:opacity .2s ease,transform .2s ease;z-index:2}#project .refetch-icon:hover{opacity:1;transform:scale(1.1)}#project #project-details{color:var(--sec-text-col);text-align-last:center;text-align:-webkit-center}#project #project-details .setTitle{width:fit-content;padding:5px 10px;margin:0;font-family:Fredoka One;font-weight:400}#project #project-details .setDescription{background:var(--bg-col);color:var(--sec-text-col);max-width:calc(100vw - 2em);width:fit-content;display:block;border:2px solid var(--bg-border-col);padding:5px 10px;margin-top:10px}#project #project-details .setDescription br{display:none}#project #removeWatchedPopup,#project #clearSchedulePopup,#project #rippleActionPopup{position:fixed;z-index:2;width:100vw;height:100vh;left:0;top:0;pointer-events:none;opacity:0;transition:opacity var(--transition-time);-webkit-backdrop-filter:brightness(.25) blur(10px) grayscale(1);backdrop-filter:brightness(.25) blur(10px) grayscale(1)}#project #removeWatchedPopup div,#project #clearSchedulePopup div,#project #rippleActionPopup div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-col);color:var(--sec-text-col);padding:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;border:2px solid var(--bg-border-col)}#project #removeWatchedPopup p,#project #clearSchedulePopup p,#project #rippleActionPopup p{font-size:small;width:100%;text-align:center}#project #removeWatchedPopup strong,#project #clearSchedulePopup strong,#project #rippleActionPopup strong{font-size:smaller;width:100%;text-align:center;color:var(--main-link-col)}#project #removeWatchedPopup span,#project #clearSchedulePopup span,#project #rippleActionPopup span{color:var(--main-link-col)}#project #removeWatchedPopup button,#project #clearSchedulePopup button,#project #rippleActionPopup button{padding:5px 15px;margin:0}#project #removeWatchedPopup.show,#project #clearSchedulePopup.show,#project #rippleActionPopup.show{opacity:1;pointer-events:all;transition:opacity var(--transition-time)}#project [contenteditable=true]{transition:var(--transition-time);text-decoration:underline dashed transparent 1px;cursor:text!important}#project [contenteditable=true]:hover{text-decoration-color:var(--sec-text-col)}@media screen and (max-width: 800px){:root{--scale: 2;--height-mult: 0}#project .episode-detail,#project .episode-detail.odd{left:unset;right:6px}#project .episode-marker{margin-top:10px}#project #timelineContainer{justify-content:left}#project #scheduleVisualization{margin-left:-2px}}@media screen and (max-width: 500px){#project #layerTitles{display:none}#project #scheduleVisualization{width:0;margin-left:5px;padding-right:0}#project .episode-marker{background:linear-gradient(var(--bg-col),var(--bg-col));border-color:transparent;outline:none!important;box-shadow:none!important}#project .episode-marker:before,#project .episode-marker:after{display:none!important}#project .episode-detail,#project .episode-detail.odd{width:calc(100% - 10px)!important;z-index:1;left:5px;right:unset}#project span:is(.streakBound,.sessionBound){position:absolute;margin-left:-2px;border-color:var(--sec-text-col);outline-color:var(--sec-text-col);background-color:transparent;margin-top:-15px}}@media screen and (max-width: 500px) and (max-width: 500px){#home div .episode-marker{background:linear-gradient(var(--custom-col),var(--custom-col)),linear-gradient(var(--dark-bg-col),var(--dark-bg-col))}}.loading,.loaded{pointer-events:none;transition-duration:.5s;position:absolute;left:calc(50vw - 50px);top:calc(50dvh - 50px)}.loading{opacity:1;animation:fadein 2s}.loaded{opacity:0;animation:fadeout 1s}.lds-ripple{display:inline-block;position:relative;width:100px;height:100px;border-radius:50%;box-shadow:0 0 20px 20px var(--dark-bg-col) inset,0 0 2px 2px var(--dark-bg-col) inset;outline:solid var(--dark-bg-col) 10px}.lds-ripple div{margin-left:10px;margin-top:10px;position:absolute;outline:4px solid var(--lav);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;z-index:1}.lds-ripple div:nth-child(2){animation-delay:-.5s;outline-color:var(--dust-grey)}.fadein{animation:fadein 1s linear}@keyframes scroll-indicator{0%{transform:translate(-50%,-75%);opacity:0}15%{opacity:1;transform:translate(-50%,-75%)}50%{transform:translate(-50%,75%);opacity:1}85%,to{opacity:0;transform:translate(-50%,75%)}}#app #home{height:100dvh;--bg-alpha: .2;overflow:hidden}#app #home>main{margin-top:0;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;box-sizing:border-box;margin-right:-10px}#app #home h1{font-size:3rem;align-self:center;margin-top:-2rem;margin-bottom:2rem;text-shadow:0 0 5px var(--main-text-col),0 0 10px var(--main-text-col),0 0 15px var(--main-text-col)}#app #home h1 span{font-family:Fredoka One;font-weight:400}#app #home h1 span:first-child{color:var(--tert-link-col)}#app #home h1 span:last-child{color:var(--sec-hover-col)}#app #home a{color:var(--tert-link-col);text-decoration:none;align-self:center}#app #home a:hover{color:var(--sec-hover-col)}#app #home p{padding:.5em}#app #home #overlay a.button{padding:0 1rem;background-color:var(--button-red);color:var(--sec-link-col);border:var(--button-orange) 2px solid;border-radius:.3em;cursor:pointer;transition:background-color .3s ease;position:fixed;top:75dvh;left:50%;transform:translate(-50%) translateY(-50%)}#app #home #overlay a.button:hover{color:var(--sec-text-col);background-color:var(--button-orange);border-color:var(--button-yellow)}#app #home #overlay .scroll-indicator{position:fixed;top:90dvh;left:50%;transform:translate(-50%) translateY(-50%);z-index:2}#app #home #overlay .scroll-indicator i{position:absolute;top:50%;left:50%;font-size:1.5em;color:var(--tert-link-col);animation:scroll-indicator 5s infinite ease-in-out}#app #home main>div{height:66.6666666667dvh;width:100%;overflow:hidden;scroll-snap-align:center;text-align:center;align-content:center;color:var(--sec-text-col);position:sticky;z-index:-1;background:var(--dark-bg-col);clip-path:view-box}#app #home main>div>div{position:fixed;top:33.3333333333dvh;width:100%}#app #home main>div div h2{font-family:Aber Mono;text-shadow:0 0 5px var(--main-text-col),0 0 10px var(--main-text-col),0 0 15px var(--main-text-col);position:absolute;font-size:2rem;margin:0 1em;width:calc(100% - 2em);pointer-events:none}#app #home main>div:nth-of-type(1) .bg{--custom-col: rgba(0, 191, 255, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(2) .bg{--custom-col: rgba(159, 0, 191, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(3) .bg{--custom-col: rgba(191, 0, 45, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(4) .bg{--custom-col: rgba(191, 134, 0, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(5) .bg{--custom-col: rgba(70, 191, 0, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(6) .bg{--custom-col: rgba(0, 191, 108, var(--bg-alpha));background:var(--custom-col)}#app #home main>div:nth-of-type(6)~div{z-index:2;height:100dvh}#app #home main>div:nth-of-type(6)~div .bg{top:40dvh;left:50%;transform:translate(-50%) translateY(-50%);border:none}#app #home main>div:nth-of-type(6)+div{z-index:1}#app #home main>div:nth-of-type(8){--custom-col: rgba(0, 191, 255, calc(var(--bg-alpha) / 2));background:linear-gradient(var(--custom-col),var(--custom-col)),var(--dark-bg-col)}#app #home .bg{text-align:center;pointer-events:none;position:absolute;top:calc(-16.6666666667dvh - 1px);left:0;width:100%;margin:0;height:calc(66.6666666667dvh - 3px);z-index:-10;border:2px solid var(--bg-col);border-left:none;border-right:none;border-color:var(--bg-col)}#app #home .bg #timelineContainer{text-align:left;overflow-y:hidden;height:100%;border:none;max-height:100dvh;margin:0;background:none}#app #home .bg #layerTitles span{outline-color:var(--bg-col)!important}#app #home .bg #scheduleVisualization:before,#app #home .bg #scheduleVisualization:after{display:none}#app #home #contact a{pointer-events:auto}#app #home main>div:first-of-type{margin-top:calc(16.6666666667dvh - 1px)}#app #home main>div:first-of-type .episode-marker:not(.highlighted){opacity:.25}#app #home main>div:nth-of-type(2) #timelineContainer .episode-marker:not(.highlighted,.bookmarked,.bookmarked~.episode-marker){opacity:.25}#app #home main>div [data-id=background]{opacity:.25}#app #home footer{position:fixed;bottom:0;width:100%;background:rgba(0,0,0,.2666666667);color:var(--sec-text-col);text-align:center;z-index:3}#app #home footer p:nth-of-type(1){font-size:.6rem;color:var(--light-grey);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem}#app #home footer p:nth-of-type(1) img{height:1rem;margin-right:.4rem}#app #home footer p:nth-of-type(1) a{opacity:.75}#app #home footer p:nth-of-type(2){font-size:.75rem;margin-top:0}@media (max-width: 650px){#home>main div h2{font-size:1.5rem}#home h3{font-size:1rem}#home p{font-size:.9rem}}@media (max-width: 420px){#home>main div h2{font-size:1rem}#home h3,#home p{font-size:.75rem}}#app #login{width:min(37.5dvw + 200px,90vw);margin:1em auto;height:calc(100dvh - 2em);outline:1px solid var(--light-bg-col)}#app #login header{display:none}#app #login>main{margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-color:var(--main-text-col)}#app #login>main #login-form{border:var(--bg-border-col) 2px solid;color:var(--sec-text-col);background-color:var(--bg-col);display:flex;flex-direction:column;align-items:center;justify-content:center}#app #login>main span{color:var(--sec-text-col)}#app #login>main h1{font-size:2rem;margin-bottom:1rem}#app #login>main h1 span{font-family:Fredoka One;font-weight:400}#app #login>main h1 span:first-child{color:var(--tert-link-col)}#app #login>main h1 span:last-child{color:var(--sec-hover-col)}#app #login>main legend{background:var(--dark-bg-col);line-height:0;padding:inherit;text-align:center;border:solid var(--light-bg-col) 2px;margin-bottom:10px}#app #login>main h2{color:var(--sec-text-col);margin-bottom:1rem;font-family:Fredoka One;font-weight:400}#app #login>main input{padding:.5rem;border:2px solid var(--light-bg-col);border-top-width:1px;border-bottom-width:1px;border-radius:5px;width:min(50vw,300px);color:var(--sec-text-col);background-color:var(--dark-bg-col)}#app #login>main input:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}#app #login>main input:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}#app #login>main input:first-of-type{border-top-width:2px}#app #login>main input:last-of-type{border-bottom-width:2px;margin-bottom:10px}#app #login>main *:not(span)>button{padding:0 1rem;background-color:var(--button-red);color:var(--sec-text-col);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#app #login>main *:not(span)>button *{font-weight:400}#app #login>main *:not(span)>button:hover{background-color:var(--button-tomato)}#app #login>main .separator{display:flex;align-items:center;text-align:center;margin:10px 0}#app #login>main .separator .line{border:none;border-top:1px solid var(--lav-white);margin:0 10px;flex:1;width:min(20vw,150px)}#app #login>main .separator .text{padding:0 10px;color:var(--main-link-col)}#app #login>main .google-sign-in{display:flex;align-items:center;justify-content:center;background-color:var(--dark-bg-col);border:1px solid var(--light-bg-col);border-radius:5px;padding:.5rem 1rem;cursor:pointer}#app #login>main .google-sign-in img{width:24px;height:24px;margin-right:.5rem}#app #login>main .google-sign-in,#app #login>main input{transition:background-color .3s ease}#app #login>main :is(.google-sign-in,input):is(:hover,:focus){background-color:var(--main-text-col)}#app #login>main input:focus{z-index:1}#app #login>main .error-message{color:var(--button-sunset);margin:0 0 10px;font-style:italic}#app #login>main>span{margin-top:25px}#app #login>main a,#app #login>main span button{color:var(--main-link-col);text-decoration:none;margin:0 0 0 10px;padding:0;background:none;border:none;font-size:1rem;cursor:pointer}#app #login>main :is(a,span button):hover{color:var(--main-hover-col)}