/* A cutout to the coastal desktop beyond the Mac, edged for readability. */
.desktop-introduction { color:#273b42; }
.desktop-introduction h1 {
 color:#364850;
 text-shadow:0 1px #ffffff90;
}
@supports (background-clip:text) or (-webkit-background-clip:text) {
 .desktop-introduction h1 {
  color:transparent;
  background:url('/assets/coast.webp') center 46% / cover fixed;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-stroke:1px #294c62b3;
  text-shadow:none;
  filter:drop-shadow(0 1px 0 #ffffffcc) drop-shadow(0 3px 2px #173b5059);
 }
}
.desktop-tagline { color:#253b43c9;text-shadow:0 1px 1px #ffffffc9,0 0 12px #f6f8e875; }
.mac-download {
 color:#253944;
 background:linear-gradient(160deg,#ffffff7a,#ffffff25 48%,#a8c6d13b 100%);
 border-color:#ffffffc9;
 box-shadow:inset 0 1px 0 #fff, inset 0 -1px 0 #334d5c38,0 0 0 1px #3d576237,0 5px 12px -6px #142c468c;
 backdrop-filter:blur(7px) saturate(.8);-webkit-backdrop-filter:blur(7px) saturate(.8);
 text-shadow:0 1px 0 #ffffffbf;
}
.desktop-introduction .release-caption { color:#2f444dce;text-shadow:0 1px 1px #fff,0 0 5px #ffffffa6; }
.mac-download:active { box-shadow:inset 0 1px 3px #33495935,0 0 0 1px #3d576237; }
@media(hover:hover) and (pointer:fine) {
 .mac-download:hover { background-color:#ffffff24;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #3d576240,0 7px 15px -7px #24446f80; }
}
/* Three generously spaced starting points, still inside a small options menu. */
.hud .command-panel { width:270px;padding:6px;border-radius:16px;background:#101b21ed;backdrop-filter:blur(16px); }
.command-examples { gap:3px; }
.command-examples button { display:flex;align-items:center;gap:11px;min-height:54px;padding:8px 10px;border-radius:10px;font-size:13px; }
.command-examples .example-symbol { display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid #e5f1ff29;border-radius:10px;background:linear-gradient(135deg,#acc8df29,#6b8ca80d);box-shadow:inset 0 1px #ffffff14; }
.command-examples .example-symbol img { width:17px;height:17px;opacity:.9;filter:invert(1); }
@media(prefers-contrast:more) {
 .desktop-introduction h1 { background:none;color:#273b42;-webkit-text-stroke:0;filter:none; }
 .desktop-tagline,.desktop-introduction .release-caption { color:#1f333b; }
 .mac-download { background:#e7eff0;color:#152e3c;border-color:#405968; }
}