.app{background:linear-gradient(to bottom, #eff0ff, var(--accent-color-10));width:100vw;height:100vh;display:flex;overflow:hidden}.app>.content-container{flex-grow:1;height:100%;padding:10px 10px 10px 0}.app>.content-container>.content{background-color:#ffffffbf;border-radius:20px;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:relative;box-shadow:0 4px 15px #00000018}.app>.content-container .content .content-header{width:100%}.app .content>.content-wrapper-container{justify-content:center;align-items:start;width:100%;height:100%;padding:0 40px;display:flex;overflow:hidden scroll}.app .content .content-wrapper{width:100%;max-width:1200px;height:fit-content}@media screen and (max-width:900px){.app>.content-container{width:100%;height:100%;padding:0}.app>.content-container .content{background-color:#0000}.app .content>.content-wrapper-container{width:100%;padding:0;overflow:hidden scroll}.app .content>.content-wrapper-container>.content-wrapper{width:100%;height:fit-content;padding:0 10px!important}}.app .content textarea.home-prompt{opacity:.8;background-color:#eee;border:1px solid #f3f4ff;border-radius:20px;width:100%;padding:20px;scale:.97;box-shadow:0 3px 7px #00000005}.app .content textarea.home-prompt:hover{scale:.98}.app .content textarea.home-prompt:focus{opacity:1;background-color:#fff;border:1px solid #c9cdff;scale:1;box-shadow:0 3px 10px #03009938}.drag-and-drop-media-upload-area{cursor:pointer;color:#474747;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px dashed #b9b9b9;border-radius:20px;justify-content:center;align-items:center;width:100%;height:15vh;padding:20px;display:flex}.drag-and-drop-media-upload-area:hover{background-color:var(--accent-color-10)}.drag-and-drop-media-uploaded{color:#f5f5f5;background-color:var(--accent-color-70);border-radius:20px;justify-content:center;align-items:center;width:100%;height:6vh;padding:10px 20px;display:flex}#drag-and-drop-file-input{display:none}.note-viewer-container{background-color:#0000;border-radius:0;width:100%;padding:20px 0}@media screen and (max-width:900px){.note-viewer-container{background-color:#fff;border-radius:25px;width:100%;padding:20px;box-shadow:0 5px 15px #00000026}}.mobile-backpack-accessible-btn{aspect-ratio:1;background-color:var(--accent-color);color:#fff;cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:fit-content;padding:15px;display:none;position:fixed;bottom:40px;right:20px;box-shadow:0 8px 24px #959da566}@media screen and (max-width:1150px){.mobile-backpack-accessible-btn{z-index:3;justify-content:center;align-items:center;display:flex}}.accent-color-gradient-text{background:linear-gradient(to bottom, var(--accent-color-70), var(--accent-color));color:#0000;-webkit-background-clip:text;background-clip:text}.accent-color-gradient-dark-text{background:linear-gradient(to bottom, var(--accent-color-70), #0c1376);color:#0000;-webkit-background-clip:text;background-clip:text}button.apple-special{background:linear-gradient(60deg, var(--accent-color-50), #ee0672c7)}.backpack-subject-note-item{cursor:pointer;background-color:#fff;border:1px solid #ececec;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;height:fit-content;padding:20px;display:flex;box-shadow:0 8px 10px -10px #2123261a}.backpack-subject-note-item>.backpack-subject-note-item-select-box{aspect-ratio:1;color:#fff;background:0 0;border:1px solid #636363;border-radius:8px;justify-content:center;align-items:center;width:25px;display:flex}.backpack-subject-note-item>.backpack-subject-note-item-select-box.selected{background:var(--accent-color);border:1px solid var(--accent-color)}.backpack-subject-note-item>.backpack-subject-note-item-icon{aspect-ratio:1;justify-content:center;align-items:center;width:fit-content;height:100%;display:flex}.backpack-subject-note-item>.backpack-subject-note-item-info{flex-direction:column;width:100%;display:flex}.backpack-subject-note-item:hover{background-color:var(--accent-color-10)}.backpack-subject-note-item:active{background-color:var(--accent-color-30)}@media screen and (max-width:900px){.hide-on-mobile{display:none}}