:root{--glass-bg-light:rgba(255,255,255,0.1);--glass-bg-medium:rgba(255,255,255,0.15);--glass-bg-dark:rgba(255,255,255,0.05);--glass-bg-ultra:rgba(255,255,255,0.02);--glass-border:rgba(255,255,255,0.2);--glass-border-hover:rgba(255,255,255,0.4);--glass-border-focus:rgba(255,255,255,0.6);--glass-shadow:0 4px 16px rgba(0,0,0,0.08);--glass-shadow-hover:0 8px 24px rgba(0,0,0,0.12);--glass-shadow-focus:0 12px 32px rgba(0,0,0,0.16);--glass-blur-sm:3px;--glass-blur:6px;--glass-blur-md:10px;--glass-blur-lg:15px;--glass-blur-xl:20px;--glass-radius-sm:8px;--glass-radius:12px;--glass-radius-md:16px;--glass-radius-lg:20px;--glass-radius-xl:24px;--glass-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--glass-transition-fast:all 0.15s ease-out;--glass-transition-slow:all 0.3s ease-in-out;--liquid-speed:2s;--liquid-delay:0.3s}*{will-change:auto}.customization-panel,.liquid-glass-btn,.liquid-glass-card,.liquid-glass-form,.macos-window{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.glass-ultra{background:var(--glass-bg-ultra);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgba(255,255,255,.1);border-radius:var(--glass-radius)}.glass-light,.glass-ultra{box-shadow:var(--glass-shadow);transition:var(--glass-transition)}.glass-light{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius)}.glass-light:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.glass-light:hover,.glass-medium{background:var(--glass-bg-medium)}.glass-medium{-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:var(--glass-transition)}.glass-medium:hover{background:rgba(255,255,255,.2);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-3px)}.glass-strong{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));border:1px solid var(--glass-border);border-radius:var(--glass-radius)}.glass-strong,.liquid-glass-card{box-shadow:var(--glass-shadow);transition:var(--glass-transition)}.liquid-glass-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius-md);padding:2rem;position:relative;overflow:hidden;color:white}.liquid-glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:var(--glass-transition-slow);opacity:0}.liquid-glass-card:hover:before{animation:liquidFlow var(--liquid-speed) ease-in-out infinite;opacity:1}.liquid-glass-card:hover{background:var(--glass-bg-medium);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-5px) scale(1.02)}.liquid-glass-btn{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:12px 24px;color:white;font-weight:500;cursor:pointer;transition:var(--glass-transition);position:relative;overflow:hidden;text-decoration:none;display:inline-block;font-family:inherit;font-size:16px}.liquid-glass-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--glass-transition)}.liquid-glass-btn:hover:before{left:100%}.liquid-glass-btn:hover{background:var(--glass-bg-medium);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.liquid-glass-form{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));border:1px solid var(--glass-border);border-radius:var(--glass-radius-lg);padding:2rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.liquid-glass-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:liquidBorder var(--liquid-speed) ease-in-out infinite}.liquid-glass-input{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:12px 16px;color:white;width:100%;margin-bottom:1rem;transition:var(--glass-transition);font-family:inherit;font-size:16px;position:relative}.liquid-glass-input:focus{outline:none;border-color:var(--glass-border-focus);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(255,255,255,.1);transform:scale(1.02)}.liquid-glass-input::placeholder{color:rgba(255,255,255,.7)}.liquid-glass-navbar{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));border-bottom:1px solid var(--glass-border);padding:1rem 2rem;position:sticky;top:0;z-index:1000;transition:var(--glass-transition)}.liquid-glass-navbar:hover{background:var(--glass-bg-medium);border-bottom-color:var(--glass-border-hover)}.liquid-glass-blue{background:rgba(59,130,246,.1);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(59,130,246,.3);border-radius:var(--glass-radius);box-shadow:0 8px 32px rgba(59,130,246,.1);position:relative;overflow:hidden;color:white;padding:1.5rem}.liquid-glass-blue:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(59,130,246,.3),rgba(147,51,234,.3),rgba(59,130,246,.3));border-radius:var(--glass-radius);z-index:-1;animation:liquidGradient 4s ease-in-out infinite}.liquid-glass-green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--glass-radius);box-shadow:0 8px 32px rgba(34,197,94,.1)}.liquid-glass-green,.liquid-glass-purple{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));position:relative;overflow:hidden;color:white;padding:1.5rem}.liquid-glass-purple{background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.3);border-radius:var(--glass-radius);box-shadow:0 8px 32px rgba(147,51,234,.1)}@keyframes liquidFlow{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes liquidBorder{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes liquidGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes liquidPulse{0%,to{box-shadow:0 8px 32px rgba(255,255,255,.1);transform:scale(1)}50%{box-shadow:0 12px 40px rgba(255,255,255,.2);transform:scale(1.02)}}.liquid-pulse{animation:liquidPulse 2s ease-in-out infinite}@keyframes liquidFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.liquid-float{animation:liquidFloat 3s ease-in-out infinite}@media (max-width:768px){.liquid-glass-card,.liquid-glass-form{padding:1rem;margin:.5rem}.liquid-glass-navbar{padding:.5rem 1rem}:root{--glass-blur:8px;--glass-blur-md:12px;--glass-blur-lg:16px}}@media (min-width:769px) and (max-width:1024px){.liquid-glass-card{padding:1.5rem}}@media (min-width:1025px){.liquid-glass-card:hover{transform:translateY(-8px) scale(1.03)}}.glass-text{color:rgba(255,255,255,.9);text-shadow:0 2px 4px rgba(0,0,0,.3)}.glass-text-muted{color:rgba(255,255,255,.7)}.glass-text-bright{color:rgba(255,255,255,1);text-shadow:0 0 10px rgba(255,255,255,.3)}.glass-p-sm{padding:1rem}.glass-p-md{padding:1.5rem}.glass-p-lg{padding:2rem}.glass-p-xl{padding:2.5rem}.glass-m-sm{margin:1rem}.glass-m-md{margin:1.5rem}.glass-m-lg{margin:2rem}.glass-border-none{border:none}.glass-border-thin{border:1px solid rgba(255,255,255,.1)}.glass-border-thick{border:2px solid var(--glass-border)}.glass-shadow-none{box-shadow:none}.glass-shadow-sm{box-shadow:0 4px 16px rgba(0,0,0,.05)}.glass-shadow-lg{box-shadow:0 16px 48px rgba(0,0,0,.15)}.glass-shadow-xl{box-shadow:0 24px 64px rgba(0,0,0,.2)}.glass-rounded-none{border-radius:0}.glass-rounded-sm{border-radius:var(--glass-radius-sm)}.glass-rounded-md{border-radius:var(--glass-radius-md)}.glass-rounded-lg{border-radius:var(--glass-radius-lg)}.glass-rounded-xl{border-radius:var(--glass-radius-xl)}.glass-rounded-full{border-radius:50%}@media (prefers-color-scheme:dark){:root{--glass-bg-light:rgba(255,255,255,0.05);--glass-bg-medium:rgba(255,255,255,0.08);--glass-bg-dark:rgba(255,255,255,0.02);--glass-border:rgba(255,255,255,0.1);--glass-border-hover:rgba(255,255,255,0.2)}}@media (prefers-contrast:high){:root{--glass-border:rgba(255,255,255,0.4);--glass-border-hover:rgba(255,255,255,0.6)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;will-change:opacity}.boot-logo-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:logoFadeIn .8s ease-in-out}.boot-logo{width:120px;height:120px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.3));animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes logoGlow{0%{filter:brightness(1.2) drop-shadow(0 4px 20px rgba(255,255,255,.3))}to{filter:brightness(1.4) drop-shadow(0 6px 30px rgba(255,255,255,.5))}}.boot-hello-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:helloFadeIn 1.2s cubic-bezier(.25,.46,.45,.94)}.hello-text{font-size:64px;font-weight:200;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;color:white;text-align:center;letter-spacing:-.5px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:macosHelloAnimation 2.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes helloFadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(30px) scale(.95);filter:blur(8px)}60%{opacity:.8;transform:translate(-50%,-50%) translateY(5px) scale(1.02);filter:blur(2px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes macosHelloAnimation{0%{opacity:0;transform:scale(.8) translateY(20px);text-shadow:0 0 0 rgba(255,255,255,0);filter:blur(10px)}30%{opacity:.7;transform:scale(.95) translateY(10px);text-shadow:0 0 20px rgba(255,255,255,.4);filter:blur(3px)}60%{opacity:.95;transform:scale(1.02) translateY(-2px);text-shadow:0 0 30px rgba(255,255,255,.7);filter:blur(0)}80%{opacity:1;transform:scale(1) translateY(0);text-shadow:0 0 40px rgba(255,255,255,.8)}to{opacity:1;transform:scale(1) translateY(0);text-shadow:0 0 30px rgba(255,255,255,.6)}}.boot-loading-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;animation:loadingFadeIn .8s cubic-bezier(.25,.46,.45,.94)}.boot-logo-small{width:80px;height:80px;object-fit:contain;margin-bottom:30px;filter:brightness(1.2) drop-shadow(0 2px 10px rgba(255,255,255,.3));animation:logoGentlePulse 2s ease-in-out infinite}@keyframes logoGentlePulse{0%,to{transform:scale(1);filter:brightness(1.2) drop-shadow(0 2px 10px rgba(255,255,255,.3))}50%{transform:scale(1.05);filter:brightness(1.3) drop-shadow(0 4px 15px rgba(255,255,255,.5))}}@keyframes loadingFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(20px);filter:blur(4px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0);filter:blur(0)}}.loading-line{width:240px;height:4px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.moving-line{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.95) 30%,rgba(255,255,255,1) 50%,rgba(255,255,255,.95) 70%,rgba(255,255,255,.6));border-radius:3px;transition:width .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 15px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.3);animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{box-shadow:0 0 15px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.3)}50%{box-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.5)}}.macos-desktop{min-height:100vh;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);overflow-x:hidden;opacity:0;transform:scale(1.05);transition:all 1.2s cubic-bezier(.23,1,.32,1);will-change:opacity,transform}.macos-desktop.desktop-loaded{opacity:1;transform:scale(1);animation:desktopBreath 20s ease-in-out infinite}.macos-desktop.desktop-loaded .macos-dock{animation:dockSlideUp .8s cubic-bezier(.175,.885,.32,1.275) .5s both}@keyframes dockSlideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes desktopBreath{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.02) saturate(1.05)}}.macos-desktop.theme-light{background:linear-gradient(135deg,#a8edea,#fed6e3)}.macos-desktop.theme-dark{background:linear-gradient(135deg,#2c3e50,#4a569d)}.macos-desktop.wallpaper-monterey{background:linear-gradient(135deg,#ff6b6b,#4ecdc4)}.macos-desktop.wallpaper-ventura{background:linear-gradient(135deg,#667eea,#764ba2)}.macos-desktop.wallpaper-sonoma{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.macos-desktop.wallpaper-sequoia{background:linear-gradient(135deg,#1e3c72,#2a5298)}.macos-desktop.wallpaper-big-sur{background:linear-gradient(135deg,#667eea,#764ba2)}.macos-desktop.wallpaper-gradient{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.macos-desktop.wallpaper-minimal{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.macos-desktop.wallpaper-custom{background-image:var(--custom-wallpaper,linear-gradient(135deg,#2c3e50 0,#4a569d 100%));background-size:cover;background-position:50%;background-repeat:no-repeat}.macos-menubar{position:fixed;top:0;left:0;right:0;height:28px;background:linear-gradient(180deg,rgba(30,30,30,.95),rgba(25,25,25,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.15);justify-content:space-between;padding:0 16px;z-index:999;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 12px rgba(0,0,0,.4);will-change:backdrop-filter}.macos-menubar,.menubar-left{display:flex;align-items:center}.menubar-left{gap:20px}.menubar-center{position:absolute;left:50%;transform:translateX(-50%)}.cs-logo,.menubar-center{display:flex;align-items:center}.cs-logo{cursor:pointer;padding:2px 6px;border-radius:6px;transition:all .2s;justify-content:center;will-change:transform}.cs-logo:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.3)}.logo-image{height:20px;width:auto;object-fit:contain;transition:all .2s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.menu-item{color:#fff;font-size:13px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;cursor:pointer;padding:2px 8px;border-radius:4px;transition:background .15s ease-out;letter-spacing:-.01em;will-change:background,transform}.menu-item:hover{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:menuItemPulse .3s ease-in-out}@keyframes menuItemPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.menu-item.active{font-weight:600;background:rgba(255,255,255,.05)}.menu-icon{display:inline-block;margin-right:4px;vertical-align:middle;opacity:.8;transition:opacity .15s ease-out}.menu-item:hover .menu-icon{opacity:1}.menu-item.clickable{cursor:pointer}.menubar-right .time{font-size:13px;font-weight:500}.menubar-right .datetime,.menubar-right .time{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}.menubar-right .datetime{text-align:right;cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s ease}.menubar-right .datetime:hover{background-color:rgba(255,255,255,.1)}.date-time-display{display:flex;flex-direction:column;align-items:center;line-height:1.1}.time-display{font-size:13px;font-weight:500;margin-bottom:1px}.date-display{font-size:11px;font-weight:400;opacity:.8}.theme-dark .menubar-right .datetime:hover{background-color:rgba(255,255,255,.1)}.theme-light .menubar-right .datetime:hover{background-color:rgba(0,0,0,.1)}.system-icon{padding:4px 6px!important;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease}.system-icon svg{color:rgba(255,255,255,.9);transition:all .2s ease;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.system-icon:hover{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1.05)}.system-icon:hover svg{color:rgba(255,255,255,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transform:scale(1.1)}.system-icon:active{transform:scale(.95);background:rgba(255,255,255,.15)}.menubar-icon-img{height:14px;width:14px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 1px 1px rgba(0,0,0,.1));transition:all .2s}.system-icon:hover .menubar-icon-img{filter:brightness(1.4) drop-shadow(0 1px 2px rgba(0,0,0,.2));transform:scale(1.05)}.system-controls{display:flex;align-items:center;gap:8px}.macos-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1000px;max-height:80vh;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(20,20,20,.9));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 64px rgba(0,0,0,.15);z-index:998;overflow:hidden;will-change:transform,opacity}.window-open-animation{animation:macosWindow .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes macosWindow{0%{opacity:0;transform:translate(-50%,-50%) scale(.8);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}.csr-window{animation:csrWindowOpen .8s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1);width:90vw;height:auto;max-width:1000px;max-height:80vh;border-radius:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d;perspective:1000px;z-index:998}.csr-window:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(0,122,255,.3),rgba(88,86,214,.3) 25%,rgba(255,45,85,.3) 50%,rgba(255,204,0,.3) 75%,rgba(0,122,255,.3));border-radius:18px;z-index:-1;opacity:0;animation:glowPulse .8s cubic-bezier(.25,.46,.45,.94) .4s both}@keyframes glowPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.4;transform:scale(1)}}.csr-window[data-window-maximized=true]{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;z-index:1001!important;position:fixed!important}.csr-window[data-window-maximized=true] .window-header{z-index:1005!important;position:relative}.csr-window[data-window-maximized=true] .window-controls{z-index:1006!important;position:relative}.csr-window[data-window-maximized=true] .control{z-index:1007!important;position:relative}.csr-window[data-window-maximized=true] .window-content{height:calc(100vh - 60px)!important;overflow-y:auto!important;max-height:none!important}.csr-window[data-window-dragging=true]{transition:none}.csr-window.minimized{transform:translate(-50%,calc(100vh + 100px)) scale(.01)!important;opacity:0!important;pointer-events:none!important;transition:all .4s cubic-bezier(.25,.46,.45,.94)!important;animation:minimizeToTaskbar .4s cubic-bezier(.25,.46,.45,.94) forwards!important;z-index:500!important;visibility:hidden!important}@keyframes minimizeToTaskbar{0%{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible}30%{transform:translate(-50%,-20%) scale(.7);opacity:.8;visibility:visible}60%{transform:translate(-50%,20%) scale(.3);opacity:.4;visibility:visible}90%{transform:translate(-50%,calc(100vh - 10px)) scale(.02);opacity:.1;visibility:visible}to{transform:translate(-50%,calc(100vh + 100px)) scale(.01);opacity:0;visibility:hidden}}.csr-window.maximized{border-radius:0!important;box-shadow:none!important}.csr-window.dragging{cursor:grabbing!important;z-index:1001}.draggable-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grab-cursor{cursor:grab}.draggable-header:active,.dragging-cursor{cursor:grabbing}.window-content.hidden{display:none}.csr-window:not(.minimized):not(.maximized){transition:all .3s cubic-bezier(.25,.46,.45,.94)}.resize-handle{position:absolute;background:transparent;z-index:10}.resize-handle-se{bottom:0;right:0;width:15px;height:15px;cursor:se-resize}.resize-handle-sw{bottom:0;left:0;width:15px;height:15px;cursor:sw-resize}.resize-handle-ne{top:0;right:0;width:15px;height:15px;cursor:ne-resize}.resize-handle-nw{top:0;left:0;width:15px;height:15px;cursor:nw-resize}.resize-handle:hover{background:rgba(0,122,255,.2);border-radius:2px}@keyframes csrWindowOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotateX(90deg);filter:blur(20px);box-shadow:0 0 0 rgba(0,0,0,0)}15%{opacity:.3;transform:translate(-50%,-50%) scale(.4) rotateX(45deg);filter:blur(15px);box-shadow:0 5px 20px rgba(0,0,0,.05)}30%{opacity:.6;transform:translate(-50%,-50%) scale(.7) rotateX(15deg);filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.08)}45%{opacity:.8;transform:translate(-50%,-50%) scale(.95) rotateX(-5deg);filter:blur(5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}60%{opacity:.95;transform:translate(-50%,-50%) scale(1.08) rotateX(-10deg);filter:blur(2px);box-shadow:0 18px 50px rgba(0,0,0,.12)}75%{opacity:1;transform:translate(-50%,-50%) scale(.96) rotateX(3deg);filter:blur(1px);box-shadow:0 20px 60px rgba(0,0,0,.14)}90%{opacity:1;transform:translate(-50%,-50%) scale(1.02) rotateX(-1deg);filter:blur(0);box-shadow:0 20px 64px rgba(0,0,0,.15)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg);filter:blur(0);box-shadow:0 20px 64px rgba(0,0,0,.15)}}.csr-window-content{animation:contentWaveIn .9s cubic-bezier(.25,.46,.45,.94) .2s both}@keyframes contentWaveIn{0%{opacity:0;transform:translateY(30px) rotateX(15deg)}20%{opacity:.3;transform:translateY(20px) rotateX(10deg)}40%{opacity:.6;transform:translateY(10px) rotateX(5deg)}60%{opacity:.8;transform:translateY(-5px) rotateX(-2deg)}80%{opacity:.95;transform:translateY(2px) rotateX(1deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}.csr-window-content .hero-section{animation:elementWave .7s cubic-bezier(.25,.46,.45,.94) .3s both}.csr-window-content .apps-grid{animation:elementWave .7s cubic-bezier(.25,.46,.45,.94) .5s both}.csr-window-content .app-card{animation:elementWave .6s cubic-bezier(.25,.46,.45,.94) both}.csr-window-content .app-card:first-child{animation-delay:.6s}.csr-window-content .app-card:nth-child(2){animation-delay:.7s}.csr-window-content .app-card:nth-child(3){animation-delay:.8s}.csr-window-content .app-card:nth-child(4){animation-delay:.9s}@keyframes elementWave{0%{opacity:0;transform:translateY(20px) scale(.95)}50%{opacity:.7;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.window-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);position:relative;z-index:1002}.window-controls{gap:8px;z-index:1003}.control,.window-controls{display:flex;position:relative}.control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);z-index:1004}.control:active{transform:scale(.95)}.control.red{background:#ff5f57}.control.red:hover:after{content:"×";color:#8b0000;font-size:10px;font-weight:700;position:absolute}.control.yellow{background:#ffbd2e}.control.yellow:hover:after{content:"−";color:#8b6914;font-size:12px;font-weight:700;position:absolute;top:-2px}.control.green{background:#28ca42}.control.green:hover:after{content:"+";color:#0f5132;font-size:10px;font-weight:700;position:absolute}.control:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.window-title{font-weight:600;font-size:14px;color:#fff;display:flex;align-items:center}.window-status{font-size:11px;font-weight:400;color:#ccc;opacity:.8}.window-content{padding:2rem;overflow-y:auto;color:#fff}.csr-window:not([data-window-maximized=true]) .window-content,.window-content{max-height:calc(80vh - 60px);height:auto}.macos-dock{position:fixed;bottom:20px;left:0;right:0;z-index:999;will-change:transform;display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none}.macos-dock .dock-content{pointer-events:all}.dock-content{display:flex;align-items:end;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1);margin:0 auto}.dock-item{cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);will-change:transform}.dock-item-0{animation-delay:0s}.dock-item-1{animation-delay:.1s}.dock-item-2{animation-delay:.2s}.dock-item-3{animation-delay:.3s}.dock-item-4{animation-delay:.4s}.dock-item-5{animation-delay:.5s}.dock-item-6{animation-delay:.6s}.dock-item:hover{transform:translateY(-10px) scale(1.2)}.dock-item:active{transform:translateY(-5px) scale(1.1);animation:dockItemClick .2s ease-out}@keyframes dockItemClick{0%{transform:translateY(-10px) scale(1.2)}50%{transform:translateY(-15px) scale(1.3);filter:brightness(1.2) drop-shadow(0 8px 20px rgba(255,255,255,.4))}to{transform:translateY(-5px) scale(1.1)}}.dock-item-0:active{animation:csrIconClick .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes csrIconClick{0%{transform:translateY(-10px) scale(1.2)}25%{transform:translateY(-20px) scale(1.4) rotate(5deg);filter:brightness(1.3) drop-shadow(0 10px 30px rgba(255,255,255,.6))}50%{transform:translateY(-15px) scale(1.3) rotate(-2deg);filter:brightness(1.2) drop-shadow(0 8px 25px rgba(255,255,255,.5))}75%{transform:translateY(-8px) scale(1.15) rotate(1deg);filter:brightness(1.1) drop-shadow(0 6px 20px rgba(255,255,255,.4))}to{transform:translateY(-5px) scale(1.1) rotate(0deg);filter:brightness(1) drop-shadow(0 4px 15px rgba(255,255,255,.3))}}.dock-icon,.dock-item .dock-icon,.macos-dock .dock-content .dock-item .dock-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.1)!important;background-color:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .2s}.dock-item:hover .dock-icon,.macos-dock .dock-content .dock-item:hover .dock-icon{background:rgba(255,255,255,.2)!important;background-color:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.4)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.dock-icon-img,.dock-logo{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dock-separator{width:1px;height:32px;background:rgba(255,255,255,.3);margin:0 4px}@media (max-width:768px){.macos-window{width:95vw;max-height:85vh}.window-content{padding:1rem}.macos-dock{bottom:10px;left:0;right:0;width:100%;display:flex;justify-content:center;pointer-events:none}.macos-dock .dock-content{pointer-events:all}.dock-content{gap:6px;padding:6px 12px;justify-content:center;margin:0 auto}.dock-icon,.dock-item .dock-icon,.macos-dock .dock-content .dock-item .dock-icon{width:40px;height:40px;background:rgba(255,255,255,.1)!important;background-color:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.dock-item:hover .dock-icon,.macos-dock .dock-content .dock-item:hover .dock-icon{background:rgba(255,255,255,.2)!important;background-color:rgba(255,255,255,.2)!important;border:1px solid rgba(255,255,255,.4)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.dock-icon-img,.dock-logo{width:28px;height:28px}.boot-logo{width:100px;height:100px}.boot-logo-small{width:60px;height:60px}.hello-text{font-size:36px}.loading-line{width:150px}}.menubar-loading{height:28px;background:rgba(30,30,30,.5)}.dock-loading,.menubar-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dock-loading{height:80px;background:rgba(255,255,255,.1);border-radius:20px;margin:0 auto;width:300px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.customization-panel{position:fixed;top:50px;right:20px;width:280px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(245,245,245,.9) 50%,rgba(235,235,235,.85));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 64px rgba(0,0,0,.15);z-index:999;will-change:transform,opacity}.panel-open-animation{animation:macosPanel .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes macosPanel{0%{opacity:0;transform:translateX(50px) translateY(-20px) scale(.8);filter:blur(10px)}to{opacity:1;transform:translateX(0) translateY(0) scale(1);filter:blur(0)}}.theme-dark .customization-panel{background:linear-gradient(135deg,rgba(60,60,60,.95),rgba(45,45,45,.9) 50%,rgba(30,30,30,.85));border:1px solid rgba(255,255,255,.25);color:#fff}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);font-weight:600}.theme-dark .panel-header{border-bottom-color:rgba(255,255,255,.1)}.window-controls-right{display:flex;gap:6px}.panel-content{padding:16px}.control-group{margin-bottom:16px}.control-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.control-group input,.control-group select{width:100%;padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:rgba(255,255,255,.8);font-size:14px;transition:all .2s}.theme-dark .control-group input,.theme-dark .control-group select{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:white}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option.active{border-color:rgba(255,255,255,.8);transform:scale(1.1)}.color-option.blue{background:#007AFF}.color-option.purple{background:#AF52DE}.color-option.pink{background:#FF2D92}.color-option.red{background:#FF3B30}.color-option.orange{background:#FF9500}.color-option.yellow{background:#FFCC00}.color-option.green{background:#34C759}.reset-section{margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1)}.theme-dark .reset-section{border-top-color:rgba(255,255,255,.1)}.reset-btn-full{width:100%;background:linear-gradient(135deg,rgba(255,59,48,.9),rgba(255,69,58,.8));color:white;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.reset-btn-full:hover{background:linear-gradient(135deg,rgba(255,59,48,1),rgba(255,69,58,.9));transform:translateY(-2px)}.file-input{margin-bottom:8px}.control-group small{font-size:12px;color:rgba(0,0,0,.6)}.theme-dark .control-group small{color:rgba(255,255,255,.6)}.hero-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:16px;margin-bottom:2rem}.hero-icon{font-size:4rem;margin-bottom:1rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:rgba(255,255,255,.9)}.hero-desc{font-size:1.1rem;margin-bottom:2rem;color:rgba(255,255,255,.8);max-width:600px;margin-left:auto;margin-right:auto}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.macos-btn{padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .2s;border:none;cursor:pointer;font-size:16px}.macos-btn.primary{background:linear-gradient(135deg,#007AFF,#0051D5);color:white}.macos-btn.secondary{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3)}.macos-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.app-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;transition:all .3s;border:1px solid rgba(255,255,255,.2)}.app-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.15)}.app-card.featured{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,193,7,.1));border-color:rgba(255,215,0,.3)}.app-icon{font-size:3rem;margin-bottom:1rem}.app-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:white}.app-desc{color:rgba(255,255,255,.8);margin-bottom:1.5rem;line-height:1.6}.app-actions{margin-top:auto}.action-btn{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.action-btn:hover{background:rgba(255,255,255,.3)}.cta-section{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,rgba(0,122,255,.2),rgba(88,86,214,.1));border-radius:16px;border:1px solid rgba(0,122,255,.3)}.cta-title{font-size:2rem;font-weight:600;margin-bottom:1rem;color:white}.cta-desc{font-size:1.1rem;margin-bottom:2rem;color:rgba(255,255,255,.8)}.cta-btn{background:linear-gradient(135deg,#007AFF,#0051D5);color:white;padding:16px 32px;font-size:18px}.macos-desktop.theme-light.wallpaper-default{background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.macos-desktop.theme-light.wallpaper-monterey{background:linear-gradient(135deg,#ffb3ba,#bae1ff)}.macos-desktop.theme-light.wallpaper-ventura{background:linear-gradient(135deg,#a8edea,#fed6e3)}.macos-desktop.theme-light.wallpaper-sonoma{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.macos-desktop.theme-light.wallpaper-sequoia{background:linear-gradient(135deg,#cfd9df,#e2ebf0)}.macos-desktop.theme-light.wallpaper-big-sur{background:linear-gradient(135deg,#e3ffe7,#d9e7ff)}.macos-desktop.theme-light.wallpaper-gradient{background:linear-gradient(135deg,#ffecd2,#fcb69f 50%,#ffeaa7)}.customization-panel,.macos-desktop,.macos-dock,.macos-menubar,.macos-window{transform:translateZ(0);backface-visibility:hidden;will-change:transform}@media (prefers-reduced-motion:no-preference){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.macos-desktop{contain:layout style paint}.customization-panel,.macos-window{contain:layout style}.app-title,.cta-title,.hero-title{text-rendering:optimizeSpeed;font-display:swap}img{content-visibility:auto;contain-intrinsic-size:1px 1px}.window-content{overflow-anchor:none;overscroll-behavior:contain}.app-card,.color-option,.dock-item{contain:layout style paint}.app-card:hover,.dock-item:hover,.macos-btn:hover{transform:translateZ(0) translateY(-2px)}.loading-screen{contain:strict;content-visibility:auto}.csr-window-content{animation:contentFadeIn .8s ease-out .3s both}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.csr-window .hero-section{text-align:center;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.csr-window .hero-icon{font-size:3rem;margin-bottom:1rem;animation:heroIconPulse 2s ease-in-out infinite}@keyframes heroIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}50%{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}}.csr-window .apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:2rem 0}.csr-window .app-card{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:appCardSlideIn .6s ease-out both}.csr-window .app-card:first-child{animation-delay:.1s}.csr-window .app-card:nth-child(2){animation-delay:.2s}.csr-window .app-card:nth-child(3){animation-delay:.3s}.csr-window .app-card:nth-child(4){animation-delay:.4s}.csr-window .app-card:nth-child(5){animation-delay:.5s}.csr-window .app-card:nth-child(6){animation-delay:.6s}@keyframes appCardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.csr-window .app-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.csr-window .app-icon{font-size:2rem;margin-bottom:1rem;display:block}.csr-window .stats-section{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.csr-window .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.csr-window .stat-card{text-align:center;padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.05)}.csr-window .stat-number{font-size:2rem;font-weight:700;color:#007AFF;margin-bottom:.5rem}.csr-window .cta-section{text-align:center;margin-top:2rem;padding:2rem;background:linear-gradient(135deg,rgba(0,122,255,.15),rgba(0,122,255,.08));border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,122,255,.3)}.csr-window .cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.customization-panel,.macos-menubar,.macos-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}