html,body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.fade-out{animation:fadeOut .5s ease-out forwards}.fade-in{animation:fadeIn .5s ease-in forwards}.pop-in{animation:popIn .2s ease-in forwards}.centered-div{display:flex;justify-content:center;align-items:center;flex-direction:column}.initial-loading-wallpaper{background-image:url(/wallpapers/loading-wallpaper.jpg);background-size:cover;background-position:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.initial-loading-text{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.7);text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:1}.base-window{border-radius:23px;box-shadow:5px 5px 15px #00000080;background-color:#fff;width:80%;height:80%;display:flex;flex-direction:column}.base-window-top{width:100%;height:30px;border-radius:20px 20px 0 0;background-color:#272727;box-shadow:0 5px 12px #00000080;z-index:5}.content-area{flex-grow:1;overflow-y:auto;padding:20px;border-radius:0 0 20px 20px;border:2px solid rgb(39,39,39);z-index:2;max-height:calc(100% - 30px)}.close-button{position:absolute;right:10px;background:none;border:none;color:#ffffff60;font-size:18px;cursor:pointer}.close-button:hover{color:red}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;padding:20px;margin:0 auto;width:90%;height:90%}.app-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;border-radius:10px;transition:transform .2s ease,background-color .2s ease;width:150px;height:150px;max-height:120px;overflow:hidden}.app-item:hover{transform:scale(1.1);background-color:#ffffff1a}.app-icon{width:70px;height:70px;max-width:70px;max-height:70px;object-fit:contain}.app-name{display:-webkit-box;-webkit-line:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-align:center;font-size:14px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;word-wrap:break-word;word-break:break-word}.qr-scrollable{overflow-y:auto;display:flex;flex-direction:row;height:100%;width:95%;max-width:100%;max-height:100%;padding:0;margin:auto;font-family:Arial,sans-serif;border-radius:16px;flex-wrap:nowrap}.qr-container{display:flex;flex-direction:row;gap:40px;height:90%;width:95%;max-width:100%;max-height:100%;padding:20px;margin:0 auto;font-family:Arial,sans-serif;background-color:#f9f9f9;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex-wrap:nowrap}.qr-left,.qr-right{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.qr-left{gap:90px}.qr-right{justify-content:center}.qr-title{margin-bottom:16px;color:#333;font-size:1.8rem}.qr-textarea{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:1px solid #ccc;resize:none;box-sizing:border-box}.qr-code-wrapper{background-color:#fff;padding:16px;display:inline-block;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.qr-button{padding:10px 20px;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.qr-button:hover{background-color:#0056b3}@media (max-width: 768px){.qr-container{flex-direction:column;height:auto;max-height:none;overflow-y:auto;gap:24px;padding:20px}.qr-left,.qr-right{width:100%;height:auto;align-items:auto}.qr-left{gap:10px}.qr-code-wrapper{align-self:center}.qr-title{font-size:1.5rem}.qr-textarea{font-size:.9rem}.qr-button{font-size:.9rem;width:100%;padding:8px 16px}}.wallpaper{background-image:url(/wallpapers/wallpaper.png);background-size:cover;background-position:center;width:100vw;height:100vh;padding:0%;margin:0%}.main-container{position:relative;width:100vw;height:100vh;overflow:hidden}.windows-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;justify-content:center;align-items:center;pointer-events:none}.windows-container>*{pointer-events:auto}