*{margin:0;padding:0;box-sizing:border-box;color:var(--text-color)}html,body{height:100%;font-family:sans-serif;line-height:1.5;overflow:hidden}img,picture,video,canvas,svg{display:block;width:100%}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.desktop{width:100%;height:100vh;background-position:center center;background-size:cover;object-fit:cover;flex:1;z-index:7;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-start;padding:1rem}.desktop-icons-container{display:grid;grid-auto-flow:column;grid-auto-columns:80px;grid-template-rows:repeat(auto-fill,80px);gap:10px;height:100%;width:100%;box-sizing:border-box;overflow:hidden}.desktop-icon-lable{width:5rem;display:flex;flex-direction:column;cursor:pointer;align-items:center;text-align:center;transition:background .2s,border .2s;padding:.4rem;border-radius:6px}.desktop-icon-lable:hover{background:#fff3;border:1px solid rgba(255,255,255,.3)}.desktop-icon-lable .dt-icon img{width:2rem;height:2rem}.desktop-icon-lable .lable{font-size:.75rem;color:#fff;margin-top:.3rem;text-shadow:1px 1px 2px black}.Window{position:absolute;width:700px;height:400px;background:var(--bg-color);border-radius:6px;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000004d;overflow:hidden}.Window.maximized{top:0!important;left:0!important;transform:none!important;width:100vw!important;height:100vh!important;border-radius:0}.Window.minimized{display:none}.window-content{width:100%;height:calc(100% - 31.6px);scroll-behavior:auto;background:var(--bg-color)}.window-content h2{color:var(--text-color);font-size:.8rem}.window-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-color);color:var(--text-color);outline:none;cursor:grab;-webkit-user-select:none;user-select:none}.win-first{display:flex;align-items:center;gap:.4rem;margin-left:.6rem}.win-first img{width:15px}.win-first .window-header-title{font-size:12px;margin:0}.window-actions-btn{display:flex;gap:.4rem}.window-actions-btn div{padding:.2rem;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:2px;cursor:pointer}.window-actions-btn div img{filter:var(--icon-filter);width:16px;height:16px}.window-actions-btn div:hover{background-color:var(--bg-new-color)}.ic-close:hover{background:#c0392b!important}.notecontent{display:flex;flex-direction:column;width:100%;height:100%}.header-content{display:flex;gap:1rem;font-size:.7rem;height:1.2rem;margin-left:.6rem}.input-area{display:flex;flex:1}.input-area textarea{flex:1;height:100%;outline:none;color:var(--text-color);background-color:#282828;border:none;resize:none}.camera-container{position:relative;display:flex;gap:1rem;align-items:center;justify-content:center;width:100%;height:100%;background:#111;overflow:hidden;padding-right:1rem}.camera-preview{position:relative;flex:1;overflow:hidden}.camera-preview video{width:100%;height:100%;object-fit:cover}.capture-btn{margin-top:15px;width:50px;height:50px;border-radius:50%;border:5px solid white;background:#ff3b30;cursor:pointer}.windows-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9}.windows-layer>*{pointer-events:auto}.context-menu{padding:.4rem;border-radius:10px;background-color:#1b244b}.container{display:flex;flex-direction:column;gap:.2rem}.container li{color:#fff;padding:.2rem .4rem;border-radius:5px;font-size:.9rem}.container li:hover{background-color:#0000004d}.taskbar{width:100%;height:2.6rem;background-color:#1a1818;z-index:10;-webkit-user-select:none;user-select:none}img{width:1.5rem}.task-container{width:100%;height:100%}.task-container{display:flex;justify-content:space-between}.start-left-side{display:flex}.start-center-side{display:flex;align-items:center;gap:.6rem}.icon{width:fit-content;height:100%}.search-icon img{filter:var(--icon-filter)}.icon,.pin-app-icon{display:flex;align-items:center;padding:.2rem .4rem}.pinned-apps{display:flex;gap:.6rem}.pin-app-icon.active{background-color:#fff3;border-bottom:3px solid #0078d7}.pin-app-icon.minimized{border-bottom:3px solid #0078d7;background-color:transparent;opacity:.8}.system-tray-right-side{display:flex;align-items:center;justify-content:center;padding:1rem;gap:.2rem}.arrow-icon{padding:.4rem;border-radius:5px}.arrow-icon img{width:12px}.arrowimg{filter:var(--icon-filter)}.arrow-icon:hover{background-color:#ffffff1a;cursor:pointer}.systems-icons{gap:.6rem;display:flex;padding:.4rem;border-radius:5px}.systems-icons:hover{background-color:#ffffff1a;cursor:pointer}.systems-icons .ui-icon img{filter:var(--icon-filter);width:15px}.timeanddata{padding:.2rem .4rem}.timeanddata:hover{background-color:#ffffff1a;cursor:pointer;border-radius:5px}.timeanddata p{font-size:.65rem;color:var(--text-color)}.smsyoption{position:absolute;bottom:4rem;left:-28%;background-color:var(--bg-color);padding:.8rem;border-radius:5px}.sm-container{max-width:50px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.item{width:fit-content}.item img{width:20px}.system-options{right:2rem;padding:1.4rem;border-radius:10px;position:absolute;bottom:4rem;background-color:var(--bg-color)}.so-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.so-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.heading{white-space:nowrap;font-size:.7rem;color:var(--text-color)}.so-img{padding:1rem 2.5rem;border-radius:5px;background-color:var(--bg-new-color);cursor:pointer}.so-img img{width:18px;filter:var(--icon-filter)}.so-indicator{display:flex;flex-direction:column;padding:1rem 0}.indi-icon img{width:20px;height:20px;filter:var(--icon-filter)}.indi-icon{display:flex;padding:.8rem;align-items:center;gap:.4rem}.indi-icon input{flex-grow:1}.indi-icon .volume-slider,.brightness-slider{height:.2rem}.indi-icon .volume-value,.brightness-value{font-size:.9rem;color:var(--text-color)}.mainlayout{width:100%;height:100vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.mainlayout.light{--bg-color: #e6edf8;--text-color: #000;--taskbar-color: #f2f2f2;--bg-new-color: white;--icon-filter: brightness(0)}.mainlayout.dark{--bg-color: #1e1e1e;--text-color: #fff;--taskbar-color: rgb(26, 24, 24);--icon-filter: brightness(0) invert(1);--bg-new-color: rgba(255, 255, 255, .06)}.desktop{background-color:var(--bg-color);color:var(--text-color)}.taskbar{background-color:var(--taskbar-color)}.startmenu{position:absolute;bottom:4rem;left:50%;transform:translate(-50%);padding:.2rem;z-index:8}.startmenu-container{width:40vw;height:80vh;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--bg-color);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.main-content{padding:1.5rem 3rem}.pin-section .pin-top-btn{display:flex;justify-content:space-between}.pin-top-btn{display:flex}.pin-section .pin-top-btn h2{font-size:1rem;font-weight:400;color:var(--text-color)}.pin-top-btn button{color:var(--text-color);background-color:var(--taskbar-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;padding:.1rem .6rem;font-size:.8rem;outline:none;border:none;cursor:pointer}.pin-apps-list{display:grid;padding:1.5rem 0;grid-template-columns:repeat(6,1fr)}.recommended-list{display:grid;grid-template-columns:repeat(6,1fr)}.pin-apps-list .app{width:4rem;display:flex;flex-direction:column;padding:.6rem;justify-content:center;align-items:center;cursor:pointer}.pin-apps-list .app:hover{border-radius:5px;background-color:var(--bg-new-color)}.pin-apps-list .app .icon img{width:2rem}.pin-apps-list .app .title{font-size:.6rem;text-align:center;white-space:nowrap;color:var(--text-color)}.recommended-section h2{font-size:1rem;font-weight:400;color:var(--text-color)}.recommended-list{display:flex;flex-wrap:wrap}.recommended-app{width:50%;display:flex;padding:.8rem 0;align-items:center;gap:.4rem;cursor:pointer}.recommended-app:hover{background-color:var(--bg-new-color);border-radius:5px}.recommended-app .title{font-size:.8rem;color:var(--text-color)}.profile-content{padding-left:3rem;padding-right:3rem;display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.profile-ic-container{display:flex;align-items:center;gap:1rem}.profile-ic-container .profile-name{font-size:.9rem}.profile-ic-container .profile-icon img{border-radius:50%;width:30px}.profile-content .power-btn{padding:.4rem;cursor:pointer}.profile-content .power-btn:hover{padding:.4rem;cursor:pointer;background-color:var(--bg-new-color);border-radius:2px}.profile-content .power-btn img{width:20px;filter:var(--icon-filter)}.profile-content .power-btn{position:relative}.profile-content .power-btn .power-option{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background-color:var(--bg-new-color);border-radius:5px;padding:.3rem 0;min-width:120px;z-index:10;padding:.4rem;margin-bottom:1rem}.power-option .option{display:flex;align-items:center;gap:.6rem;padding:.4rem;cursor:pointer;border-radius:5px}.power-option .option:hover{background:var(--bg-new-color)}.power-option .option p{white-space:nowrap;font-size:.8rem}