@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap";:root{--bg:#02061f;--bg-dark:#010310;--bg-light:#060b29;--text:#e1f0ff;--text-muted:#c2d6eb;--highlight:#496297;--highlight-gradient:linear-gradient(to right, #8bdeda, #43add0, #998ee0, #e17dc2, #ef9393);--danger:#ff383c}*{margin:0;padding:0;font-family:Pixelify Sans,sans-serif;font-weight:100}body{background-color:var(--bg);color:var(--text)}.highlighted{background:var(--highlight-gradient);color:#0000;border:0 solid;border-bottom-width:1px;border-image:var(--highlight-gradient) 1;-webkit-background-clip:text;background-clip:text}body{flex-direction:column;display:flex}.desktop{width:100vw;height:100vh;position:fixed}.app{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:color-mix(in srgb, var(--bg-light) 100%, transparent 50%);width:100%;height:calc(100% - 2rem)}.openButton{background-color:var(--bg-dark);border:2px solid var(--highlight);width:90px;height:100px;color:var(--text);margin:5px;padding:5px;transition:all .2s}.openButton:hover{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.1}.openButton:active{background:var(--highlight-gradient);transition:all .1s;scale:1.2}.openButton img{width:40px;height:auto}input{border:3px ridge var(--highlight);background-color:var(--bg-light);width:100%;color:var(--text);margin:3px;padding:2px;font-size:1rem}.topBar{background-color:var(--bg-light);border:0 solid;border-bottom-width:2px;border-image:var(--highlight-gradient) 1;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;align-items:center;height:2.5rem;padding:2px;display:flex}.topBar .clock{margin-right:10px}.window{z-index:1000;border:2px solid var(--highlight);background-color:#0000;position:fixed}.window .handle{background-color:var(--bg-dark);-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;align-items:center;padding:2px;display:flex}.window h2{font-size:1.5rem}.window button{color:var(--danger);background-color:#0000;border:0;height:1rem;margin-right:10px;font-size:1.1rem}.window .content{width:100%;height:100%}.aboutApp{flex-direction:column;align-items:center;display:flex}.aboutApp .logo{-webkit-user-select:none;user-select:none;font-size:5rem}.aboutApp p{text-align:center;width:80%;margin-top:20px}.aboutApp a{color:var(--text);-webkit-user-select:none;user-select:none;margin:20px;text-decoration:none;display:flex}.aboutApp a div p{width:100%;margin:0}.aboutApp a div{background-color:var(--bg-dark);border:3px ridge var(--highlight);align-items:center;width:15rem;height:2rem;transition:all .2s;display:flex}.aboutApp a div:hover{border-image:var(--highlight-gradient) 1;transition:all .2s;scale:1.1}.notesApp{flex-direction:row;width:100%;height:calc(100% - 2rem);display:flex}.notesApp button{width:95%;height:auto;color:var(--text);background-color:var(--bg-light);border:2px solid var(--highlight);margin-top:5px;margin-left:auto;margin-right:auto;padding:5px;transition:all .1s}.notesApp button:hover{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.05}.notesApp button:active{background:var(--highlight-gradient);transition:all .1s;scale:1.1}.notesApp .sideBar{background-color:var(--bg-dark);border:0 solid;border-right-width:2px;border-color:var(--highlight);flex-direction:column;align-items:center;width:150px;height:100%;display:flex;overflow:hidden scroll}.notesApp .sideBar hr{width:100%;color:var(--text)}.notesApp .controls{background-color:var(--bg-dark);border:0 solid;border-bottom-width:2px;border-color:var(--highlight);justify-content:center;align-items:center;height:50px;padding:5px;display:flex}.notesApp .controls button{width:auto;height:2rem;font-size:1rem}.notesApp input{border:2px solid var(--highlight);width:100%;color:var(--text);background-color:var(--bg-light);height:1.5rem}.notesApp .editorArea{flex-direction:column;width:calc(100% - 150px);height:100%;display:flex}.notesApp textarea{width:100%;height:100%;color:var(--text);background-color:#0000;border:0;margin:5px}.settingsApp{flex-direction:column;align-items:center;display:flex}.settingsApp button{width:95%;height:auto;color:var(--text);background-color:var(--bg-light);border:2px solid var(--highlight);margin-top:5px;margin-left:auto;margin-right:auto;padding:5px;transition:all .1s}.settingsApp button:hover{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.05}.settingsApp button:active{background:var(--highlight-gradient);transition:all .1s;scale:1.1}.settingsApp input{border:2px solid var(--highlight);width:95%;color:var(--text);background-color:var(--bg-light);height:1.5rem;margin-top:5px}.settingsApp .simpleShareIntegration{background-color:var(--bg-light);border:3px ridge var(--highlight);flex-direction:column;align-items:center;width:95%;margin:5px;padding:0;display:flex}.settingsApp .simpleShareIntegration form{flex-direction:column;align-items:center;width:100%;margin:5px;display:flex}.settingsApp .simpleShareIntegration form *{outline:none;padding:5px;transition:all .1s}.settingsApp .simpleShareIntegration form input[type=submit]{height:2rem}.settingsApp .simpleShareIntegration form input[type=submit]:hover{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.05}.settingsApp .simpleShareIntegration p{font-family:Inter;font-size:2rem;font-weight:400}.settingsApp .simpleShareIntegration span{color:#0000;background:linear-gradient(90deg,#6792ff,#5ef78c);-webkit-background-clip:text;background-clip:text;font-family:Inter;font-weight:400}.settingsApp .simpleShareIntegration button{color:var(--danger);border-color:var(--danger);background-color:color-mix(in srgb, var(--bg-light) 100%, var(--danger) 10%);margin:5px}.settingsApp .simpleShareIntegration button:hover{border-color:var(--danger)}.settingsApp hr{border:1px solid;border-image:var(--highlight-gradient) 1;width:100%;margin-top:5px;margin-bottom:5px}.calculatorApp{flex-direction:column;align-items:center;display:flex}.calculatorApp button{width:95%;height:auto;color:var(--text);background-color:var(--bg-light);border:2px solid var(--highlight);margin:2px;padding:5px;transition:all .1s}.calculatorApp .keypad{grid-template-rows:25% 25% 25% 25%;grid-template-columns:25% 25% 25% 25%;width:95%;height:100%;display:grid}.calculatorApp .keypad .operator{background-color:var(--bg-dark)}.calculatorApp .display{border:2px solid var(--highlight);background-color:var(--bg-light);flex-direction:column;justify-content:center;align-items:flex-end;width:95%;height:3rem;margin:5px;display:flex}.calculatorApp .display .equation{height:.8rem;font-size:.8rem}.calculatorApp .display .currentNumber{height:1.4rem;font-size:1.4rem}.calculatorApp button:hover{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.05}.calculatorApp button:active{background:var(--highlight-gradient);transition:all .1s;scale:1.1}.imageViewerApp button{color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:auto 5px 5px;padding:10px 5px;display:flex}.imageViewerApp button:hover{border-image:var(--highlight-gradient) 1}.imageViewerApp button:active{background:var(--highlight-gradient);transition:all .5s}.imageViewerApp .controls{flex-direction:row;align-items:center;height:40px;display:flex}.imageViewerApp .imageContainer{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:calc(100% - 40px);display:flex;overflow:hidden}.imageViewerApp .imageContainer:active{cursor:grabbing}.imageViewerApp .imageContainer img{object-fit:contain;pointer-events:none;transform-origin:50%;will-change:transform;max-width:none;max-height:none}.imageViewerApp input{background-color:var(--bg-light);border:5px ridge var(--highlight);color:var(--text);width:70%;max-width:70%;height:1.5rem;margin:5px}.imageViewerApp .open{flex-direction:column;align-items:center;padding:10px;display:flex}.imageViewerApp .open button{margin-top:5px}.musicPlayerApp button{color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:auto 5px 5px;padding:10px 5px;display:flex}.musicPlayerApp input{background-color:var(--bg-light);border:5px ridge var(--highlight);color:var(--text);width:70%;max-width:70%;height:1.5rem;margin:5px}.musicPlayerApp .open{flex-direction:column;align-items:center;padding:10px;display:flex}.musicPlayerApp .open button{margin-top:5px}.musicPlayerApp .play{flex-direction:column;justify-content:center;align-items:center;display:flex}.musicPlayerApp .play img{object-fit:contain;width:80%;margin:auto}.musicPlayerApp .play .controls{flex-direction:row;justify-content:center;align-items:center;width:95%;display:flex}.musicPlayerApp .play .controls button{width:40px;height:40px;padding:2px}.musicPlayerApp .play .controls button img{object-fit:contain;width:100%;height:100%;margin:0}.musicPlayerApp p{text-align:center}.simpleShareBrowserApp{flex-direction:column;align-items:center;display:flex;overflow-y:scroll}.simpleShareBrowserApp .files{flex-direction:column;align-items:center;width:95%;margin:10px;display:flex}.simpleShareBrowserApp .files .folderComponent{background-color:var(--bg-dark);border:1px solid var(--highlight);flex-direction:column;width:98%;margin:2px;padding:2px;display:flex}.simpleShareBrowserApp .files .folderComponent .collapseControls{background-color:var(--bg-dark);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:2rem;display:flex;position:sticky;top:0}.simpleShareBrowserApp .files .folderComponent div{align-items:center;display:flex}.simpleShareBrowserApp .files .folderComponent hr{width:100%}.simpleShareBrowserApp .files .folderComponent .content{flex-direction:column;align-items:center;display:flex}.simpleShareBrowserApp .files .folderComponent img{object-fit:contain;width:20px;height:20px}.simpleShareBrowserApp .files .fileComponent{background-color:var(--bg-light);border:1px solid var(--highlight);flex-direction:row;justify-content:space-between;align-items:center;width:98%;height:2rem;margin:2px;padding:2px;display:flex}.simpleShareBrowserApp .files .fileComponent div{align-items:center;display:flex}.simpleShareBrowserApp .files .fileComponent img{object-fit:contain;width:20px;height:20px}.simpleShareBrowserApp .files .fileComponent button{color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:auto 5px 5px;padding:10px 5px;display:flex}.simpleShareBrowserApp .files .fileComponent button:hover{border-image:var(--highlight-gradient) 1}.simpleShareBrowserApp .files .fileComponent button:active{background:var(--highlight-gradient);transition:all .5s}.simpleShareBrowserApp form{width:95%;margin-top:5px;display:flex}.simpleShareBrowserApp .quotaDisplay{align-items:center;width:95%;height:1.5rem;display:flex}.simpleShareBrowserApp .quotaBar{border:2px solid var(--highlight);background-color:var(--bg-light);width:100%;height:10px;margin:5px;display:flex;overflow:hidden}.simpleShareBrowserApp .quotaBar .filled{background-color:#5ef78c;height:100%}.simpleShareBrowserApp .quotaDisplay p{white-space:nowrap;width:fit-content}