@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--white: #D9DBDE;--green: #25BA00;--yellow: #EDAB00;--red: #BA0000;--blue: #0C8CE9;--shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);--backdrop: rgba(32, 34, 37, .8);--glass: blur(21px)}@media (prefers-color-scheme: dark){:root{--color: #D9DBDE;--background: #202225;--background-appbar: rgba(43, 45, 49, .7);--background-application: rgba(32, 34, 37, .6);--background-transparent: rgba(32, 34, 37, 0);--browser-background: #3B3F44;--browser-transparent: rgba(47, 50, 55, 0);--hover: #363A3F;--input: #34373C;--input-hover: #474B52}}:root:has(#app.dark){--color: #D9DBDE;--background: #202225;--background-appbar: rgba(43, 45, 49, .7);--background-application: rgba(32, 34, 37, .6);--background-transparent: rgba(32, 34, 37, 0);--browser-background: #3B3F44;--browser-transparent: rgba(47, 50, 55, 0);--hover: #363A3F;--input: #34373C;--input-hover: #474B52}@media (prefers-color-scheme: light){:root{--color: #202225;--background: #D9DBDE;--background-appbar: rgba(228, 229, 231, .7);--background-application: rgba(217, 219, 222, .6);--background-transparent: rgba(217, 219, 222, 0);--browser-background: #BBBEC4;--browser-transparent: rgba(200, 203, 208, 0);--hover: #C0C4C9;--input: #C3C6CB;--input-hover: #ADB1B8}}:root:has(#app.light){--color: #202225;--background: #D9DBDE;--background-appbar: rgba(228, 229, 231, .7);--background-application: rgba(217, 219, 222, .6);--background-transparent: rgba(217, 219, 222, 0);--browser-background: #BBBEC4;--browser-transparent: rgba(200, 203, 208, 0);--hover: #C0C4C9;--input: #C3C6CB;--input-hover: #ADB1B8}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;color:var(--color)}*::selection{background:none}html{display:flex;min-height:100svh}html body{display:flex;flex:1;min-height:100svh;background-image:url(/assets/background.BNIe1We5.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:var(--background)}html body #app{display:flex;flex:1}html body video,html body img,html body svg,html body object{max-width:100%;height:auto;vertical-align:middle}html body li{list-style:none;text-decoration:none}html body a{text-decoration:none}html body .hidden-title{font-size:0;position:absolute}.desktop{position:relative;display:flex;flex-direction:column;gap:1.875rem;width:100%;height:calc(100% - 77px)}.header{display:flex;justify-content:space-between;height:48px;padding:.625rem 2.5rem 0}@media screen and (max-width: 767px){.header{padding:.625rem .625rem 0}}.header__left,.header__right{display:flex;gap:.9375rem}@media screen and (max-width: 767px){.header__left,.header__right{gap:.625rem}}.header__subitem,.header__right{display:flex;padding:.5625rem .625rem;justify-content:center;align-items:center;border-radius:6px;height:34px;box-shadow:0 3px 4px #00000040}.header__right{background:var(--background)}.header__right .header__item{display:flex;height:fit-content}.header__right .header__item-button{cursor:pointer;border:none;background:none}.header__right .header__item-button:focus{outline:none}.header__subitem,.header__right .header__item-button{font-size:.875rem;font-weight:600;line-height:.86;text-align:center}.header__subitem{cursor:pointer;border:none;background:var(--background)}.header__subitem:focus{outline:none}.header__icon{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.desktop-apps{display:grid;grid-template-columns:repeat(auto-fill,100px);grid-template-rows:repeat(auto-fill,89px);gap:1.875rem 1.25rem;flex:1;padding:1.25rem}@media screen and (max-width: 767px){.desktop-apps{padding:.625rem;justify-content:center}}.app-icon{position:relative;cursor:pointer;border:none;background:none}.app-icon:focus{outline:none}.app-icon--desktop{display:flex;flex-direction:column;align-items:center;gap:.625rem;width:100px;max-height:89px}.app-icon--desktop .app-icon__name span{color:var(--white)}.app-icon--appbar{padding-bottom:10px}@media screen and (min-width: 768px){.app-icon--appbar:hover .app-icon__name{display:flex}}.app-icon--appbar:after{content:"";display:none;position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--color)}.app-icon--appbar .app-icon__name{position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 16px));display:none;align-items:center;flex-direction:column;color:var(--color);text-wrap:nowrap;filter:drop-shadow(0 -1px 0 var(--color)) drop-shadow(0 1px 0 var(--color))}.app-icon--appbar .app-icon__name:after{content:"";width:0;height:0;border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-top:8px solid var(--background)}.app-icon--appbar .app-icon__name span{display:flex;justify-content:center;align-items:center;padding:.375rem .75rem;background:var(--background);border-radius:6px;filter:drop-shadow(-1px 0 0 var(--color)) drop-shadow(1px 0 0 var(--color))}@media screen and (max-width: 767px){.app-icon--appbar .app-icon__image{min-width:40px;max-width:40px;min-height:40px;max-height:40px}}.app-icon--opened:after{display:block}.app-icon__image{min-width:50px;max-width:50px;min-height:50px;max-height:50px}.app-icon__name{font-size:1rem;font-weight:400;font-style:normal;text-align:center}.window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;border-radius:6px;overflow:hidden;box-shadow:var(--shadow);transition:all .2s ease-in-out}.window--hidden{opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}.window--hidden.window--fullscreen,.window--hidden.window--moved{transform:translate(0) scale(0)!important}.window--fullscreen{top:0!important;left:0!important;width:100vw;height:calc(100svh - 77px);transform:translate(0);border-radius:0!important}@media screen and (max-width: 767px){.window--fullscreen{height:100svh}}.window--fullscreen .window-actions+div{width:100%;height:100%}.window-actions{display:flex;justify-content:flex-end;position:absolute;z-index:5;top:0;right:0;width:100%}.window-actions .window-button{background:var(--background)}.window-actions .window-button:first-child{border-radius:0 0 0 6px}.window:not(.window--fullscreen){cursor:grab}.window-button{cursor:pointer;border:var(--background);background:none}.window-button:focus{outline:none}.window-button{display:flex;padding:3px 7.5px;justify-content:center;align-items:center}@media screen and (max-width: 767px){.window-button{padding:4px 9px}}.window-button--normal:hover{background:var(--hover)}.window-button--danger:hover{background:var(--red)}@media screen and (max-width: 767px){.window-button svg{width:24px}}.appbar{position:fixed;z-index:9999999999;left:50%;bottom:5px;transform:translate(-50%);display:flex;gap:12px;background:var(--background-appbar);padding:0 10px;border-radius:25px}@media screen and (max-width: 767px){.appbar{z-index:0}}.appbar__left,.appbar__right{padding:10px 0 0}.appbar__left{display:flex;gap:12px}.appbar__right{position:relative}.appbar:has(.appbar__left) .appbar__right{padding-left:13px}.appbar:has(.appbar__left) .appbar__right:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:var(--color);width:1px;height:50px;border-radius:1px}@media screen and (max-width: 767px){.appbar:has(.appbar__left) .appbar__right:before{height:40px}}.lock-screen{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);background:var(--background-application)}.pin-code{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pin-code__dots{display:flex;justify-content:space-between;width:100%}.pin-code__dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--color)}.pin-code__dot--filled{background:var(--color)}.pin-code__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end}.pin-code__button{cursor:pointer;border:none;background:none}.pin-code__button:focus{outline:none}.pin-code__button{display:flex;justify-content:center;align-items:center;border-radius:50%;width:33.3333333333%;aspect-ratio:1/1}.pin-code__button:active{background-color:var(--hover)}.pin-code--small .pin-code__dots{padding:0 25px}.pin-code--small .pin-code__buttons{width:198px}.pin-code--small .pin-code__button{font-size:2rem}.pin-code--big .pin-code__dots{padding:0 32px}.pin-code--big .pin-code__buttons{width:240px}.pin-code--big .pin-code__button{font-size:2.5rem}.pin-code--vibrate{animation:vibrate .2s}.input{position:relative;display:flex;justify-content:space-between}@media screen and (max-width: 767px){.input{align-items:center}}.input--disabled label{color:var(--hover);pointer-events:none}.input--disabled input{opacity:.6;cursor:not-allowed}.input__wrapper,.input--button,.input--submit,.input--password,.input--text{position:relative;cursor:pointer;border:none;background:var(--input)}.input__wrapper:focus,.input--button:focus,.input--submit:focus,.input--password:focus,.input--text:focus{outline:none}.input__wrapper,.input--button,.input--submit,.input--password,.input--text{display:flex;align-items:center;width:fit-content;height:38px;padding:.375rem 1.125rem;border-radius:6px;font-size:.875rem;font-weight:400}.input--password,.input--text{border-radius:3px}.input label{transition:color .2s ease-in-out}.input__wrapper:has(.input--file:hover:not(:disabled)){background:var(--input-hover)}.input--file{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.input--button:hover:not(:disabled),.input--submit:hover:not(:disabled){background:var(--input-hover)}.input--number{position:relative;cursor:pointer;border:none;background:var(--input)}.input--number:focus{outline:none}.input--number{display:flex;justify-content:center;align-items:center;text-align:center;width:fit-content;height:38px;padding:.375rem 1.125rem;border-radius:6px;font-size:.875rem;font-weight:400;-moz-appearance:textfield}.input--number::-webkit-outer-spin-button,.input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--password,.input:has(.input--password){width:100%}.input input{transition:opacity .2s ease-in-out}.input--vibrate{animation:vibrate .2s}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-20px)}75%{transform:translate(20px)}to{transform:translate(0)}}.input:has(.input--hidden){opacity:0;width:0;height:0}.input__error{position:absolute;top:0;left:0;transform:translateY(-.375rem);color:var(--red);font-size:.875rem}.input:has(.input__error){padding-top:2.25rem}