@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--os-bg:#000;--panel-bg:#fff6;--panel-border:#fff3;--panel-blur:24px;--text-main:#1d1d1f;--text-muted:#86868b;--accent:#06c;--shadow:0 8px 32px #0000001a}[data-theme=dark]{--panel-bg:#1e1e20a6;--panel-border:#ffffff1a;--text-main:#f5f5f7;--text-muted:#86868b;--accent:#2997ff;--shadow:0 8px 32px #0000004d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{-webkit-user-select:none;user-select:none;background-color:var(--os-bg);overflow:hidden}.glass{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--panel-border);box-shadow:var(--shadow)}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:var(--shadow)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}p,span,div{color:var(--text-main)}button{cursor:pointer;color:var(--text-main);background:0 0;border:none;transition:all .2s}button:active{transform:scale(.96)}input{border:1px solid var(--panel-border);color:var(--text-main);background:#0000001a;border-radius:6px;outline:none;padding:8px 12px}[data-theme=dark] input{background:#ffffff0d}input:focus{border-color:var(--accent)}#root{width:100vw;height:100vh}.desktop-container{background-position:50%;background-size:cover;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.desktop-icons-area{z-index:1;pointer-events:none;flex-direction:column;flex:1;align-items:flex-start;gap:20px;width:100%;height:calc(100% - 48px);padding:20px;display:flex;position:absolute;top:0;left:0}.desktop-icon{pointer-events:auto;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:80px;padding:10px;transition:background .2s;display:flex}.desktop-icon:hover{background:#ffffff1a}.desktop-icon-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0000001a}.desktop-icon span{color:#fff;text-shadow:0 1px 3px #000c;text-align:center;font-size:13px;font-weight:500}.taskbar{z-index:9999;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0}.taskbar-left,.taskbar-center,.taskbar-right{align-items:center;gap:12px;height:100%;display:flex}.taskbar-center{position:absolute;left:50%;transform:translate(-50%)}.taskbar-btn{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.taskbar-btn.active:after{content:"";background-color:var(--accent);border-radius:3px;width:16px;height:3px;position:absolute;bottom:0}.taskbar-btn:hover{background:#ffffff1a}[data-theme=light] .taskbar-btn:hover{background:#0000000d}.start-btn{color:var(--accent)}.sys-tray-item{border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.sys-tray-item:hover{background:#ffffff1a}[data-theme=light] .sys-tray-item:hover{background:#0000000d}.os-window{will-change:transform, width, height;border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.os-window.maximized{border:none;border-radius:0}.os-window.minimized{display:none}.window-header{cursor:grab;border-bottom:1px solid var(--panel-border);background:#ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.window-header:active{cursor:grabbing}.window-title{-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.window-controls{gap:8px;display:flex}.window-control-btn{border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;transition:opacity .2s;display:flex}.window-control-btn:hover{opacity:.8}.btn-close{background-color:#ff5f56}.btn-minimize{background-color:#ffbd2e}.btn-maximize{background-color:#27c93f}.window-content{background:0 0;flex:1;position:relative;overflow:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#86868b66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#86868b99}.resize-handle{cursor:nwse-resize;z-index:10;width:16px;height:16px;position:absolute;bottom:0;right:0}.resize-handle:after{content:"";border-bottom:2px solid #ffffff80;border-right:2px solid #ffffff80;border-radius:2px;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.start-menu{z-index:10000;border-radius:16px;flex-direction:column;width:500px;height:600px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.start-search-bar{border:1px solid var(--panel-border);background:#0003;border-radius:20px;align-items:center;gap:12px;padding:12px 16px;display:flex}[data-theme=light] .start-search-bar{background:#fff6}.start-search-bar input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:0}.start-menu-grid{flex:1;padding:16px 0}.start-app-icon{cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.start-app-icon span{text-align:center;font-size:12px;font-weight:500}.start-app-icon:hover{background:#ffffff1a;transform:translateY(-2px)}[data-theme=light] .start-app-icon:hover{background:#0000000d}.start-menu-footer{border-top:1px solid var(--panel-border);background:#0003;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}[data-theme=light] .start-menu-footer{background:#fff3}.power-btn{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.power-btn:hover{background:#ffffff1a}[data-theme=light] .power-btn:hover{background:#0000000d}.context-menu{z-index:100000;border-radius:8px;flex-direction:column;min-width:180px;padding:8px 0;display:flex;position:absolute}.context-menu-item{text-align:left;border-radius:0;width:100%;padding:10px 16px;font-size:13px;font-weight:500}.context-menu-item:hover{background:#ffffff1a}[data-theme=light] .context-menu-item:hover{background:#0000000d}