/* A dedicated Apple-family icon set, shared by the desktop and phone. */
html[data-theme=macos] :is(.desktop-icon,.dock-app) :is(.icon-art,.dock-app-art){
  background:var(--apple-icon) center/contain no-repeat;
  border:0;border-radius:23%;box-shadow:0 3px 7px #201b3a2e;
  overflow:visible;flex-shrink:0;transition:filter .15s ease,transform .15s ease;
}
html[data-theme=macos] :is(.icon-art,.dock-app-art) .os-symbol{display:none}
html[data-theme=macos] :is(.icon-projekt,.dock-projekt){--apple-icon:url('mac-icons/projekt.svg')}
html[data-theme=macos] :is(.icon-willkommen,.dock-willkommen){--apple-icon:url('mac-icons/willkommen.svg')}
html[data-theme=macos] :is(.icon-leistungen,.dock-leistungen){--apple-icon:url('mac-icons/leistungen.svg')}
html[data-theme=macos] :is(.icon-ablauf,.dock-ablauf){--apple-icon:url('mac-icons/ablauf.svg')}
html[data-theme=macos] :is(.icon-ueber,.dock-ueber){--apple-icon:url('mac-icons/ueber.svg')}
html[data-theme=macos] :is(.icon-kontakt,.dock-kontakt){--apple-icon:url('mac-icons/kontakt.svg')}
html[data-theme=macos] :is(.icon-einstellungen,.dock-einstellungen){--apple-icon:url('mac-icons/einstellungen.svg')}
html[data-theme=macos] .desktop-icon{background:transparent;border-color:transparent;outline:0;box-shadow:none;align-items:center;justify-content:flex-start}
html[data-theme=macos] .desktop-icon>span:last-child{border-radius:5px;padding:2px 4px;line-height:1.3;text-align:center}
html[data-theme=macos] .desktop-icon:hover{background:transparent}
html[data-theme=macos] .desktop-icon:hover .icon-art{filter:brightness(1.08)}
html[data-theme=macos] .desktop-icon:focus-visible .icon-art{outline:2px solid #fff;outline-offset:4px}
html[data-theme=macos] .desktop-icon:focus-visible>span:last-child{background:#2469c6;color:#fff;text-shadow:none}
html[data-theme=macos] .desktop-icon:active .icon-art{filter:brightness(.85);transform:scale(.96)}
html[data-theme=macos] .dock-app:focus-visible{outline:0;background:transparent}
html[data-theme=macos] .dock-app:focus-visible .dock-app-art{outline:2px solid white;outline-offset:3px}
html[data-theme=macos] .dock-app[aria-pressed=true]{background:transparent}
html[data-theme=macos] .dock-app:active .dock-app-art{filter:brightness(.85);transform:scale(.96)}
html[data-theme=macos] .start-button{background:transparent;box-shadow:none}
html[data-theme=macos] .start-button>span{display:block;width:38px;height:38px;background:url('mac-icons/launcher.svg') center/contain no-repeat;font-size:0;line-height:0;color:transparent;border:0;border-radius:23%;box-shadow:0 2px 5px #201b3a26}
html[data-theme=macos] .start-button:focus-visible{outline:0}
html[data-theme=macos] .start-button:focus-visible>span{outline:2px solid white;outline-offset:3px}
html[data-theme=macos] .start-button[aria-expanded=true]>span{filter:brightness(.85)}
@media (min-width:601px) and (min-height:601px), (min-width:1001px), (min-width:601px) and (pointer:fine), (min-width:601px) and (pointer:none) {
  html[data-theme=macos] .desktop-icons{width:124px;gap:4px;left:8px}
  html[data-theme=macos] .desktop-icon{width:124px;min-height:88px;gap:5px;padding:4px 3px;font-size:11px}
  html[data-theme=macos] .icon-art{width:48px;height:48px}
  html[data-theme=macos] .desktop-icon>span:last-child{max-width:118px}
}
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html[data-theme=macos] .desktop-icon{width:100%;padding:3px 0;gap:7px;border-radius:0}
  html[data-theme=macos] .desktop-icon>span:last-child{padding:2px 1px;max-width:100%;font-size:11px}
  html[data-theme=macos] .start-button>span{width:48px;height:48px}
  html[data-theme=macos] .dock-app[aria-pressed=true] .dock-app-art{box-shadow:0 0 0 2px #fff9,0 3px 7px #201b3a2e}
}
@media(prefers-reduced-motion:reduce){html[data-theme=macos] :is(.icon-art,.dock-app-art){transition:none}}
html[data-theme=macos] .desktop-icon:focus-visible{background:transparent;outline:0;box-shadow:none}

/* Small screens use clean edges, without blurred glyph layers or scaling effects. */
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html[data-theme=macos] :is(.desktop-icon,.dock-app) :is(.icon-art,.dock-app-art){box-shadow:0 2px 2px #201b3a26;transition:none}
  html[data-theme=macos] .icon-art{width:64px;height:64px}
  html[data-theme=macos] .desktop-icon{ text-shadow:0 1px 1px #241c3966 }
  html[data-theme=macos] .desktop-icon:hover .icon-art{filter:none}
  html[data-theme=macos] :is(.desktop-icon:active .icon-art,.dock-app:active .dock-app-art){transform:none;filter:brightness(.9)}
  html[data-theme=macos] .start-button>span{box-shadow:0 2px 2px #201b3a26}
}