macweb.dev

#root { display: none; } .mac-ns-screen { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background-color: #000; background: radial-gradient(ellipse at 50% 0%, #2a4a7a 0%, #1a2a4a 40%, #0a0f1a 100%); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif; color: #ffffff; z-index: 9999; } .mac-ns-window { width: min(420px, calc(100% - 32px)); background: rgba(30, 30, 32, 0.75); border-radius: 12px; border: 0.5px solid rgba(255, 255, 255, 0.15); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.2) inset; backdrop-filter: blur(50px) saturate(150%); -webkit-backdrop-filter: blur(50px) saturate(150%); overflow: hidden; } .mac-ns-titlebar { height: 38px; display: flex; align-items: center; padding: 0 16px; background: rgba(255, 255, 255, 0.02); border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); } .mac-ns-traffic { display: flex; gap: 8px; } .mac-ns-traffic span { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.1); } .mac-ns-traffic span:nth-child(1) { background: #ff5f57; } .mac-ns-traffic span:nth-child(2) { background: #febc2e; } .mac-ns-traffic span:nth-child(3) { background: #28c840; } .mac-ns-body { padding: 20px 24px 24px; display: flex; gap: 20px; align-items: flex-start; } .mac-ns-icon { flex-shrink: 0; width: 56px; height: 56px; background: linear-gradient(135deg, #F7DF1E 0%, #D4B800 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 800; color: #000; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 4px 12px rgba(0,0,0,0.2); letter-spacing: -1px; } .mac-ns-content { flex: 1; padding-top: 4px; } .mac-ns-title { font-size: 13px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 6px; } .mac-ns-desc { font-size: 13px; line-height: 1.4; color: rgba(255, 255, 255, 0.7); margin-bottom: 20px; } .mac-ns-actions { display: flex; justify-content: flex-end; } .mac-ns-button { background: #007AFF; color: white; font-size: 13px; font-weight: 500; padding: 4px 16px; border-radius: 6px; border: 0.5px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.1); opacity: 0.5; cursor: not-allowed; }

JavaScript is required to boot macOS.web

macweb.dev simulates an entire desktop environment in your browser. To initialize the system and load the UI, please enable JavaScript in your browser settings.

System Halted