*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1d1d1d;--bg-secondary: rgba(40, 40, 40, .9);--bg-glass: rgba(30, 30, 30, .7);--accent-color: #007aff;--accent-hover: #0056cc;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .1);--shadow-primary: rgba(0, 0, 0, .3);--menubar-height: 28px;--dock-height: 70px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}.light-theme{--bg-primary: #f5f5f7;--bg-secondary: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .7);--accent-color: #007aff;--accent-hover: #0056cc;--text-primary: #1d1d1f;--text-secondary: #86868b;--border-color: rgba(0, 0, 0, .1);--shadow-primary: rgba(0, 0, 0, .1)}body{background:linear-gradient(135deg,#2e3440,#3b4252,#434c5e);color:var(--text-primary);overflow:hidden;height:100vh;font-size:13px;font-weight:400}#wallpaper-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden}.wallpaper-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out;will-change:opacity}.wallpaper-slide.active{opacity:1}.wallpaper-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#2e34401a,#3b42520d,#434c5e1a);z-index:1}#desktop{position:relative;width:100vw;height:calc(100vh - var(--menubar-height) - var(--dock-height));top:var(--menubar-height);background:transparent;z-index:1}#desktop-icons{position:absolute;top:30px;right:30px;display:flex;flex-direction:column;gap:24px;pointer-events:none;max-width:100px}.desktop-icon{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:12px;cursor:pointer;transition:all .3s ease;pointer-events:all;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.desktop-icon:hover{background:#ffffff26;transform:translateY(-3px) scale(1.05)}.desktop-icon .icon{font-size:40px;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.desktop-icon .label{color:var(--text-primary);font-size:11px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.5);word-break:break-word;line-height:1.2}#windows-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.window{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:400px;min-height:250px;pointer-events:all;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.window.opening{animation:windowOpen .4s cubic-bezier(.34,1.56,.64,1)}.window.closing{animation:windowClose .3s cubic-bezier(.4,0,1,1) forwards}.window.minimizing{animation:windowMinimize .5s cubic-bezier(.4,0,.2,1) forwards}.window.restoring{animation:windowRestore .4s cubic-bezier(.34,1.56,.64,1)}.window:hover{box-shadow:0 25px 80px #00000080}.window.focused{z-index:1000;box-shadow:0 30px 100px #0009}.window.unfocused{opacity:.9;transform:scale(.98)}.window.dragging{z-index:1001!important;transform:scale(1.02);box-shadow:0 40px 120px #000000b3;transition:none}@keyframes windowOpen{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowClose{to{opacity:0;transform:scale(.9) translateY(-10px)}}@keyframes windowMinimize{to{opacity:0;transform:scale(.1) translateY(200px)}}@keyframes windowRestore{0%{opacity:0;transform:scale(.1) translateY(200px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeOut{to{opacity:0;transform:translate(20px) scale(.9)}}.window-titlebar{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:36px;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid var(--border-color);cursor:move;-webkit-user-select:none;user-select:none;position:relative}.window-title{color:var(--text-primary);font-size:13px;font-weight:600;text-align:center}.window-controls{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;will-change:transform,filter}.close-btn{background:#ff5f56;background:linear-gradient(135deg,#ff6b5a,#ff4f42)}.minimize-btn{background:#ffbd2e;background:linear-gradient(135deg,#ffc83d,#ffb01f)}.window-btn:before{content:"";position:absolute;width:6px;height:1px;background:#0006;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.minimize-btn:before{transform:translateY(0)}.close-btn:before{width:6px;height:6px;background:transparent;border-left:1px solid rgba(0,0,0,.4);border-right:1px solid rgba(0,0,0,.4);transform:rotate(45deg)}.window:hover .window-btn:before{opacity:1;transform:scale(1.1)}.window-btn:hover{transform:scale(1.2);filter:brightness(1.1) saturate(1.2);box-shadow:0 2px 8px #0000004d}.window-btn:active{transform:scale(.95);transition:all .1s ease}.window-resize-handle{position:absolute;background:transparent;z-index:10}.resize-n{top:-5px;left:5px;right:5px;height:10px;cursor:n-resize}.resize-s{bottom:-5px;left:5px;right:5px;height:10px;cursor:s-resize}.resize-e{top:5px;right:-5px;bottom:5px;width:10px;cursor:e-resize}.resize-w{top:5px;left:-5px;bottom:5px;width:10px;cursor:w-resize}.resize-ne{top:-5px;right:-5px;width:10px;height:10px;cursor:ne-resize}.resize-nw{top:-5px;left:-5px;width:10px;height:10px;cursor:nw-resize}.resize-se{bottom:-5px;right:-5px;width:10px;height:10px;cursor:se-resize}.resize-sw{bottom:-5px;left:-5px;width:10px;height:10px;cursor:sw-resize}.window:hover .window-resize-handle{background:#007bff1a;transition:background .2s ease}.window-content{flex:1;padding:20px;background:var(--bg-secondary);overflow:auto;color:var(--text-primary);transition:all .2s ease}.window.resizing .window-content{-webkit-user-select:none;user-select:none;pointer-events:none}#menubar{position:fixed;top:0;left:0;width:100%;height:var(--menubar-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;font-size:12px;font-weight:500}.menubar-left{display:flex;align-items:center;gap:20px}.menubar-right{display:flex;align-items:center;gap:12px}.menu-item{color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.menu-item:hover{background:var(--bg-secondary)}.menu-item:first-child{font-weight:600}#dock-container{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:1000}#dock{display:flex;align-items:end;gap:4px;padding:8px 16px;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-primary)}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:4px;border-radius:12px;will-change:transform}.dock-icon{font-size:32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);margin-bottom:4px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));will-change:transform,filter}.dock-item:hover{transform:translateY(-12px) scale(1.3)}.dock-item:hover .dock-icon{transform:scale(1.15) rotate(-2deg);filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.dock-item:active{transform:translateY(-8px) scale(1.1);transition:all .1s ease}.dock-item.launching{animation:dockBounce .6s ease-in-out}@keyframes dockBounce{0%,to{transform:translateY(-12px) scale(1.3)}25%{transform:translateY(-20px) scale(1.4)}50%{transform:translateY(-8px) scale(1.2)}75%{transform:translateY(-16px) scale(1.35)}}.dock-tooltip{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:10}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.dock-separator{width:1px;height:40px;background:var(--border-color);margin:0 4px}#window-shelf{position:fixed;top:var(--menubar-height);right:8px;display:flex;flex-direction:column;gap:4px;z-index:500}#active-apps{display:flex;flex-direction:column;gap:4px}.app-button{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 8px;border-radius:6px;cursor:pointer;font-size:10px;min-width:60px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;text-align:center}.app-button:hover{background:var(--accent-color);color:#fff;transform:translate(-4px)}.app-button.active{background:var(--accent-color);color:#fff}.app-button.minimized{opacity:.6}#clock{font-variant-numeric:tabular-nums;font-weight:500}