body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-image:url('https://t4.ftcdn.net/jpg/03/75/30/61/360_F_375306164_jxYAD4eDEo25XbZQlPAqWCqGLxTwjUtI.jpg');background-size:cover;background-repeat:no-repeat;overflow:hidden;color:#fff}
#desktop{position:absolute;top:0;left:0;width:100%;height:100%}
#menu-bar{position:fixed;top:0;left:0;width:100%;height:24px;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;padding:0 8px;font-size:14px}
.menu-item{margin-right:15px;cursor:pointer}
#dock{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;padding:8px;background-color:rgba(0,0,0,.4);backdrop-filter:blur(10px);border-radius:12px;z-index:1500}
.dock-item{width:48px;height:48px;margin:0 4px;border-radius:8px;background-color:rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px;transition:transform .2s ease-in-out}
.dock-item:hover{transform:scale(1.2)}
.window{position:absolute;background-color:rgba(45,45,45,.8);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.5);min-width:300px;min-height:200px;z-index:100;overflow:hidden;resize:both;position:absolute}
.window-title-bar{background-color:rgba(255,255,255,.05);color:#e0e0e0;padding:8px;cursor:move;display:flex;justify-content:space-between;align-items:center;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);user-select:none}
.window-title-bar-buttons{display:flex}
.window-title-bar-buttons button{width:12px;height:12px;border-radius:50%;border:none;margin-left:6px;cursor:pointer}
.window-title-bar-buttons button:nth-child(1){background-color:#ff5f56}
.window-title-bar-buttons button:nth-child(2){background-color:#ffbd2e}
.window-title-bar-buttons button:nth-child(3){background-color:#27c93f}
.window-content{padding:12px;color:#e0e0e0;overflow:auto;flex-grow:1}
.window-content textarea{width:100%;height:200px;box-sizing:border-box;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e0e0e0;border-radius:5px;padding:8px;resize:none}
.terminal-window{display:flex;flex-direction:column}
.terminal-window .window-content{background-color:#000;border-radius:0 0 10px 10px;padding:0;flex-grow:1;display:flex;flex-direction:column}
.terminal-output{padding:10px;height:180px;overflow-y:auto;white-space:pre-wrap;font-family:'Courier New',Courier,monospace;flex-grow:1}
.terminal-input-line{display:flex;align-items:center;padding:5px 10px;background-color:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}
.terminal-input-prompt{color:#0f0;margin-right:5px;user-select:none}
.terminal-input{flex-grow:1;background:transparent;border:none;color:#fff;font-family:'Courier New',Courier,monospace;outline:none}
.chrome-window{display:flex;flex-direction:column}
.chrome-window .window-content{display:flex;flex-direction:column;padding:0;flex-grow:1}
.chrome-url-bar{display:flex;padding:5px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}
.chrome-url-input{flex-grow:1;border:none;border-radius:12px;padding:5px 10px;background-color:rgba(255,255,255,.1);color:#fff;outline:none;font-size:12px}
.chrome-go-btn{background-color:rgba(255,255,255,.1);border:none;color:#fff;border-radius:12px;margin-left:5px;cursor:pointer;padding:5px 10px;flex-shrink:0}
.chrome-iframe-container{flex-grow:1}
.chrome-iframe{width:100%;height:100%;border:none}
#lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);backdrop-filter:blur(20px);z-index:3000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}
#lock-screen.fade-out{opacity:0;visibility:hidden}
.lock-screen-content{text-align:center}
.user-info{margin-bottom:30px}
.user-avatar{width:120px;height:120px;border-radius:50%;border:2px solid rgba(255,255,255,.2);margin-bottom:15px}
.user-name{font-size:24px;font-weight:500;color:#fff;margin:0}
.password-input-container{margin-bottom:20px}
.password-input{width:250px;padding:10px;border-radius:8px;border:none;background-color:rgba(255,255,255,.1);color:#fff;text-align:center;font-size:16px;outline:none;transition:background-color .3s}
.password-input:focus{background-color:rgba(255,255,255,.2)}
.login-button{padding:10px 20px;border-radius:8px;border:none;background-color:#007aff;color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s}
.login-button:hover{background-color:#005ecb}