:root{--md-sys-color-primary:rgb(151 204 248);--md-sys-color-surface-tint:rgb(151 204 248);--md-sys-color-on-primary:rgb(0 52 79);--md-sys-color-primary-container:rgb(0 75 113);--md-sys-color-on-primary-container:rgb(203 230 255);--md-sys-color-secondary:rgb(184 200 217);--md-sys-color-on-secondary:rgb(34 50 63);--md-sys-color-secondary-container:rgb(57 73 86);--md-sys-color-on-secondary-container:rgb(211 228 246);--md-sys-color-tertiary:rgb(208 192 232);--md-sys-color-on-tertiary:rgb(54 43 74);--md-sys-color-tertiary-container:rgb(77 65 98);--md-sys-color-on-tertiary-container:rgb(235 220 255);--md-sys-color-error:rgb(255 180 171);--md-sys-color-on-error:rgb(105 0 5);--md-sys-color-error-container:rgb(147 0 10);--md-sys-color-on-error-container:rgb(255 218 214);--md-sys-color-background:rgb(16 20 23);--md-sys-color-on-background:rgb(224 227 232);--md-sys-color-surface:rgb(16 20 23);--md-sys-color-on-surface:rgb(224 227 232);--md-sys-color-surface-variant:rgb(65 71 77);--md-sys-color-on-surface-variant:rgb(193 199 206);--md-sys-color-outline:rgb(139 145 152);--md-sys-color-outline-variant:rgb(65 71 77);--md-sys-color-shadow:rgb(0 0 0);--md-sys-color-scrim:rgb(0 0 0);--md-sys-color-inverse-surface:rgb(224 227 232);--md-sys-color-inverse-on-surface:rgb(45 49 53);--md-sys-color-inverse-primary:rgb(41 99 138);--md-sys-color-primary-fixed:rgb(203 230 255);--md-sys-color-on-primary-fixed:rgb(0 30 48);--md-sys-color-primary-fixed-dim:rgb(151 204 248);--md-sys-color-on-primary-fixed-variant:rgb(0 75 113);--md-sys-color-secondary-fixed:rgb(211 228 246);--md-sys-color-on-secondary-fixed:rgb(12 29 41);--md-sys-color-secondary-fixed-dim:rgb(184 200 217);--md-sys-color-on-secondary-fixed-variant:rgb(57 73 86);--md-sys-color-tertiary-fixed:rgb(235 220 255);--md-sys-color-on-tertiary-fixed:rgb(33 22 52);--md-sys-color-tertiary-fixed-dim:rgb(208 192 232);--md-sys-color-on-tertiary-fixed-variant:rgb(77 65 98);--md-sys-color-surface-dim:rgb(16 20 23);--md-sys-color-surface-bright:rgb(54 58 62);--md-sys-color-surface-container-lowest:rgb(11 15 18);--md-sys-color-surface-container-low:rgb(24 28 32);--md-sys-color-surface-container:rgb(28 32 36);--md-sys-color-surface-container-high:rgb(38 42 46);--md-sys-color-surface-container-highest:rgb(49 53 57);--md-settings-themer-blue-text:rgb(151 204 248);--md-settings-themer-blue-text-small:rgb(184 200 217);--md-settings-themer-blue-background:rgb(16 20 23);--md-settings-themer-blue-tint:rgb(151 204 248);--md-settings-themer-blue-on-primary:rgb(0 52 79);--md-settings-themer-green-text:rgb(152 212 164);--md-settings-themer-green-text-small:rgb(183 204 183);--md-settings-themer-green-background:rgb(16 21 16);--md-settings-themer-green-tint:rgb(152 212 164);--md-settings-themer-green-on-primary:rgb(0 57 25);--md-settings-themer-black-text:#fff;--md-settings-themer-black-text-small:#999;--md-settings-themer-black-background:#000;--md-settings-themer-black-tint:#fff;--md-settings-themer-black-on-primary:#000}@font-face{font-family:Roboto;src:url('/app/src/fonts/Roboto/Roboto-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Permanent Marker';font-style:normal;font-weight:400;font-display:swap;src:url(/app/src/fonts/permanentMarker.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:.3s ease;overscroll-behavior:none}html{height:auto;margin:0;overflow-x:hidden;overscroll-behavior:none;scroll-behavior:smooth}body{height:auto;margin:0;background-color:var(--md-sys-color-background)!important;font-family:Roboto;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;overflow-x:hidden}@media (min-width:1024px){.hero{padding:4rem;text-align:left}.hero-main-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}.hero-content{margin-bottom:0;text-align:left}.features-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:481px){#backgroundsvg{display:none!important}.card{width:60%!important;max-width:none!important;height:60vh;margin:2vh 5vw!important}.card img{max-width:none!important;height:100%}.card:first-child{margin-left:13%!important}.card:last-child{margin-right:0!important}.scrollable-container{width:100%;height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;padding-left:0;margin:0!important}.color-profiles-container{flex-direction:column!important}.carousel-track{flex-direction:column!important}.popup-inner{width:40vw!important;max-height:80vh}.popup-inner-unknown{width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;overflow-y:auto;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:25px}.error-popup-inner{width:40vw!important;max-height:80vh}.home{flex-direction:row!important;padding-top:0!important;height:100vh!important}#left{width:40vw!important;height:100vh!important}#right{width:60vw!important;height:100vh!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;flex-direction:column!important}.buttondiv{margin-top:0!important}#credit{position:absolute;bottom:2vh!important;left:auto!important;right:auto!important}}.splash{height:100vh;width:100%;position:absolute;min-height:100%;padding:0;margin:0;z-index:10;background-color:#000;display:flex;justify-content:center;align-items:center;opacity:1;animation-name:outro;animation-duration:.5s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-delay:3s}.text--line{font-size:6rem;font-family:'Permanent Marker',cursive;font-weight:600;letter-spacing:8px}#outline{fill:none;stroke:#fff;stroke-dasharray:100;stroke-dashoffset:0;animation-name:outline;animation-duration:2.5s;animation-timing-function:ease-in;animation-fill-mode:forwards}#fill{fill-opacity:0;fill:#fff;animation-name:fill;animation-duration:.5s;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-delay:1s}@keyframes outline{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes fill{from{fill-opacity:0}to{fill-opacity:1}}@keyframes outro{from{opacity:1}to{opacity:0}}li{-webkit-tap-highlight-color:transparent}li:focus{outline:0!important}.installer{display:block;position:fixed;top:0;left:0;width:100vw;height:100dvh;background:red;background:linear-gradient(45deg,var(--md-sys-color-primary-container) 0,var(--md-sys-color-on-secondary) 100%);z-index:99;transition:opacity 1s ease-out}.olla{background:var(--md-sys-color-primary-container);border-radius:25px;transform:scale(1);display:flex;align-items:center;justify-content:center;transition:transform 2s ease-in,opacity 1s ease;will-change:transform,opacity}.olla.hidden{opacity:0}.olla.scale{transform:scale(5)}.hidIDat{background-color:#00000000!important;backdrop-filter:blur(0)!important;-webkit-backdrop-filter:blur(0)!important}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:5vh}.buttondiv{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto}.buttondiv md-outlined-button{margin-top:.5rem}#left{width:100vw;height:65vh}#right{width:100vw;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.info-popup{position:fixed;left:0;top:0;z-index:102;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080}.popup-inner-unknown{width:80vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;overflow-y:auto;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:25px}.popup-inner{width:80vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;overflow-y:auto;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:25px}.error-popup{position:fixed;left:0;top:0;z-index:102;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080}.error-popup-inner{width:80vw;max-height:80vh;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;overflow-y:auto;background-color:var(--md-sys-color-on-error);color:var(--md-sys-color-error);border-radius:25px}.error-popup-inner md-filled-button{--_container-color:var(--md-sys-color-error-container);--_label-text-color:var(--md-sys-color-error);--_container-shadow-color:var(--md-sys-color-on-error);background-color:var(--md-sys-color-error-container);color:#fff}.error-popup-content-code{scale:0.8}.error-popup-button-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.error-popup,.info-popup{opacity:0;transition:opacity .3s ease-in-out}.error-popup-inner,.popup-inner{transform:translateY(100%);transition:transform .3s ease-in-out}.success{position:absolute;width:100vw;height:100vh;text-align:center;z-index:1000000;background:#101924;color:#fff;padding-top:30vh}.carousel-container{width:100vw}.scrollable-container{width:100%;overflow-x:auto;overflow-y:hidden;padding-left:0}.scrollable-container::-webkit-scrollbar{display:none}.scrollable-container{-ms-overflow-style:none;scrollbar-width:none}.color-profiles-container{display:flex;padding:1rem;padding-left:0}.carousel-track{display:flex;transition:transform .3s ease-in-out}.card{width:70vw;height:60vh;border-radius:30px;margin:0 3vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border:4px solid var(--md-sys-color-on-primary-container);position:relative;overflow:hidden;background-color:var(--md-sys-color-background);background-size:cover;background-position:center;background-repeat:no-repeat}.card:first-child{margin-left:13vw}.card:last-child{margin-right:8vw}.card img{max-width:100%;height:100%}#backgroundsvg{position:absolute;width:100vw;height:100vh;z-index:-1;top:0;bottom:0}#credit{margin-top:3vh;margin-bottom:2vh;display:flex;flex-direction:column}.credit-link{font-size:1.1rem;color:var(--md-sys-color-on-primary-container);text-decoration:none}h1{font-family:Roboto;color:#d3d3d3;max-width:40ch;text-align:center;transform:scale(.94);animation:scale 3s forwards cubic-bezier(.5,1,.89,1);margin-bottom:0}h2{font-family:Roboto;color:#d3d3d3;font-weight:500;max-width:40ch;text-align:center;transform:scale(.94);animation:scale 3s forwards cubic-bezier(.5,1,.89,1)}@keyframes scale{100%{transform:scale(1)}}span{display:inline-block;opacity:0;filter:blur(4px)}span:first-child{animation:fade-in .8s .1s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(2){animation:fade-in .8s .2s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(3){animation:fade-in .8s .3s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(4){animation:fade-in .8s .4s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(5){animation:fade-in .8s .5s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(6){animation:fade-in .8s .6s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(7){animation:fade-in .8s .7s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(8){animation:fade-in .8s .8s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(9){animation:fade-in .8s .9s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(10){animation:fade-in .8s 1s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(11){animation:fade-in .8s 1.1s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(12){animation:fade-in .8s 1.2s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(13){animation:fade-in .8s 1.3s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(14){animation:fade-in .8s 1.4s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(15){animation:fade-in .8s 1.5s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(16){animation:fade-in .8s 1.6s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(17){animation:fade-in .8s 1.7s forwards cubic-bezier(.11,0,.5,0)}span:nth-child(18){animation:fade-in .8s 1.8s forwards cubic-bezier(.11,0,.5,0)}@keyframes fade-in{100%{opacity:1;filter:blur(0)}}.fade-out{animation:fade-out .5s forwards}@keyframes fade-out{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(4px)}}.text-container{height:70px;overflow-y:hidden}.text{position:relative;opacity:0;transition:opacity .5s ease;visibility:hidden}.text.fade-in{visibility:visible;opacity:1}.text.fade-out{opacity:0}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;color:var(--md-sys-color-on-background);background:radial-gradient(ellipse at bottom,#002e4d,var(--md-sys-color-background))}.hero-content{margin-bottom:3rem;animation:fadeInDown 1s ease-in-out}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--md-sys-color-primary)}.hero-subtitle{font-size:1.25rem;max-width:600px;margin-bottom:2rem;color:var(--md-sys-color-on-surface-variant)}.hero-button{--md-filled-button-container-color:var(--md-sys-color-primary);--md-filled-button-label-text-color:var(--md-sys-color-on-primary)}.plan-preview-container{width:100%;max-width:600px;animation:fadeInUp 1s ease-in-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-list-item{background-color:var(--md-sys-color-surface-container-low);border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid var(--md-sys-color-outline-variant)}.plan-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;color:var(--md-sys-color-on-surface-variant)}.plan-date{font-size:1.25rem;font-weight:500;color:var(--md-sys-color-on-surface)}.plan-day{font-size:1rem}.plan-details{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.plan-details:last-child{border-bottom:none}.plan-time{display:flex;flex-direction:column;align-items:center;margin-right:1.5rem;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.plan-info{flex-grow:1}.subject{font-size:1.1rem;font-weight:500;color:var(--md-sys-color-on-surface);display:block}.teacher{font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.plan-room{font-size:1rem;font-weight:500}.substituted .new-room{color:var(--md-sys-color-primary)}.substituted .original-room{text-decoration:line-through;color:var(--md-sys-color-on-surface-variant);margin-right:.5rem}.free-hour .subject{color:var(--md-sys-color-error)}.event .subject{color:var(--md-sys-color-tertiary)}.performance{padding:4rem 2rem;text-align:center;background-color:var(--md-sys-color-surface-container)}.performance-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--md-sys-color-on-surface)}.performance-subtitle{font-size:1.15rem;max-width:600px;margin:0 auto 3rem auto;color:var(--md-sys-color-on-surface-variant)}.features{padding:4rem 2rem;text-align:center;background-color:var(--md-sys-color-surface-container-low)}.features-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--md-sys-color-on-surface)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--md-sys-color-surface-container);padding:2rem;border-radius:1.5rem;border:1px solid var(--md-sys-color-outline-variant);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.feature-card md-icon{color:var(--md-sys-color-primary);margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--md-sys-color-on-surface)}.feature-card p{color:var(--md-sys-color-on-surface-variant);line-height:1.6}.chart-container{width:100%;max-width:800px;margin:0 auto}.screenshots{padding:4rem 2rem;background-color:var(--md-sys-color-background)}.screenshots-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--md-sys-color-on-background)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.screenshot-item img{width:100%;border-radius:1rem;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.screenshot-item img:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.25)}@media (max-width:767px){.screenshots-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:0 1rem;-webkit-overflow-scrolling:touch}.screenshots-grid::-webkit-scrollbar{display:none}.screenshot-item{flex:0 0 80%;scroll-snap-align:center}}@media (min-width:768px){.screenshots-grid{grid-template-columns:repeat(4,1fr);align-items:center}.screenshot-staggered{margin-top:4rem}}.installation-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.installation-popup.show{opacity:1}.installation-popup .popup-content{background-color:var(--md-sys-color-surface-container-high);padding:2rem;border-radius:1.5rem;width:90%;max-width:500px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.installation-popup.show .popup-content{opacity:1;transform:translateY(0)}.close-button{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;color:var(--md-sys-color-on-surface-variant);cursor:pointer}.popup-title{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--md-sys-color-on-surface)}.install-info-box{background-color:var(--md-sys-color-surface-container);padding:1rem 1.5rem;border-radius:1rem;margin-bottom:1.5rem;border:1px solid var(--md-sys-color-outline-variant)}.install-info-box p{margin:0;color:var(--md-sys-color-on-surface-variant);text-align:center;line-height:1.5}.install-instructions-container{display:flex;flex-direction:column;gap:1rem}.install-os-section{background-color:var(--md-sys-color-surface-container);padding:1.5rem;border-radius:1rem;border:1px solid var(--md-sys-color-outline-variant)}.install-os-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;margin:0 0 1rem 0;color:var(--md-sys-color-primary)}.install-os-title md-icon{font-size:1.75rem}.install-steps{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:1rem;counter-reset:install-step-counter}.install-steps li{align-items:flex-start;gap:1rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.install-steps li::before{counter-increment:install-step-counter;content:counter(install-step-counter);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:700}.install-steps li md-icon{font-size:1.25rem;vertical-align:middle}.install-steps li strong{color:var(--md-sys-color-on-surface)}@media (min-width:600px){.install-instructions-container{flex-direction:row;gap:1.5rem}.install-os-section{flex:1}}.footer{padding:2rem;text-align:center;background-color:var(--md-sys-color-surface-container-low)}.footer-content{display:flex;justify-content:center;gap:2rem}.footer-link{color:var(--md-sys-color-on-surface-variant);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--md-sys-color-primary)}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}.Plaene-list-item{width:80vw;display:flex;flex-direction:column;align-items:left;margin:1vh auto;gap:.5rem;padding:1rem;background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-primary-container);border-radius:25px;max-width:400px}.homefeedlist1,.homefeedlist2,.homefeedlist3,.homefeedlist4,.homefeedlist5,.homefeedlist6,.homefeedlist7{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:5px;border-radius:15px}.homefeedlist1{font-weight:700;display:flex;width:100%}.homefeedlistDate{font-size:2.5rem;font-weight:400}.homefeedlistClass{font-size:1.1rem;max-width:60%;text-align:right}.homefeedlist2{font-weight:700;display:flex;align-items:baseline;justify-content:left;width:100%;font-size:4rem}.homefeedlist2 strong{font-size:1rem;margin-left:12px}.homefeedlist3{font-size:2rem;text-decoration:underline;padding-bottom:12px;border-bottom:6px solid var(--md-sys-color-on-primary-fixed-variant)}.homefeedlist4{padding-bottom:12px;border-bottom:6px solid var(--md-sys-color-on-primary-fixed-variant)}.homefeedlist5{padding-bottom:17px;border-bottom:6px solid var(--md-sys-color-on-primary-fixed-variant)}.homefeedlist6{padding-bottom:17px;border-bottom:6px solid var(--md-sys-color-on-primary-fixed-variant)}.homefeedlist7{display:flex;align-items:baseline}.homefeedlist3,.homefeedlist4{margin-top:5px}