@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;padding:0;margin:0}:root{color-scheme:dark;font-family:Noto Sans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#202020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100svh;width:100%;overflow:hidden;transition:background-color .5s ease-in-out}#root{height:100svh;width:100%;flex-direction:column;display:flex}.TaskContainer{display:flex;flex-direction:column}.TaskItemButtons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1rem;border-radius:4px;background-color:#222}.TaskItemButtons.active{background-color:#515736}.TaskItemButtons>button{padding:.5rem;width:100%;height:100%;border:none;background-color:unset;color:#aaa;cursor:pointer}.TaskItemButtons>button:hover{color:#fff;background-color:#333}.TaskItem{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1rem;padding:.5rem;border-radius:4px;background-color:#222}.TaskItem>button{margin-left:.5rem;border:none;background-color:unset;color:#aaa;cursor:pointer}.TaskItem>button:hover{color:#fff}.TaskInput{display:flex;flex-direction:row;margin-top:1rem;border-radius:4px;border:#000 solid 1px;background-color:#2a2a2a}.TaskInput>*{border-radius:0}.TaskInput>input{flex:100%;color:#bbb;border:0;background-color:unset;text-align:left;min-width:0px!important;outline:none;font-size:1.2rem;height:2.5rem;padding-inline:.5rem;justify-content:end}.TaskInput>button{padding-inline:.5rem;background-color:#222;opacity:0;transition:opacity .2s;text-wrap:nowrap;margin-left:.5rem;border:none;color:#aaa;cursor:pointer}.TaskInput>button:hover{color:#fff}.PageViewer{display:grid;grid-template-columns:auto 1fr;grid-template-rows:100%;flex-direction:row;height:100vh;width:100vw;position:relative;max-width:100vw;top:0;left:0}.Page{flex:100%;width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;overflow:scroll}.SideBar{position:absolute;left:calc(8px + var(--funnyLeft));display:flex;flex-direction:column;align-items:center;padding-inline:8px;top:2rem;height:calc(100% - 2rem - 4px);border-radius:12px;box-shadow:0 0 5px 1px #000a;background-image:linear-gradient(125deg,#502d2d3d,#2b1c1c3f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,left .2s,width .2s,top .2s,height .2s}.SideBarTopButtons{z-index:2;position:absolute;padding:4px;gap:4px;height:auto;text-align:left;display:flex;transition:transform .2s}.SideBarContainer{--funnyLeft: 0px;z-index:1;position:relative;height:100%;width:max-content;pointer-events:none;width:66px;transition:width .2s}.SideBarContainer>*{pointer-events:all}.SideBarBlocker{position:absolute;width:0vw;height:100vh;-webkit-backdrop-filter:saturate(.2);backdrop-filter:saturate(.2);background-color:#0000;transition:backdrop-filter .2s,background-color .2s}.SideBar-Closed{transform:translate(calc(-6px - 100%))}.SideBarTopButtons button{cursor:pointer;height:1.5rem;width:1.5rem;border-radius:1rem;border:none;background-color:pink;transition:filter .2s,box-shadow .2s,transform .2s,width .2s}.SideBarTopButtons button.group{background-color:#a04646}.SideBarTopButtons button.apps{background-color:#94a046}.SideBarTopButtons button.app{background-color:#46a04a}.SideBarTopButtons button:disabled{transform:scale(.9) translateY(-150%)!important}.SideBarTopButtons button:hover{box-shadow:0 0 2px 1px #fff2 inset,0 0 2px 2px #0002;transform:scale(1.1);filter:brightness(1.1)}.SideBarTopButtons button:active{box-shadow:0 0 2px 1px #0006 inset,0 0 1px 1px #fff2;box-sizing:0px 0px;transform:scale(.9);filter:brightness(.9)}.SvgButton{--size: 50px;cursor:pointer;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:1.6rem;background-color:unset;background-color:inherit;border-radius:8px;border:none;transition:all .4s}.SvgButton>img{width:100%}.SvgButton:focus,.SvgButton:focus-visible,.SvgButton:hover{box-shadow:0 0 14px 3px #00000069 inset;color:#fff;outline:none}.SvgButton.active{--edgeColor: #ff000067;--centerColor: #ff0000a4;background:linear-gradient(120deg,var(--edgeColor),var(--centerColor),var(--edgeColor));box-shadow:1px 1px 2px 1px #00000062}.Page{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:1rem;gap:1rem}.QuickFullScreen{position:absolute;width:100%;height:100%;z-index:1000;inset:0;display:inline;pointer-events:none}.QuickContainer{position:absolute;display:grid;grid-template-columns:1fr auto;grid-column-gap:.5rem;bottom:.4rem;right:.4rem}.QuickContainer>*{align-self:end}.QuickButtonStop{margin-left:auto;width:1.5rem;height:1.5rem;line-height:.75rem;font-size:2rem;transform:rotate(-20deg);margin-bottom:.75rem;background-color:#a04646;border-radius:100px;transition:transform .2s linear}.QuickButtonStop.inactive{transform:rotate(-20deg) scale(0) translate(-20 -20)}.QyickJobGroup{display:grid;grid-auto-rows:1fr;grid-row-gap:.2rem;min-width:10rem;max-width:30ch}.QyickJobGroup>*{align-self:stretch;border:solid 1px #000;background-color:#46a04a;border-radius:100px;padding:.2rem;padding-inline:1rem;text-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QuickButton{--size: 40px;cursor:pointer;width:var(--size);height:var(--size);background-color:#94a046;border-radius:100%;font-size:calc(var(--size) * .85);line-height:1em;transition:all .4s;position:relative}.QuickButton>img{width:100%}.Hline{width:100%;height:1px;background-color:#aaa;margin-top:.5rem;margin-bottom:.5rem}.ToWhoLikeItem{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:2em;padding:.5rem;border-radius:4px;background-color:#222}.ToWhoLikeItem>span{color:#aaa;font-size:2rem;flex-grow:1;text-align:left}.ToWhoLikeItem .EmojiButtons{display:flex;flex-direction:row;align-items:center;font-size:2rem;justify-content:space-between;margin-top:.5rem;width:100%}.ToWhoLikeItem .EmojiButtons>button{padding:.5rem;width:100%;font-size:1em;border:none;background-color:unset;color:#aaa;cursor:pointer}.ToWhoLikeItem .EmojiButtons>button:hover{color:#fff;background-color:#333}.EmojiDrawer{position:absolute;bottom:0;width:100%;max-height:100%;height:25%;display:flex;flex-direction:column;overflow:hidden;align-items:stretch;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:solid 1px rgba(255,255,255,.63);border-radius:15px 15px 0 0;border-bottom:0px}.EmojiDrawer>.EmojiDrawerHeader{flex:auto;width:100%;color:#000;display:flex;line-height:1em;font-size:15px;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem;background-color:#d4d4d4;border-bottom:solid 1px rgba(255,255,255,.63)}.EmojiDrawer>.EmojiDrawerBody{flex:1fr;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;background-color:#242424}.EmojiDrawerTabs{display:none;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:.5rem;background-color:#242424;border-bottom:solid 1px rgba(255,255,255,.63)}.EmojiDrawerTabs>button{cursor:pointer;width:100%;height:4rem;background-color:unset;color:#000;border:none;font-size:4rem;text-align:center;transition:all .2s}.EmojiDrawerTabs>button:hover{color:#333;background-color:#eee}.EmojiDrawerTabs>button.active{color:#fff;background-color:#333}.EmojiButtons{flex:1fr;flex-direction:row;align-items:center;height:100%;justify-content:space-between;flex-wrap:wrap;width:100%;padding:.5rem;overflow:auto}.EmojiButtons>button{cursor:pointer;width:3rem;height:3rem;background-color:unset;color:#aaa;border:none;line-height:100%;font-size:2.2rem;text-align:center}.EmojiButtons>button:hover{color:#fff;background-color:#333}.FolderPage,.FolderMain{display:flex;background-color:#000}:is(.FolderPage,.FolderMain) .Header{flex:0 0 auto;text-align:center;width:100%;padding:1rem;font-size:1.5rem;font-weight:600;border-bottom:solid 1px #000}:is(.FolderPage,.FolderMain) .TopNav{display:flex;flex-direction:row;align-items:center;width:100%;color:#fff;gap:.5rem;padding:.5rem 1rem;background-color:#000}:is(.FolderPage,.FolderMain) .TopNav>button{display:flex;cursor:pointer;background-color:unset;border:none;font-size:1.2rem;padding:.2rem}:is(.FolderPage,.FolderMain) .TopNav>button:hover{color:#fff;background-color:#222}:is(.FolderPage,.FolderMain) .FolderList{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));flex-wrap:wrap;width:100%;gap:5px;padding-inline:2rem}:is(.FolderPage,.FolderMain) .FolderList .FolderItem{flex:auto;min-width:100px;max-width:250px;display:block}:is(.FolderPage,.FolderMain) .FolderList .FolderItem .Icon{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;background-color:#222;overflow:hidden}:is(.FolderPage,.FolderMain) .FolderList .FolderItem .Icon>img{width:100%;height:100%;object-fit:cover;border-radius:10px}:is(.FolderPage,.FolderMain) .FolderList .FolderItem .Name{font-size:.6rem}.Popup{position:fixed;inset:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.Popup .Content{background-color:#222a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;min-width:300px;min-height:200px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.Popup .Content .Header{position:relative;font-size:1.2rem;font-weight:600;line-height:1rem}.Popup .Content .Header :is(button){cursor:pointer;background-color:unset;border:none;font-size:1.2rem;float:right;position:absolute;right:1rem;top:1rem}.Popup .Content .Header :is(button):hover{color:#fff;background-color:#222}.Popup .Content .Body{flex:1fr;overflow:auto;padding:.4rem}.Popup .Content .Body>label{display:block;text-align:left;color:var(--InitBG);width:100%;padding-left:1rem;text-transform:uppercase;transition:all .4s}.Popup .Content .Body>input{text-align:left;width:100%;border:2px solid var(--InitBG);min-width:0px;transition:all .4s}.Popup .Content .Footer{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}.Popup .Content .Footer>button{cursor:pointer;height:2.5rem;font-size:1rem;background-color:unset;border:2px solid var(--InitBG);border-radius:3px;padding-inline:1rem;transition:all .4s}.Popup .Content .Footer>button:focus,.Popup .Content .Footer>button:focus-visible,.Popup .Content .Footer>button:hover{border-color:#aaa;color:#aaa;outline:none}.FileUploadForm,.CreateFolderForm{display:flex;flex-direction:column;gap:.5rem;padding:1rem;color:#fff}:is(.FileUploadForm,.CreateFolderForm)>input{background-color:#222a;border:solid 1px #000;border-radius:5px;color:#fff;padding:.5rem;outline:none}:is(.FileUploadForm,.CreateFolderForm) .Buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem}:is(.FileUploadForm,.CreateFolderForm) .Buttons>button{cursor:pointer;height:2.5rem;font-size:1rem;background-color:unset;border:2px solid var(--InitBG);border-radius:3px;padding-inline:1rem;transition:all .4s}:is(.FileUploadForm,.CreateFolderForm) .Buttons>button:focus,:is(.FileUploadForm,.CreateFolderForm) .Buttons>button:focus-visible,:is(.FileUploadForm,.CreateFolderForm) .Buttons>button:hover{border-color:#aaa;color:#aaa;outline:none}.UserBadge{position:absolute;top:1rem;right:1rem;z-index:1000;border-radius:100vw;border:2px solid #fff;padding:.25rem .75rem .4rem;text-transform:capitalize;cursor:pointer}.UserBadge:hover{background-color:#222a}.UserBadgeMenu{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;color:#000;overflow:hidden;z-index:1001;box-shadow:0 0 10px 1px #000a}.UserBadgeMenu>button{display:block;cursor:pointer;background-color:unset;color:#000;border:none;padding:.5rem 1rem;text-align:left;border-bottom:solid 1px #0003}.UserBadgeMenu>button:hover{background-color:#eee}.UserSettings,.AdminPanel{position:fixed;z-index:2000;top:50%;left:50%;transform:translate(-50%,-50%);min-width:300px;min-height:300px;max-width:90vw;max-height:90vh;background-color:#222a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 0 10px 1px #000a;display:flex;flex-direction:column;padding:1rem;color:#fff}:is(.UserSettings,.AdminPanel)>h2{margin-bottom:1rem}:is(.UserSettings,.AdminPanel) .UserList{display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow:auto}:is(.UserSettings,.AdminPanel) .UserList .UserItem{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#222a;border-radius:5px;padding:.5rem}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Info{display:flex;flex-direction:column}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Info>.Username{font-size:1.2rem;font-weight:600}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Info>.Roles{font-size:.8rem;color:#aaa}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Actions{display:flex;flex-direction:row;gap:.5rem}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Actions>button{cursor:pointer;background-color:unset;border:none;color:#aaa;padding:.5rem;border-radius:5px}:is(.UserSettings,.AdminPanel) .UserList .UserItem>.Actions>button:hover{background-color:#333;color:#fff}.HomePage{display:grid;grid-template-rows:minmax(min-content,30%) 1fr;column-gap:2rem;overflow:hidden;height:100%;width:100%;gap:.3rem}.HomePage :is(h2){font-size:3rem;font-weight:800;margin:auto}.HomePage .AppList{margin-block:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto;height:100%;gap:1rem;padding-block:2rem}.HomePage .AppBtn{all:unset;cursor:pointer;border-radius:20px;min-height:4rem;max-height:4rem;padding:.4rem 2rem;width:300px;background:linear-gradient(15deg,#b6949e42,#5629fc2d),radial-gradient(circle at top left,#cf340e1e,#8d491557);box-shadow:3px 3px 10px #0000006e,2px 2px 5px #fff1 inset;-webkit-backdrop-filter:blur(5px) brightness(1.2);backdrop-filter:blur(5px) brightness(1.2);font-size:1.5rem;transition:backdrop-filter .2s linear}.HomePage .AppBtn:hover{-webkit-backdrop-filter:blur(7px) brightness(1.7);backdrop-filter:blur(7px) brightness(1.7)}.TodoPage{padding:1rem}.TodoPage .TodoList{width:500px;max-width:100%;overflow-y:auto;display:flex;flex-direction:column-reverse;margin-top:1rem;font-size:1.5rem}.TodoPage .TodoList .TodoItem{padding:.5rem;border-bottom:1px solid rgb(80,80,80);display:flex;align-items:center;gap:.5rem;accent-color:rgb(107,27,27)}.TodoPage .TodoList .TodoItem:hover{background-color:#282828}.TodoPage .TodoList .TodoItem>:last-child{margin-left:auto}.TodoPage input[type=text]{width:500px;max-width:100%;font-size:1.5rem;padding:.5rem;border:1px solid rgb(80,80,80);border-radius:.25rem;background-color:#1e1e1e;color:#ffffffde;margin-top:1rem}.LoginPage{--glowColor: hsl(214, 43%, 40%);background:radial-gradient(#ffffff07,#000);flex:100%;display:grid;grid-template-rows:2fr auto 1fr;align-items:center;justify-items:center;height:100%;width:100%;padding:1rem}.LoginPage:before{content:"";position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:url(/stars.svg);background-size:18px;-webkit-mask-image:linear-gradient(#0000,#00000013,#00000006);mask-image:linear-gradient(#0000,#00000013,#00000006)}.LoginPage h1{color:#fff;font-size:4rem;margin:0;padding:0}.LoginPage .LoginForm{-webkit-backdrop-filter:blur(2px) brightness(.9);backdrop-filter:blur(2px) brightness(.9);background:unset;display:flex;flex-direction:column;padding:2rem;border-radius:10px;box-shadow:0 0 10px 1px var(--glowColor);color:#fff;min-width:300px;max-width:90vw}.LoginPage .LoginForm .Header{text-align:center;margin-bottom:1rem}.LoginPage .LoginForm .LoginInput{display:flex;flex-direction:column;margin-bottom:1rem}.LoginPage .LoginForm .LoginInput>label{padding-left:.2rem;display:flex;gap:.5rem;margin-bottom:.1rem;align-items:center;text-align:left;font-weight:200;font-size:1.2em}.LoginPage .LoginForm .LoginInput>input{padding:.5rem;background-color:#1f1f1f;border-radius:5px;border:none;outline:none;font-size:1rem;transition:box-shadow .3s}.LoginPage .LoginForm .LoginInput>input:focus{box-shadow:0 0 3px 1px var(--glowColor) inset}.LoginPage .LoginForm .LoginInput>input:is(:-webkit-autofill,:autofill :-moz-autofill){box-shadow:0 0 3px 1px var(--glowColor) inset,0 0 0 999px #1f1f1f inset;-webkit-text-fill-color:#fff!important}.LoginPage .LoginForm>button{padding:.75rem;border:none;border-radius:5px;background-color:var(--glowColor);color:#000;font-size:1rem;cursor:pointer;transition:box-shadow .2s,background-color .2s}.LoginPage .LoginForm>button:hover{background-color:hsl(from var(--glowColor) h s 50%);box-shadow:0 0 5px 2px var(--glowColor)}.MessageContainer{position:absolute;top:1rem;width:100%;left:0;display:flex;flex-direction:column;z-index:1000}@keyframes popIn{to{scale:1;opacity:1}}@keyframes popOut{to{scale:0;opacity:0;margin-top:0;height:0px;padding:0}}.message{animation:popIn .5s forwards;color:#eee;opacity:0;scale:0;padding:.5rem;border-radius:.5rem;font-size:.9rem;width:fit-content;margin:auto;margin-top:.5rem}.message>button{margin-left:.5rem;background-color:transparent;border:none;padding:2px;color:#eee;cursor:pointer}.message>button:hover{color:#ccc}.info-message{background:#6e6c44}.error-message{background:#532e2e}.warning-message{background:#804c22}.closing-message{opacity:1;scale:1;height:0px;animation:popOut .5s forwards}