@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}.notes-layer{position:absolute;inset:var(--mackos-menubar-h) 0 0 0;pointer-events:none;z-index:3;overflow:hidden}.notes-layer>*{pointer-events:auto}.sticky-note{position:absolute;width:160px;min-height:100px;padding:10px 12px 8px;border:1px solid var(--mackos-window-edge);box-shadow:var(--mackos-shadow);font-size:10px;line-height:1.4;cursor:grab}.sticky-note:active{cursor:grabbing}.sticky-note--yellow{background:#fff48a}.sticky-note--pink{background:#ffb3d1}.sticky-note--blue{background:#a3d8ff}.sticky-note--green{background:#a3f0c0}.sticky-note__author{font-weight:700;margin-bottom:4px}.sticky-note__message{white-space:pre-wrap;word-break:break-word}.sticky-note__time{margin-top:6px;font-size:8px;color:#00000080}.new-note{display:flex;flex-direction:column;gap:10px;padding:14px;height:100%;box-sizing:border-box}.new-note__field{display:flex;flex-direction:column;gap:4px}.new-note__label{font-size:9px;color:#444}.new-note__input,.new-note__textarea{font:inherit;font-size:10px;border:1px solid var(--mackos-window-edge);background:var(--mackos-window-bg);padding:4px 6px;box-sizing:border-box}.new-note__textarea{resize:none;min-height:60px;font-family:Chicago,Geneva,system-ui,monospace}.new-note__counter{font-size:8px;color:#666;align-self:flex-end}.new-note__colors{display:flex;gap:6px}.new-note__swatch{width:22px;height:22px;border:1px solid var(--mackos-window-edge);cursor:pointer;padding:0}.new-note__swatch--yellow{background:#fff48a}.new-note__swatch--pink{background:#ffb3d1}.new-note__swatch--blue{background:#a3d8ff}.new-note__swatch--green{background:#a3f0c0}.new-note__swatch--selected{box-shadow:0 0 0 2px #000 inset}.new-note__error{font-size:9px;color:#a00}.new-note__actions{display:flex;justify-content:flex-end;gap:6px;margin-top:auto}.new-note__submit{font:inherit;font-size:10px;border:1px solid var(--mackos-window-edge);background:var(--mackos-window-bg);padding:3px 14px;cursor:pointer}.new-note__submit:hover:not(:disabled){background:var(--mackos-window-edge);color:var(--mackos-window-bg)}.new-note__submit:disabled{opacity:.5;cursor:default}}: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;text-align:center}:where(.mackos-shell--mobile) .mobile__title{font-size:24px;font-weight:700;margin-bottom:12px}:where(.mackos-shell--mobile) .mobile__body{font-size:13px;line-height:1.5;color:#333}*,*: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}