.desktop-icons{left:24px;top:96px;bottom:84px;width:238px;display:flex;flex-direction:column;gap:0;padding:10px;border:1px solid rgba(134,213,234,.18);background:linear-gradient(180deg,rgba(8,18,29,.88),rgba(5,12,20,.78));box-shadow:16px 20px 60px rgba(0,0,0,.3);backdrop-filter:blur(18px);transition:width .3s ease}.dock-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 14px;border-bottom:1px solid var(--line)}.dock-heading small,.dock-heading b{display:block}.dock-heading small{color:#5e7481;font:9px var(--mono);letter-spacing:.12em}.dock-heading b{margin-top:4px;font-size:14px}.dock-heading button{display:grid;place-items:center;width:30px;height:30px;color:var(--cyan);border:1px solid var(--line);background:rgba(110,231,255,.04);font:18px var(--mono);cursor:pointer;transition:.25s}.dock-heading button:hover{background:rgba(110,231,255,.1)}.dock-apps{display:grid;gap:5px;margin-top:9px;overflow-y:auto}.desktop-icon{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;justify-items:stretch;gap:11px;width:100%;padding:8px;color:#aebbc3;border:1px solid transparent;border-radius:2px;background:transparent;text-align:left;transition:background .2s,border-color .2s,transform .2s}.desktop-icon:hover,.desktop-icon:focus-visible{border-color:rgba(110,231,255,.2);background:rgba(110,231,255,.065);transform:translateX(3px);outline:none}.desktop-icon.active{border-color:rgba(110,231,255,.32);background:linear-gradient(90deg,rgba(110,231,255,.12),rgba(110,231,255,.035))}.desktop-icon.active:before{content:'';position:absolute;left:-11px;top:10px;bottom:10px;width:3px;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.desktop-icon.running:not(.active):before{content:'';position:absolute;left:-8px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.icon-glyph{width:42px;height:42px;box-shadow:4px 5px 0 rgba(110,231,255,.045);transition:.25s}.desktop-icon:hover .icon-glyph,.desktop-icon.active .icon-glyph{color:#061016;background:var(--cyan);box-shadow:0 0 22px rgba(110,231,255,.18)}.icon-copy{min-width:0}.icon-copy b,.icon-copy small{display:block}.icon-copy b{color:#dbe6e9;font:500 12px var(--mono)}.icon-copy small{margin-top:4px;overflow:hidden;color:#627783;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.dock-state{align-self:start;margin-top:2px;color:#526a78;font:8px var(--mono);font-style:normal;text-transform:uppercase}.desktop-icon.active .dock-state{color:var(--cyan)}.desktop-icon.running:not(.active) .dock-state{color:var(--green)}.dock-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 8px 4px;border-top:1px solid var(--line);color:#607581;font:8px var(--mono)}.dock-footer span{display:flex;align-items:center;gap:7px}.dock-footer span i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.desktop.dock-collapsed .desktop-icons{width:70px}.desktop.dock-collapsed .dock-heading>div,.desktop.dock-collapsed .icon-copy,.desktop.dock-collapsed .dock-state,.desktop.dock-collapsed .dock-footer{display:none}.desktop.dock-collapsed .dock-heading{justify-content:center;padding:7px 0 10px}.desktop.dock-collapsed .dock-heading button{transform:rotate(180deg)}.desktop.dock-collapsed .dock-apps{overflow:visible}.desktop.dock-collapsed .desktop-icon{grid-template-columns:42px;justify-content:center;padding:7px}.desktop.dock-collapsed .desktop-icon:hover{transform:translateX(2px)}.desktop.dock-collapsed .desktop-icon:after{content:attr(title);position:absolute;left:64px;top:50%;z-index:120;width:max-content;max-width:220px;padding:9px 11px;color:#c9d5da;border:1px solid var(--line);background:#07111b;font:9px var(--mono);opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-5px);transition:.2s}.desktop.dock-collapsed .desktop-icon:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.os-window{left:calc(50% + 115px);width:min(1080px,calc(100vw - 330px));transition:left .3s,width .3s}.desktop.dock-collapsed .os-window:not(.maximized){left:calc(50% + 30px);width:min(1120px,calc(100vw - 145px))}.desktop.dock-collapsed .os-window.maximized{left:100px!important}.os-window.maximized{left:280px!important}.taskbar{left:24px}.start-menu{left:24px}@media(max-width:850px){.desktop-icons{left:12px;right:12px;top:78px;bottom:auto;width:auto;height:72px;display:block;padding:7px;overflow-x:auto;white-space:nowrap}.dock-heading,.dock-footer{display:none}.dock-apps{display:flex;gap:6px;margin:0;overflow:visible}.desktop-icon{display:inline-grid;grid-template-columns:40px;justify-content:center;width:52px;padding:5px;vertical-align:top}.desktop-icon:hover{transform:none}.desktop-icon.active:before{left:8px;right:8px;top:auto;bottom:-7px;width:auto;height:2px}.desktop-icon.running:not(.active):before{left:50%;top:auto;bottom:-5px}.icon-glyph{width:40px;height:40px}.icon-copy,.dock-state{display:none}.desktop.dock-collapsed .desktop-icons{width:auto}.os-window,.desktop.dock-collapsed .os-window:not(.maximized){left:10px;right:10px;top:160px;width:auto;height:calc(100vh - 228px);transform:none}.os-window.maximized,.desktop.dock-collapsed .os-window.maximized{left:10px!important;right:10px!important;top:82px!important;height:calc(100vh - 150px)!important}.taskbar{left:10px}.start-menu{left:10px}}@media(max-width:520px){.desktop-icons{top:70px}.os-window,.desktop.dock-collapsed .os-window:not(.maximized){top:150px;height:calc(100vh - 216px)}}