:root{--macos-blue: #007AFF;--macos-blue-hover: #0051D5;--macos-red: #FF3B30;--macos-orange: #FF9500;--macos-yellow: #FFCC00;--macos-green: #34C759;--macos-teal: #5AC8FA;--macos-purple: #AF52DE;--macos-pink: #FF2D55;--window-close: #FF5F57;--window-minimize: #FEBC2E;--window-maximize: #28C840;--gray-1: #1d1d1f;--gray-2: #424245;--gray-3: #6e6e73;--gray-4: #86868b;--gray-5: #d2d2d7;--gray-6: #f5f5f7;--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: rgba(242, 242, 247, .95);--bg-tertiary: rgba(228, 228, 233, .95);--bg-overlay: rgba(0, 0, 0, .3);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-2xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .18);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--blur-sm: blur(10px);--blur-md: blur(20px);--blur-lg: blur(40px);--z-desktop: 1;--z-window: 100;--z-dock: 1000;--z-navbar: 1001;--z-launchpad: 2000;--z-spotlight: 3000;--z-modal: 4000;--z-notification: 5000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-1);overflow:hidden;width:100vw;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4,h5,h6{font-size:var(--font-size-base)}p{line-height:1.5;margin-bottom:var(--spacing-md)}a{color:var(--macos-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--macos-blue-hover);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::selection{background:var(--macos-blue);color:#fff}button:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 4px #007aff33}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-5);border-radius:var(--radius-md);background:#fff;transition:border-color var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--gray-4)}input:focus,textarea:focus,select:focus{border-color:var(--macos-blue)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.hidden{display:none}.visible{display:block}.glass{background:var(--bg-primary);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid rgba(255,255,255,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:768px){:root{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px}}@media print{body{overflow:visible;height:auto}.no-print{display:none!important}}