/* Real application symbols and controls shared by the opt-in desktops. */
.os-symbol,.mac-menubar,.dock-launchers{display:none}.app-symbol-definitions{position:absolute;pointer-events:none;overflow:hidden}
html:is([data-theme=macos],[data-theme=modern]) .os-symbol{display:block;width:24px;height:24px;flex-shrink:0}
html:is([data-theme=macos],[data-theme=modern]) .retro-glyph{display:none}
html:is([data-theme=macos],[data-theme=modern]) .icon-art .os-symbol{width:28px;height:28px}
html:is([data-theme=macos],[data-theme=modern]) .title-icon .os-symbol{width:17px;height:17px}
html:is([data-theme=macos],[data-theme=modern]) .theme-settings>.eyebrow{font-size:11px;letter-spacing:.12em;color:#667085}
/* macOS-inspired desktop: a continuous wallpaper, menu bar and living dock. */
html[data-theme=macos]{--ui-font:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--paper:#fcfcfd;--theme-line:#d9dae0;--theme-shadow:0 22px 65px #241b3c40,0 0 0 1px #0000000b}
html[data-theme=macos] .windows-os{background:radial-gradient(ellipse at 100% 100%,#ffd3a7 0,transparent 48%),radial-gradient(ellipse at 4% 96%,#b989c7 0,transparent 58%),linear-gradient(150deg,#161e49 3%,#4b3d7a 42%,#df9499 100%)}
html[data-theme=macos] .os-desktop{top:32px;bottom:91px;background:transparent}
html[data-theme=macos] .os-desktop::before{content:'';position:absolute;inset:-18% -10%;pointer-events:none;background:radial-gradient(ellipse at 72% 100%,#fff0c340,transparent 58%);filter:blur(40px)}
html[data-theme=macos] .mac-menubar{position:fixed;top:0;left:0;right:0;height:32px;display:flex;align-items:center;gap:21px;padding:0 20px;background:#efe8f7c9;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-bottom:1px solid #ffffff3d;color:#2c213b;font:12px/1 var(--ui-font);z-index:20002;box-shadow:0 1px 8px #30214310}
html[data-theme=macos] .mac-wordmark{font-size:15px;font-weight:800;letter-spacing:-.06em}.mac-active-app{font-weight:650;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=macos] .mac-menubar button{height:28px;min-height:0;padding:0 8px;margin:0 -8px;border:0;border-radius:4px;background:transparent;font:inherit;cursor:pointer}
html[data-theme=macos] .mac-menubar button:hover,html[data-theme=macos] .mac-menubar button[aria-expanded=true]{background:#ffffff80}
html[data-theme=macos] .mac-menubar button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
html[data-theme=macos] .mac-clock{margin-left:auto;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
html[data-theme=macos] .os-titlebar,html[data-theme=macos] .os-window.is-active .os-titlebar{min-height:48px;background:linear-gradient(#fbfafc,#eeedf1);border-color:#d5d3dc;padding:8px 12px;gap:12px}
html[data-theme=macos] .os-window:not(.is-active) .window-controls button{background:#d0cdd4;border-color:#c4c0c9}
html[data-theme=macos] .os-window:not(.is-active) .drag-handle{color:#8a8592}
html[data-theme=macos] .drag-handle{justify-content:center;padding-right:70px;font-size:12px;font-weight:650;letter-spacing:-.01em}
html[data-theme=macos] .title-icon{width:17px;color:#8c829d}
html[data-theme=macos] .window-controls{gap:8px;padding:0;flex-shrink:0}
html[data-theme=macos] .window-controls button{box-shadow:inset 0 1px 1px #ffffff3d;width:13px;min-width:13px;height:13px}
html[data-theme=macos] .os-window-bottom{background:#f5f4f7;border-color:#e3e0e7;font-size:10px;height:23px;padding-left:13px;color:#7f7888}
html[data-theme=macos] .resize-handle{font-size:14px;opacity:.6}
html[data-theme=macos] .icon-art{border-radius:12px;border:1px solid #ffffffc2;box-shadow:inset 0 1px #fff,0 3px 8px #20163326;background:linear-gradient(155deg,#fff,#eceafa);color:#4b488b}
html[data-theme=macos] .icon-projekt{background:linear-gradient(140deg,#a8b4fa,#655bda);color:white}
html[data-theme=macos] .icon-kontakt{background:linear-gradient(140deg,#66c7f5,#1770d4);color:white}
html[data-theme=macos] .icon-leistungen{background:linear-gradient(#a4e1ff,#64b7ed);color:#236496}
html[data-theme=macos] .icon-ablauf{background:linear-gradient(140deg,#ffe594,#f1a143);color:#85571c}
html[data-theme=macos] .desktop-icon{font-size:12px;line-height:1.4;gap:7px;min-height:82px}
html[data-theme=macos] .desktop-icons{gap:9px;width:105px;top:20px}
html[data-theme=macos] footer.taskbar{bottom:11px;width:max-content;max-width:calc(100% - 24px);height:72px;gap:11px;padding:7px 12px;border-radius:19px;background:#f4ecf68c;border:1px solid #ffffff84;box-shadow:inset 0 1px #ffffff59,0 10px 32px #221c3f33;overflow:visible}
html[data-theme=macos] footer.taskbar :is(.task-buttons,.show-desktop,.desktop-clock){display:none}
html[data-theme=macos] footer.taskbar .taskbar-divider{display:block;height:39px;align-self:center;background:#ffffff78;margin:0;width:1px}
html[data-theme=macos] .start-button{width:48px;height:50px;min-height:0;display:flex;flex-direction:column;gap:2px;padding:2px;font-size:9px;border:0;box-shadow:none;background:#ffffffa6;border-radius:12px}
html[data-theme=macos] .start-button>span{font:30px/1.1 var(--ui-font);color:#4e4482}
html[data-theme=macos] .dock-launchers{display:flex;align-items:center;gap:9px}
html[data-theme=macos] .dock-app{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:51px;height:57px;padding:0;border:0;box-shadow:none;background:transparent;border-radius:11px;cursor:pointer;transition:transform .15s ease}
html[data-theme=macos] .dock-app-art{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:linear-gradient(145deg,#fff,#dedbea);color:#4b477c;border:1px solid #ffffffb3;box-shadow:inset 0 1px #fff9,0 3px 5px #241b4229}
html[data-theme=macos] .dock-app .os-symbol{width:27px;height:27px}
html[data-theme=macos] .dock-projekt .dock-app-art{background:linear-gradient(145deg,#a3b4ff,#6750cf);color:white}
html[data-theme=macos] .dock-kontakt .dock-app-art{background:linear-gradient(145deg,#64cfff,#126ac9);color:white}
html[data-theme=macos] .dock-leistungen .dock-app-art{background:linear-gradient(#a7e4ff,#63b0e9);color:#255e8c}
html[data-theme=macos] .dock-ablauf .dock-app-art{background:linear-gradient(145deg,#ffe69e,#f2a851);color:#8b591d}
html[data-theme=macos] .dock-einstellungen .dock-app-art{background:linear-gradient(#f5f5f8,#b7b8c5);color:#4b4b60}
html[data-theme=macos] .dock-app:hover{transform:translateY(-4px)}
html[data-theme=macos] .dock-app:focus-visible{outline:2px solid #fff;outline-offset:4px}
html[data-theme=macos] .dock-dot{height:4px;width:4px;border-radius:50%;background:#4b3659;visibility:hidden}
html[data-theme=macos] .dock-app.is-running .dock-dot{visibility:visible}
html[data-theme=macos] .dock-app[aria-pressed=true] .dock-dot{background:#1b1324;width:6px}
html[data-theme=macos] .dock-label{position:absolute;bottom:calc(100% + 11px);left:50%;transform:translateX(-50%);padding:6px 10px;white-space:nowrap;font:12px/1.4 var(--ui-font);border-radius:6px;border:1px solid #ffffffb0;background:#f5f0f7e8;color:#302a3c;box-shadow:0 2px 8px #261c4430;display:none;pointer-events:none}
html[data-theme=macos] .dock-app:hover .dock-label,html[data-theme=macos] .dock-app:focus-visible .dock-label{display:block}
html[data-theme=macos] .start-menu{bottom:94px;left:max(12px,calc((100vw - 468px)/2));width:300px;border-radius:11px;padding:7px;background:#f5f0f8ed;border-color:#ffffff9c;box-shadow:0 10px 35px #251c3e47}
html[data-theme=macos] .start-menu.is-top-menu{top:37px;bottom:auto;left:160px;max-height:calc(100dvh - 49px)}
html[data-theme=macos] .start-menu-items>p{font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:10px 10px 8px;color:#8b7f94}
html[data-theme=macos] .start-menu-items :is(button,a){min-height:35px;padding:6px 10px;font-size:12px;border-radius:5px;gap:10px}
html[data-theme=macos] .start-menu-items :is(button,a):hover,html[data-theme=macos] .start-menu-items :is(button,a):focus-visible{background:#2675d9;color:white}
html[data-theme=macos] .start-menu-items :is(button,a):hover .menu-icon,html[data-theme=macos] .start-menu-items :is(button,a):focus-visible .menu-icon{color:white}
html[data-theme=macos] .menu-icon .os-symbol{width:18px;height:18px}
html[data-theme=macos] .theme-settings{padding:32px}
html[data-theme=macos] .theme-settings h2{letter-spacing:-.04em}
html[data-theme=macos] .theme-option{box-shadow:0 2px 5px #40365208;border-color:#dddae2;background:#fff}
html[data-theme=macos] .theme-option:has(input:checked){background:#f0f4fc;box-shadow:0 3px 10px #3875ca14}
html[data-theme=macos] .wizard-sidebar{background:#eeedf3;color:#675e75;border-right:1px solid #dcd9e4}
html[data-theme=macos] .wizard-sidebar button[aria-current=step]{background:#dcdce8;border-color:transparent;box-shadow:none;color:#35324d}
html[data-theme=macos] .wizard-header{background:#faf9fc}
html[data-theme=macos] footer.wizard-footer{background:#f5f3f8;border-color:#dedbe5}
html[data-theme=macos] .button{border-radius:6px;box-shadow:0 1px 2px #241b4412;background:linear-gradient(#fff,#f9f8fb);border-color:#d0ccd7}
html[data-theme=macos] .button.primary{background:linear-gradient(#2c85ee,#126ad4);border:1px solid #1768c6;box-shadow:inset 0 1px #ffffff26,0 1px 2px #18457620}
html[data-theme=macos] .wizard-field :is(input,textarea,select){border-color:#c1bacb;border-radius:6px;box-shadow:inset 0 1px 2px #241b440b}
html[data-theme=macos] .wizard-field :is(input,textarea,select):focus{outline:3px solid #4d9be54d;outline-offset:1px;border-color:#3b8de2}
html[data-theme=macos] .wallpaper-brand img{background:#ffffffc9;border-radius:18px;border-color:#ffffff85;box-shadow:0 15px 40px #46345214}
html[data-theme=macos] .wallpaper-brand span{font-size:10px;letter-spacing:.15em}
@media(max-width:700px){html[data-theme=macos] .mac-menubar{gap:14px;padding:0 12px}html[data-theme=macos] .mac-active-app{display:none}html[data-theme=macos] .mac-menubar [data-command=arrange]{display:none}html[data-theme=macos] .mac-clock{font-size:10px}html[data-theme=macos] .start-menu.is-top-menu{left:8px}html[data-theme=macos] .drag-handle{padding-right:26px}}
@media(max-width:600px){html[data-theme=macos] .os-desktop{top:32px;bottom:78px}html[data-theme=macos] footer.taskbar{height:66px;bottom:6px;max-width:calc(100% - 10px);padding:5px 7px;gap:7px;border-radius:16px}html[data-theme=macos] .dock-launchers{gap:3px}html[data-theme=macos] .dock-app{width:40px;height:52px}html[data-theme=macos] .dock-app-art{width:37px;height:37px;border-radius:10px}html[data-theme=macos] .dock-app .os-symbol{width:23px;height:23px}html[data-theme=macos] .start-button{width:37px;height:40px;border-radius:9px;font-size:8px}html[data-theme=macos] .start-button>span{font-size:23px}html[data-theme=macos] .start-menu{bottom:80px;left:7px}html[data-theme=macos] .window-controls button{height:21px;width:21px;min-width:21px}html[data-theme=macos] .os-titlebar{gap:7px;padding:6px 9px}html[data-theme=macos] .theme-settings{padding:24px 18px}html[data-theme=macos] .dock-label{font-size:10px}html[data-theme=macos] .mac-menubar [data-open=einstellungen]{display:none}}
@media(max-width:350px){html[data-theme=macos] .dock-app{width:34px}html[data-theme=macos] .dock-app-art{width:32px;height:32px}html[data-theme=macos] .dock-launchers{gap:1px}html[data-theme=macos] footer.taskbar{gap:4px}}
@media(prefers-reduced-motion:reduce){html[data-theme=macos] .dock-app{transition:none}html[data-theme=macos] .dock-app:hover{transform:none}}
/* Decorative wallpaper must neither scroll the desktop nor cover its branding. */
html:is([data-theme=macos],[data-theme=modern]) .os-desktop{overflow:clip}
html:is([data-theme=macos],[data-theme=modern]) :is(.wallpaper-brand,.desktop-hint){z-index:1}
/* Pixel-independent, optically centered traffic-light symbols. */
@media(min-width:601px){
  html[data-theme=macos] .window-controls button,
  html[data-theme=macos] .window-controls:hover button{position:relative;font-size:0;padding:0;line-height:0}
  html[data-theme=macos] .window-controls button::before{content:'';position:absolute;inset:0;margin:auto;width:8px;height:8px;background:currentColor;opacity:0;pointer-events:none;mask:var(--traffic-symbol) center/contain no-repeat;-webkit-mask:var(--traffic-symbol) center/contain no-repeat}
  html[data-theme=macos] .window-controls:hover button::before,
  html[data-theme=macos] .window-controls:focus-within button::before{opacity:1}
  html[data-theme=macos] [data-action=close]{--traffic-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m2 2 6 6m0-6-6 6' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E")}
  html[data-theme=macos] [data-action=minimize]{--traffic-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 5h8' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E")}
  html[data-theme=macos] [data-action=maximize]{--traffic-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1h5L1 6zm8 8H4l5-5z'/%3E%3C/svg%3E")}
  html[data-theme=macos] .is-maximized [data-action=maximize]{--traffic-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M4 4H0l4-4zm2 2h4l-4 4z'/%3E%3C/svg%3E")}
}

/* Keep the desktop wallpaper continuous behind the floating Mac dock. */
html[data-theme=macos] .os-desktop::before{display:none}