@keyframes mackos-mac-fade-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mackos-welcome-fade-in{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes mackos-progress-fill{0%{width:0%}60%{width:0%}to{width:100%}}@keyframes mackos-shell-fade{0%{opacity:0}to{opacity:1}}:where(.mackos-shell){--mackos-bg: #888;--mackos-bg-pattern: #6e6e6e;--mackos-fg: #000;--mackos-window-bg: #fff;--mackos-window-edge: #000;--mackos-stripe: #000;--mackos-titlebar-bg: #fff;--mackos-shadow: 2px 2px 0 #000;--mackos-font: "Press Start 2P", "Chicago", "Geneva", system-ui, monospace;--mackos-menubar-h: 24px;position:fixed;inset:0;font-family:var(--mackos-font);font-size:11px;line-height:1.4;color:var(--mackos-fg);background:var(--mackos-bg);background-image:radial-gradient(var(--mackos-bg-pattern) 1px,transparent 1px);background-size:4px 4px;user-select:none;cursor:default;overflow:hidden;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;.boot{position:absolute;inset:0;background:#000;display:grid;place-items:center;z-index:1000}.boot__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.boot__mac{animation:mackos-mac-fade-in .6s ease .2s both}.boot__welcome{color:#fff;font-size:14px;letter-spacing:.08em;animation:mackos-welcome-fade-in 1.2s ease .8s both}.boot__progress{width:220px;height:8px;border:1px solid #fff;background:#000;overflow:hidden;animation:mackos-welcome-fade-in 1.2s ease .8s both}.boot__progress-fill{height:100%;background:#fff;animation:mackos-progress-fill 2s linear .4s both}.menubar{position:absolute;inset:0 0 auto;height:var(--mackos-menubar-h);background:var(--mackos-titlebar-bg);border-bottom:1px solid var(--mackos-fg);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;z-index:100;font-size:10px}.menubar__group{display:flex;align-items:center;gap:.75rem;position:relative}.menubar__apple{background:none;border:none;padding:2px 6px;cursor:pointer;display:grid;place-items:center}.menubar__apple:hover,.menubar__apple--open{background:var(--mackos-fg)}.menubar__apple:hover svg rect[fill="#000"],.menubar__apple--open svg rect[fill="#000"]{fill:#fff}.menubar__apple:hover svg rect[fill="#fff"],.menubar__apple--open svg rect[fill="#fff"]{fill:#000}.menubar__title{font-weight:700;font-size:10px}.menubar__clock{font-size:10px;letter-spacing:.04em}.menubar__dropdown{position:absolute;top:calc(var(--mackos-menubar-h) - 1px);left:0;min-width:180px;background:var(--mackos-window-bg);border:1px solid var(--mackos-fg);box-shadow:var(--mackos-shadow);padding:4px 0;z-index:200}.menubar__item{display:block;width:100%;text-align:left;background:none;border:none;padding:5px 12px;font:inherit;font-size:10px;cursor:pointer}.menubar__item:hover{background:var(--mackos-fg);color:#fff}.menubar__divider{height:1px;background:#aaa;margin:4px 8px}.desktop{position:absolute;inset:0;animation:mackos-shell-fade .4s ease both}.desktop__icons{position:absolute;top:calc(var(--mackos-menubar-h) + 12px);right:12px;display:flex;flex-direction:column;gap:18px;z-index:5}.desktop__windows{position:absolute;inset:var(--mackos-menubar-h) 0 0 0;pointer-events:none}.desktop__windows>*{pointer-events:auto}.desktop-icon{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;cursor:pointer;width:80px;color:var(--mackos-fg)}.desktop-icon__art{display:grid;place-items:center;padding:4px}.desktop-icon--selected .desktop-icon__art svg{filter:drop-shadow(0 0 1px #fff)}.desktop-icon__label{font-size:9px;text-align:center;line-height:1.3;padding:1px 4px;background:transparent}.desktop-icon--selected .desktop-icon__label{background:var(--mackos-fg);color:#fff}.window{position:absolute;background:var(--mackos-window-bg);border:1px solid var(--mackos-window-edge);box-shadow:var(--mackos-shadow);display:flex;flex-direction:column;min-height:0}.window__titlebar{height:18px;border-bottom:1px solid var(--mackos-window-edge);display:flex;align-items:center;padding:0 6px;cursor:grab;background:var(--mackos-window-bg);user-select:none}.window--focused .window__titlebar{background:repeating-linear-gradient(to bottom,var(--mackos-stripe) 0,var(--mackos-stripe) 1px,var(--mackos-window-bg) 1px,var(--mackos-window-bg) 3px)}.window__titlebar:active{cursor:grabbing}.window__close{width:11px;height:11px;background:var(--mackos-window-bg);border:1px solid var(--mackos-window-edge);margin-right:8px;padding:0;cursor:pointer;flex-shrink:0}.window__close:hover{background:var(--mackos-window-edge)}.window__title{flex:1;text-align:center;font-size:10px;background:var(--mackos-window-bg);padding:0 8px}.window__body{flex:1;overflow:hidden;background:var(--mackos-window-bg);font-family:var(--mackos-font);color:var(--mackos-fg);min-height:0}.window__loading{display:grid;place-items:center;height:100%;background:#f0f0f0;font-size:10px;color:#666}.about{display:flex;align-items:center;gap:16px;padding:18px;height:100%}.about__copy{display:flex;flex-direction:column;gap:6px}.about__title{font-size:14px;font-weight:700}.about__line{font-size:9px}.about__line--dim{color:#666}.readme{padding:16px 20px;overflow-y:auto;height:100%;font-size:10px;line-height:1.6}.readme__h2{font-size:13px;margin:0 0 12px}.readme__h3{font-size:11px;margin:14px 0 6px}.readme p{margin:0 0 8px}.readme code{font-family:Courier New,monospace;background:#eee;padding:1px 4px;font-size:9px}.readme__sig{margin-top:16px;color:#666;font-style:italic}.trash-window{padding:24px;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px}.trash-window__line{font-size:10px}.trash-window__hint{font-size:9px;color:#888}}:where(.mackos-shell--mobile){display:grid;place-items:center;background:#888;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:where(.mackos-shell--mobile) .mobile{width:100%;max-width:360px;padding:32px 24px;background:#fff;border:1px solid #000;box-shadow:3px 3px #000}:where(.mackos-shell--mobile) .mobile__title{font-size:24px;font-weight:700;margin-bottom:4px;text-align:center}:where(.mackos-shell--mobile) .mobile__sub{font-size:10px;color:#666;text-align:center;margin-bottom:24px}:where(.mackos-shell--mobile) .mobile__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}:where(.mackos-shell--mobile) .mobile__tile{width:100%;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#fff;border:1px solid #000;cursor:pointer;font-family:inherit;font-size:12px;color:#000;min-height:88px}:where(.mackos-shell--mobile) .mobile__tile:active{background:#ddd}:where(.mackos-shell--mobile) .mobile__art{flex-shrink:0;display:grid;place-items:center;width:64px}:where(.mackos-shell--mobile) .mobile__name{font-weight:700;text-align:left;flex:1}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:"Press Start 2P",system-ui,-apple-system,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow:hidden}button{font:inherit;cursor:pointer}img,svg{display:block}