:root{--mac-bg-primary: #f5f5f7;--mac-bg-secondary: #ffffff;--mac-text-primary: #1d1d1f;--mac-text-secondary: #86868b;--mac-accent: #0071e3;--mac-accent-hover: #0077ed;--win-bg-primary: #0d1117;--win-bg-secondary: #161b22;--win-text-primary: #e6edf3;--win-text-secondary: #8b949e;--win-accent: #58a6ff;--mac-titlebar-bg: #3a3a3c;--win-titlebar-bg: #202020;--editor-bg: #1e1e1e;--editor-sidebar-bg: #252526;--editor-hover-bg: #2a2d2e;--editor-active-bg: #37373d;--editor-activity-bar-bg: #333333;--editor-border: #000000;--terminal-bg: #1a1b26;--terminal-input-bg: #24283b;--z-base: 1;--z-window: 10;--z-menubar: 40;--z-dock: 50;--z-modal: 60;--z-overlay: 100;--elevation-sm: 0 2px 8px rgba(0, 0, 0, .1);--elevation-md: 0 4px 16px rgba(0, 0, 0, .15);--elevation-lg: 0 8px 32px rgba(0, 0, 0, .2);--elevation-xl: 0 16px 48px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes slide-in-from-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes celebrate-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b98199}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.animate-in{animation-duration:.5s;animation-fill-mode:forwards}.slide-in-from-right{animation-name:slide-in-from-right}.animate-fade-in{animation:fade-in .4s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-celebrate{animation:celebrate-shake .5s ease-in-out}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.mac-wallpaper{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),linear-gradient(135deg,#f8f6f4,#faf9f7,#f5f3f0,#fdfcfb,#f9f7f5,#faf8f6,#f6f4f2 90%,#f8f7f5);background-blend-mode:overlay,normal;background-size:200px 200px,100% 100%}.mac-wallpaper-light{background:radial-gradient(ellipse at 20% 30%,rgba(255,220,200,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(200,220,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(180deg,#fefefe,#faf9f8,#f8f7f6,#faf9f8,#fcfbfa)}.win-wallpaper{background:radial-gradient(ellipse at 30% 20%,rgba(88,166,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.12) 0%,transparent 50%),linear-gradient(135deg,#0d1117,#161b22,#0d1117)}.dock-glass{background:#ffffffa6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff80 inset}.taskbar-glass{background:#202020d9;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-top:1px solid rgba(255,255,255,.08)}.window-shadow-mac{box-shadow:0 22px 70px 4px #00000026,0 0 0 .5px #00000014}.window-shadow-win{box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.focus-ring{outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--mac-accent)}.focus-ring-dark:focus-visible{outline:2px solid rgba(96,165,250,.5);outline-offset:-1px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#00000059;background-clip:content-box}.dark ::-webkit-scrollbar-thumb{background:#fff3;background-clip:content-box}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff59;background-clip:content-box}::selection{background:#0071e340}.container-padding{padding:var(--space-md)}.menubar-glass{background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.text-shadow-subtle{text-shadow:0 1px 2px rgba(0,0,0,.1)}.dock-item{transition:transform var(--transition-spring)}.dock-item:hover{transform:scale(1.15) translateY(-8px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}