.window{position:absolute;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden;min-width:400px;min-height:300px;display:flex;flex-direction:column}.window.minimized{display:none}.window-titlebar{height:32px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 8px;cursor:move;-webkit-user-select:none;user-select:none}.window-title{flex:1;font-size:13px;font-weight:500;color:#333;padding-left:8px}.window-controls{display:flex;gap:8px}.window-control{width:32px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;transition:background .2s}.window-control:hover{background:#0000000d}.window-control.close:hover{background:#e81123;color:#fff}.window-content{flex:1;padding:16px;overflow:auto;background:#fff}.window-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.window.dragging{transition:none;cursor:move}.notepad-app{font-family:Consolas,monospace;font-size:14px;white-space:pre-wrap}.about-app{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}.about-icon{font-size:64px}.about-title{margin:0;font-size:18px}.about-description{text-align:center;color:#666;font-size:13px;margin:0}.about-features{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;width:100%}.about-features-title{font-size:12px;color:#666}.about-features ul{margin:8px 0 0;padding-left:20px;font-size:13px}.explorer-toolbar{padding:8px 12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:8px}.explorer-breadcrumb{display:flex;align-items:center;gap:4px;flex:1;font-size:13px}.breadcrumb-item{padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .2s}.breadcrumb-item:hover{background:#0000000d}.breadcrumb-separator{color:#999}.explorer-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:16px}.explorer-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:4px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.explorer-item:hover{background:#f0f0f0}.explorer-item-icon{font-size:48px}.explorer-item-name{font-size:12px;text-align:center;word-wrap:break-word;width:100%}.taskbar{position:absolute;bottom:0;left:0;right:0;height:48px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 8px;border-top:1px solid rgba(255,255,255,.1);z-index:1000}.start-button{width:48px;height:36px;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#fff;font-size:20px}.start-button:hover{background:#fff3}.start-button.active{background:#ffffff40}.start-menu{position:absolute;bottom:56px;left:8px;width:320px;max-height:500px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 8px 32px #0000004d;overflow:hidden;z-index:999}.start-menu-header{padding:16px;background:linear-gradient(135deg,#357ec7,#002a5c);color:#fff;font-size:14px;font-weight:600}.start-menu-apps{padding:8px}.start-menu-section{margin-bottom:8px}.start-menu-section-title{padding:8px 12px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase}.start-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:4px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.start-menu-item:hover{background:#0000000d}.start-menu-item-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.start-menu-item-text{flex:1;font-size:13px;color:#333}.taskbar-apps{flex:1;display:flex;gap:4px;padding:0 8px}.taskbar-app{min-width:160px;height:36px;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;padding:0 12px;gap:8px;transition:background .2s;color:#fff;font-size:13px}.taskbar-app:hover{background:#fff3}.taskbar-app.active{background:#ffffff40;border-bottom:2px solid #4cc2ff}.taskbar-clock{color:#fff;font-size:13px;padding:0 16px;text-align:center;min-width:80px}.desktop{width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><defs><linearGradient id="sky" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:%230078d4;stop-opacity:1"/><stop offset="50%" style="stop-color:%2300bcf2;stop-opacity:1"/><stop offset="100%" style="stop-color:%2300d4ff;stop-opacity:1"/></linearGradient><radialGradient id="sun" cx="50%" cy="50%"><stop offset="0%" style="stop-color:%23fff;stop-opacity:0.9"/><stop offset="40%" style="stop-color:%23ffed4e;stop-opacity:0.7"/><stop offset="100%" style="stop-color:%23ff9d00;stop-opacity:0"/></radialGradient><linearGradient id="ground" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:%2300a86b;stop-opacity:1"/><stop offset="100%" style="stop-color:%23004d40;stop-opacity:1"/></linearGradient></defs><rect width="1920" height="1080" fill="url(%23sky)"/><circle cx="1600" cy="300" r="180" fill="url(%23sun)"/><ellipse cx="960" cy="900" rx="1200" ry="400" fill="url(%23ground)"/><ellipse cx="400" cy="950" rx="300" ry="180" fill="%23006b54" opacity="0.6"/><ellipse cx="1400" cy="980" rx="400" ry="200" fill="%23005a45" opacity="0.5"/><path d="M 0 800 Q 480 750 960 800 T 1920 800 L 1920 1080 L 0 1080 Z" fill="%23003d33" opacity="0.3"/><g opacity="0.15"><circle cx="300" cy="400" r="8" fill="white"/><circle cx="500" cy="350" r="6" fill="white"/><circle cx="700" cy="380" r="7" fill="white"/><circle cx="1200" cy="420" r="9" fill="white"/><circle cx="1500" cy="380" r="7" fill="white"/></g></svg>');background-size:cover;background-position:center;position:relative;overflow:hidden}.desktop-icons{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:16px;z-index:1}.desktop-icon{width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:4px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.desktop-icon:hover{background:#ffffff1a}.desktop-icon.selected{background:#fff3}.desktop-icon-image{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.desktop-icon-label{font-size:12px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);word-wrap:break-word;width:100%}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:relative}