:root{--bg-color:#000;--os-bg:url(https://images.unsplash.com/photo-1477346611705-65d1883cee1e?q=80&w=2070&auto=format&fit=crop);--window-bg:#fffffff2;--text-primary:#333;--dock-bg:#fff3;--dock-border:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);justify-content:center;align-items:center;height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}.device-container{background:#1a1a1a;border:2px solid #333;border-radius:20px;width:1200px;height:750px;transition:all .5s;position:relative;box-shadow:0 0 15px #007aff80,0 0 40px #007aff4d,0 20px 50px #000c}.cursor{vertical-align:middle;background:#0f0;width:8px;height:15px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.device-container:before{content:"";z-index:100;background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #333}.screen{background-image:var(--os-bg);background-position:50%;background-size:cover;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:50;background:#0000004d;justify-content:space-between;align-items:center;height:28px;padding:0 20px;font-size:12px;font-weight:600;display:flex}.top-bar-left{gap:20px;display:flex}.top-bar-right{gap:15px;display:flex}.top-bar-brand{object-fit:contain;width:16px;height:16px}.desktop{flex-direction:column;flex:1;align-items:flex-start;gap:20px;padding:20px;display:flex;position:relative}.app-icon{cursor:pointer;flex-direction:column;align-items:center;gap:8px;width:80px;transition:transform .2s;display:flex}.app-icon:hover{transform:scale(1.05)}.icon-box{color:#333;background:#ffffffe6;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex;box-shadow:0 4px 10px #0003}.app-name{color:#fff;text-shadow:0 1px 3px #000c;font-size:12px;font-weight:500}.window{background:var(--window-bg);opacity:0;pointer-events:none;z-index:10;border-radius:10px;flex-direction:column;width:600px;height:400px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50px;left:100px;transform:scale(.95);box-shadow:0 10px 30px #0000004d}.window.active{opacity:1;pointer-events:auto;transform:scale(1)}.window.dragging{transition:none}.window-header{background:#f0f0f0;border-bottom:1px solid #ddd;border-radius:10px 10px 0 0;align-items:center;gap:8px;height:36px;padding:0 15px;display:flex}.window-controls{gap:6px;display:flex}.control{border-radius:50%;width:12px;height:12px}.close{cursor:pointer;background:#ff5f56}.minimize{cursor:pointer;background:#ffbd2e}.maximize{background:#27c93f}.window-title{text-align:center;color:#666;flex:1;margin-right:50px;font-size:13px;font-weight:500}.window-content{color:var(--text-primary);flex:1;padding:30px;overflow-y:auto}.window-content h2{margin-bottom:15px;font-size:24px}.window-content p{color:#555;margin-bottom:15px;font-size:15px;line-height:1.6}.dock-container{background:var(--dock-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--dock-border);z-index:100;border-radius:20px;gap:15px;padding:10px 15px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dock-icon{cursor:pointer;color:#333;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:transform .2s;display:flex;box-shadow:0 4px 8px #0003}.dock-icon:hover{transform:translateY(-10px)scale(1.1)}.world-clocks{flex-direction:column;gap:12px;display:flex;position:absolute;top:50px;right:20px}.clock-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:10px;min-width:140px;padding:12px 16px}.clock-city{color:#fffc;text-shadow:0 1px 2px #000c;margin-bottom:4px;font-size:11px}.clock-time{color:#fff;text-shadow:0 1px 3px #000c;font-size:20px;font-weight:600}.desktop-bar-items{align-items:center;gap:20px;display:flex}.mobile-bar-items,.dynamic-island{display:none}@media (max-width:1000px){.device-container{border-width:15px;border-radius:30px;width:768px;height:1024px}.window{width:90%;height:80%;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.window.active{transform:translate(-50%,-50%)scale(1)}}@media (max-width:600px){.device-container{border-width:12px;border-radius:40px;width:375px;height:812px}.device-container:before{width:120px;height:30px;box-shadow:none;background:#1a1a1a;border-radius:0 0 15px 15px;top:0}.top-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;height:46px;padding-top:10px}.app-icon{width:65px}.icon-box{width:55px;height:55px;font-size:24px}.desktop{flex-flow:wrap;place-content:flex-start;padding-top:40px}.world-clocks{display:none}.window{border-radius:0;width:100%;height:100%;top:0!important;left:0!important;transform:none!important}.window.active{transform:none!important}.window-header{height:110px;padding-top:70px}.dock-container{justify-content:space-around;width:90%;bottom:15px}.desktop-bar-items{display:none}.mobile-bar-items{align-items:center;gap:5px;font-size:15px;font-weight:600;display:flex}.status-icons{gap:8px;font-size:12px}.device-container:before{display:none}.dynamic-island{z-index:1000;color:#fff;background:#000;border-radius:20px;justify-content:center;align-items:center;width:120px;height:35px;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}}.boot-screen{z-index:9999;opacity:1;background:#000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:55px;transition:opacity .8s;display:flex;position:absolute;inset:0}.boot-screen--hidden{opacity:0;pointer-events:none}.boot-logo{color:#f5f5f7;width:78px;height:78px;animation:1s forwards boot-logo-in}.boot-logo svg{fill:currentColor;filter:drop-shadow(0 0 14px #ffffff38);width:100%;height:100%}.boot-logo img{object-fit:contain;filter:drop-shadow(0 0 14px #ffffff38);width:100%;height:100%}@keyframes boot-logo-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.boot-progress-track{background:#ffffff29;border-radius:2px;width:180px;height:4px;overflow:hidden}.boot-progress-fill{background:#f5f5f7;border-radius:2px;height:100%;transition:width .15s ease-out}