/* Aurora palette: violet, cyan, coral and mint. */
.desktop {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 4% 4%, #783ea9 0, transparent 52%),
    radial-gradient(ellipse at 100% 15%, #2263b6 0, transparent 50%),
    radial-gradient(ellipse at 85% 100%, #087f8e 0, transparent 48%),
    radial-gradient(ellipse at 0% 100%, #ae4b75 0, transparent 48%), #181d42;
  background-size:140% 140%,150% 150%,145% 145%,150% 150%;
  background-repeat:no-repeat;
  animation:none;
}
.desktop::before {
  content:"";position:absolute;left:50%;top:50%;width:150vmax;height:150vmax;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 4% 4%,#783ea9,transparent 52%),radial-gradient(ellipse at 100% 15%,#2263b6,transparent 50%),radial-gradient(ellipse at 85% 100%,#087f8e,transparent 48%),radial-gradient(ellipse at 0% 100%,#ae4b75,transparent 48%),#181d42;
  animation:aurora-clockwise 35s linear infinite;
  will-change:transform;
}
@keyframes aurora-clockwise {from{transform:translate3d(-50%,-50%,0) rotate(0deg);}to{transform:translate3d(-50%,-50%,0) rotate(360deg);}}
@keyframes desktop-aurora {
  0% {background-position:0% 0%,100% 0%,100% 100%,0% 100%;}
  50% {background-position:50% 30%,65% 50%,40% 75%,35% 55%;}
  100% {background-position:100% 50%,20% 0%,0% 100%,70% 20%;}
}
/* Mobile GPUs can leave rectangular tiles when an oversized rotating layer
   is sampled by translucent controls. Keep that layer within the viewport. */
@media(max-width:850px) and (pointer:coarse){
  .desktop::before {inset:0;width:100%;height:100%;transform:none;will-change:auto;background-size:180% 180%,180% 180%,180% 180%,180% 180%,100% 100%;background-repeat:no-repeat;animation:desktop-aurora 35s linear infinite alternate;}
}
@media(prefers-reduced-motion:reduce){.desktop,.desktop::before{animation:none;}}
.os-panel {background:#151429b5;border-color:#c8bcff27;}
.os-brand>span {color:#bc9cff;}
.os-brand small,.panel-status {color:#b5b5d4;}
.panel-right button {border-color:#b7a7ff40;background:#b7a7ff12;}
.online-dot {background:#64e3bf;box-shadow:0 0 10px #64e3bf55;}
.desktop-wordmark {color:#e1d6ffb0;}
.desktop-hint {color:#ded8efb0;}
.browser-window {border-color:#c2baff45;box-shadow:0 35px 100px #0d092f80;background:#131626;}
.window-titlebar {background:linear-gradient(100deg,#302542,#222b44);}
.active-tab {background:#1c2032;color:#ddd9ed;}
.window-caption {color:#a69ebc;}
.window-controls button {background:#fb7c91;}
.window-controls button:nth-child(2) {background:#ffd17b;}
.window-controls button:nth-child(3) {background:#6ce0bd;}
.browser-toolbar {background:#1c2032;}
.browser-toolbar button {color:#b8b6d2;}
.address {background:#121725;border-color:#adb5ff16;color:#dfdff3;}
.address>span:first-child,#address-path,.address-end {color:#a49bcc;}
.browser-bookmarks {background:#181c2c;border-color:#9aa8e21a;}
.browser-bookmarks button {color:#aaaec5;}
.browser-bookmarks button[aria-current=page] {background:#ab83ff24;color:#d5bfff;}
.browser-bookmarks button:hover {background:#98acff16;}
.browser-bookmarks button:nth-child(2)>span:first-child {color:#8abfff;}
.browser-bookmarks button:nth-child(3)>span:first-child {color:#c39dff;}
.browser-bookmarks button:nth-child(4)>span:first-child {color:#67dfc2;}
.browser-bookmarks button:nth-child(5)>span:first-child {color:#ffb199;}
.browser-bookmarks button:nth-child(6)>span:first-child {color:#f2cf87;}
.browser-content {
  background:radial-gradient(ellipse at 95% 8%,#7862d520,transparent 55%),
    radial-gradient(ellipse at 65% 95%,#20a5ba0e,transparent 55%),#121622;
}
.home-topline {color:#9299b5;}
.eyebrow,.home-signature {color:#d3d5e6;}
.eyebrow span {color:#bca0ff;}
.home-copy h1 em {color:#a3b9ff;background:linear-gradient(95deg,#b5a0ff,#82c7ff 55%,#72e4cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.home-description {color:#adb3c9;}
.signature-line {background:#b59bff;}
.photo-orbit {border-color:#ab95ff36;background:radial-gradient(circle,#7d60cf16,transparent 70%);box-shadow:0 0 0 25px #aa8cff07,0 0 0 60px #6cbaff05;}
.photo-caption {color:#adb0cb;}
.home-shortcuts {border-color:#b9c3ff16;}
.home-shortcuts button {background:linear-gradient(120deg,#7299ff13,#7299ff05);border-color:#7299ff30;}
.home-shortcuts button:nth-child(2) {background:linear-gradient(120deg,#ba86ff15,#ba86ff05);border-color:#ba86ff30;}
.home-shortcuts button:nth-child(3) {background:linear-gradient(120deg,#55d9bb14,#55d9bb05);border-color:#55d9bb30;}
.home-shortcuts button:hover {background:#8ba4ff20;border-color:#a0bbff70;}
.home-shortcuts button:nth-child(2):hover {background:#ba86ff20;border-color:#ba86ff70;}
.home-shortcuts button:nth-child(3):hover {background:#55d9bb20;border-color:#55d9bb70;}
.shortcut-icon {color:#8fbaff;}
.home-shortcuts button:nth-child(2) .shortcut-icon {color:#c39aff;}
.home-shortcuts button:nth-child(3) .shortcut-icon {color:#6ce3c2;}
.home-shortcuts small {color:#a3aac0;}
.shortcut-arrow {color:#b9c1de;}
.browser-status {background:#171c2b;border-color:#aab8ff17;color:#989fbb;}
.browser-status a {color:#c3b7ee;}
.os-dock {background:#d2c6ff20;border-color:#e4dcff40;box-shadow:0 10px 40px #0b0b3140;}
.os-dock button {background:linear-gradient(140deg,#67638b,#403c64);color:#f1edff;border-color:#ffffff35;}
.os-dock .dock-browser {background:linear-gradient(145deg,#8b9fff,#5861d7);color:#fff;}
.os-dock .dock-folder {background:linear-gradient(145deg,#ffd28c,#f39871);color:#764226;}
.os-dock .dock-terminal {background:#080c09;color:#65ee87;border-color:#65ee8735;}
.os-dock .dock-purpose {background:linear-gradient(145deg,#79e3d6,#32adac);color:#15484b;}
.robert-os .text-link {color:#9bc2ff;}
.robert-os .work-card {background:#9cafff05;border-color:#b0bdff20;}
.robert-os .purpose-card {background:#80d6bd07;}
.robert-os .purpose-card:nth-child(2) {background:#b895ff08;}
.robert-os .purpose-card:nth-child(3) {background:#ffbb9008;}
.robert-os .purpose-card h3 {color:#9be7d1;}
.robert-os .purpose-card:nth-child(2) h3 {color:#cfb5ff;}
.robert-os .purpose-card:nth-child(3) h3 {color:#ffc7ab;}
.terminal-dialog {background:#050805;border-color:#396d43;color:#65ee87;color-scheme:dark;}
.terminal-dialog header {background:#0d160f;color:#9ed9ab;border-bottom:1px solid #65ee8720;}
.terminal-dialog #terminal-form label {color:#65ee87;}
.terminal-dialog #terminal-form label span {color:#a3eab3;}
.terminal-dialog #terminal-form input {color:#a3ffb8;caret-color:#65ee87;}
.terminal-dialog button:focus-visible,.terminal-dialog input:focus-visible {outline-color:#65ee87;}
.boot-screen {background:#050805;}
.boot-inner h2 span {color:#65ee87;}
.boot-inner>p,.boot-inner button {color:#98bf9f;}
.boot-inner button:focus-visible {outline-color:#65ee87;}
.boot-lines {color:#65ee87;}
.boot-progress {background:#65ee87;box-shadow:0 0 12px #65ee8740;}
button:focus-visible,a:focus-visible,input:focus-visible {outline-color:#b7a2ff;}
