#capsule-screen-content { isolation: isolate; }
#capsule-screen-content [hidden] { display: none !important; }
.mac-boot, .mac-finder {
  position: absolute;
  inset: 0;
  color: #171717;
  font: 18px/1.25 Chicago, Charcoal, Geneva, "Arial", sans-serif;
}
.mac-boot {
  display: grid;
  place-items: center;
  background: #c5c5c5;
  animation: mac-wake .6s ease-out both;
}
@keyframes mac-wake {
  from { opacity: 0; filter: brightness(.73); }
  to { opacity: 1; filter: brightness(1); }
}
.mac-happy, .mac-welcome { display: none; }
[data-boot="happy"] .mac-happy, [data-boot="welcome"] .mac-welcome { display: block; }
.mac-happy { width: 96px; height: 96px; shape-rendering: crispEdges; }
.mac-welcome {
  width: 490px;
  padding: 32px 38px 23px;
  text-align: center;
  background: #dedede;
  border: 2px solid #202020;
  box-shadow: inset 2px 2px #fff, inset -2px -2px #818181, 4px 4px #0004;
}
.mac-welcome svg { width: 104px; height: 104px; }
.mac-welcome h2 { margin: 8px 0 3px; font-size: 42px; letter-spacing: -.04em; }
.mac-welcome p { margin: 0 0 27px; }
.mac-progress {
  height: 16px;
  overflow: hidden;
  border: 1px solid #383838;
  box-shadow: inset 1px 1px #878787;
  background: #f4f4f4;
}
.mac-progress span {
  display: block;
  height: 100%;
  background: repeating-linear-gradient(135deg,#555ea1 0 5px,#737dbd 5px 10px);
  transform-origin: left;
  animation: mac-progress 4.3s steps(32, end) both;
}
@keyframes mac-progress { from { transform: scaleX(.03); } to { transform: scaleX(1); } }
.mac-finder {
  background: #8995a5;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='23' viewBox='0 0 18 23'%3E%3Cpath d='M1 1v18l5-5 4 8 3-2-4-7h7z' fill='black' stroke='white'/%3E%3C/svg%3E") 1 1, default;
}
.mac-finder button, .mac-finder summary { font: inherit; cursor: inherit; color: inherit; }
.mac-menubar {
  height: 28px;
  display: flex;
  align-items: stretch;
  background: linear-gradient(#f6f6f6,#d4d4d4);
  box-shadow: inset 0 1px white, 0 1px #242424;
  padding: 0 8px;
}
.mac-menu { position: relative; z-index: 2; }
.mac-menu summary { list-style: none; padding: 2px 12px; height: 28px; }
.mac-menu summary::-webkit-details-marker { display: none; }
.mac-menu[open] summary, .mac-menu-list button:hover { background: #343b83; color: white; }
.mac-menu-list {
  position: absolute;
  top: 28px;
  left: 0;
  min-width: 222px;
  padding: 4px 0;
  background: #e4e4e4;
  border: 1px solid #252525;
  box-shadow: 2px 2px #0007, inset 1px 1px white;
  white-space: nowrap;
}
.mac-menu-list span, .mac-menu-list button { display: block; width: 100%; padding: 4px 13px; text-align: left; }
.mac-menu-list span { color: #666; }
.mac-menu-list button { border: 0; background: transparent; }
.mac-apple { font-size: 23px; line-height: 22px; }
.mac-active-app { margin-left: auto; padding: 3px 12px; border-left: 1px solid #aaa; }
.mac-icon {
  position: absolute;
  right: 24px;
  width: 150px;
  border: 0;
  background: transparent;
  text-align: center;
}
.mac-icon svg { display: block; margin: 0 auto 5px; width: 56px; height: 56px; shape-rendering: crispEdges; }
.mac-icon span { background: #e0e0e0; padding: 1px 5px; }
.mac-icon[aria-pressed="true"] span { color: #fff; background: #30316a; }
.mac-disk { top: 55px; }
.mac-trash { bottom: 23px; }
.mac-window {
  position: absolute;
  top: 126px;
  left: 116px;
  width: 480px;
  background: #e4e4e4;
  border: 1px solid #181818;
  box-shadow: inset 1px 1px #fff, inset -1px -1px #787878, 3px 3px #0005;
}
.mac-window header {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31px;
  border-bottom: 1px solid #737373;
  background: repeating-linear-gradient(#ededed 0 2px,#a4a4a4 2px 3px);
}
.mac-window header strong { background: #ddd; padding: 0 9px; }
.mac-window header button {
  position: absolute;
  left: 9px;
  width: 16px;
  height: 16px;
  padding: 0;
  background: #ddd;
  border: 1px solid #444;
  box-shadow: inset 1px 1px #fff, inset -1px -1px #939393;
}
.mac-window-body { padding: 24px; margin: 5px; min-height: 128px; background: #fff; border: 1px solid #777; }
@media (prefers-reduced-motion: reduce) {
  .mac-boot { animation: none; }
  .mac-progress span { animation: none; transform: scaleX(.65); }
}

.mac-trash-window { z-index: 2; }
.mac-finder:has(.mac-trash-window:not([hidden])) .mac-menu { z-index: 3; }
.mac-trash-window header { cursor: move; touch-action: none; user-select: none; }
.mac-trash-window header button { cursor: default; }
.mac-manuscript { background: transparent; border: 0; padding: 4px; }
.mac-manuscript svg { display: block; margin: 0 auto 4px; }
.mac-manuscript[aria-pressed="true"] span { background: #30316a; color: white; }
.mac-trash-modal { position: absolute; inset: 0; z-index: 4; display: grid; place-items: center; }
.mac-trash-alert { width: 460px; padding: 22px; border: 2px solid #222; background: #ddd;
  box-shadow: inset 2px 2px white, inset -2px -2px #777, 4px 4px #0006; }
.mac-trash-alert p { margin: 0 0 22px; white-space: pre-line; }
.mac-trash-alert button { display: block; margin-left: auto; min-width: 80px; border: 3px double #222;
  border-radius: 5px; background: linear-gradient(#fff, #bbb); }