/* A quiet desktop for the creator's original Miorning character. */
.desktop-screen{background:#e5dcd1}
.login-screen{background:#0e6368;background-image:none}
.boot-cat{width:70px;height:70px;object-fit:contain;padding:0;letter-spacing:0;filter:drop-shadow(2px 4px 0 #0008)}
.login-avatar{overflow:hidden;background:#e5dcd1}
.login-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.tray-cat{display:block;width:20px;height:20px;object-fit:contain}
.wallpaper,.wallpaper.theme-noir{background:#e5dcd1}
.wallpaper.theme-dusk{background:#e4d7d7}
.wallpaper.theme-mint{background:#dbe4db}
.wallpaper::before,.scanline{display:none}
.wallpaper-copy{
  position:absolute;z-index:1;left:clamp(145px,13.5vw,230px);top:48%;
  width:min(45vw,590px);height:auto;aspect-ratio:auto;transform:translateY(-50%);
  display:block;padding:0;color:#232b2b;text-shadow:none
}
.wallpaper-kicker{font-family:Tahoma,"Microsoft YaHei",sans-serif;font-size:clamp(12px,1.1vw,17px);font-weight:700;letter-spacing:.33em}
.wallpaper-time{display:block;margin:24px 0 32px;font-family:Georgia,serif;font-size:clamp(72px,8.2vw,118px);font-weight:700;line-height:1;letter-spacing:-.055em}
.wallpaper-copy p{max-width:100%;margin:0;font-size:clamp(19px,1.7vw,25px);font-weight:700;line-height:1.7;letter-spacing:0}
.wallpaper-character{
  position:absolute;right:clamp(42px,11vw,180px);top:48%;width:min(31vw,440px);
  height:min(67vh,600px);transform:translateY(-50%);pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  -webkit-mask-image:none;mask-image:none;filter:none;box-shadow:none
}
.wallpaper-character img{display:block;width:100%;height:100%;object-fit:contain;filter:none;box-shadow:none;animation:ip-breathe 6s ease-in-out infinite}
@keyframes ip-breathe{50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.wallpaper-character img{animation:none}}
.desktop-icon{color:#273231;text-shadow:1px 1px #fff9}
.desktop-icon:hover,.desktop-icon:focus-visible,.desktop-icon.selected{border-color:#344e51;background:#c0d3d3a8}
.desktop-icon.drop-target{background:#f1d789;border-color:#7b581f}
/* Night retains the same transparent character slot over a code-drawn sky. */
.wallpaper.theme-night{
  isolation:isolate;
  background:
    radial-gradient(ellipse 58% 54% at 77% 25%,#31507288 0%,#172d4c55 52%,transparent 100%),
    radial-gradient(ellipse 85% 60% at 50% 115%,#364863 0%,transparent 72%),
    linear-gradient(155deg,#111c33 0%,#172944 53%,#0b182c 100%)
}
.wallpaper.theme-night::before{
  display:block;content:"";position:absolute;inset:-18px;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle,#e4e9e5 1px,transparent 1.7px),
    radial-gradient(circle,#b6d5e5 1px,transparent 1.6px),
    radial-gradient(circle,#f0dfbd 1.5px,transparent 2px);
  background-size:143px 109px,211px 169px,347px 229px;
  background-position:26px 12px,101px 71px,184px 142px;
  opacity:.38;animation:night-stars 8s ease-in-out infinite alternate
}
.wallpaper.theme-night::after{
  display:block;content:"";position:absolute;left:53%;top:10%;z-index:0;
  width:clamp(62px,8vw,112px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 37% 30%,#fffdf0 0%,#e2e8df 48%,#adbdc7 80%,#8297aa 100%);
  box-shadow:0 0 25px 7px #d8e9e34d,0 0 115px 42px #c2d9e126;
  animation:night-moon 7s ease-in-out infinite alternate
}
.wallpaper.theme-night .wallpaper-copy{z-index:2;color:#f0efe8;text-shadow:0 2px 12px #0009}
.wallpaper.theme-night .wallpaper-kicker{color:#bbd1de}
.wallpaper.theme-night .wallpaper-time{color:#fff8dd;font-variant-numeric:tabular-nums}
.wallpaper.theme-night .wallpaper-character{
  z-index:1
}
.wallpaper.theme-night ~ .desktop-icons .desktop-icon{color:#f6f3e9;text-shadow:1px 1px 2px #07121c,-1px 1px 2px #07121c}
.wallpaper.theme-night ~ .desktop-icons .desktop-icon:hover,
.wallpaper.theme-night ~ .desktop-icons .desktop-icon:focus-visible,
.wallpaper.theme-night ~ .desktop-icons .desktop-icon.selected{border-color:#a9c8e0;background:#648db380}
.wallpaper.theme-night ~ .taskbar{
  background:#273a4f;color:#f6f3e9;border-top-color:#7f97aa
}
.wallpaper.theme-night ~ .taskbar .start-button,
.wallpaper.theme-night ~ .taskbar .task-button{
  background:#344a61;color:#f6f3e9;
  border-color:#8ca3b5 #0a1828 #0a1828 #8ca3b5;
  box-shadow:1px 1px 0 #071523
}
.wallpaper.theme-night ~ .taskbar .start-button:hover,
.wallpaper.theme-night ~ .taskbar .task-button:hover{background:#435d76}
.wallpaper.theme-night ~ .taskbar .tray{
  background:#1d3045;color:#f8f5e9;border-color:#0c1c2d #8ca3b5 #8ca3b5 #0c1c2d
}
.wallpaper.theme-night ~ .taskbar .taskbar-divider{border-left-color:#102237;border-right-color:#748da1}
.wallpaper.theme-night ~ .start-menu{
  background:#304357;color:#f6f3e9;border-color:#8299a9 #0c1b2d #0c1b2d #8299a9
}
.wallpaper.theme-night ~ .start-menu .start-items button{color:inherit}
.wallpaper.theme-night ~ .start-menu .start-items button:hover,
.wallpaper.theme-night ~ .start-menu .start-items button:focus-visible{background:#496f95;color:#fff}
.wallpaper.theme-night ~ .start-menu .start-separator{border-top-color:#112238;border-bottom-color:#74889a}
.wallpaper.theme-night ~ .start-menu .start-submenu{
  background:#304357;color:#f6f3e9;border-color:#8299a9 #0c1b2d #0c1b2d #8299a9
}
.wallpaper.theme-night ~ .start-menu .start-submenu p{color:#d3dce3}
@keyframes night-stars{50%{opacity:.57}100%{opacity:.31}}
@keyframes night-moon{to{box-shadow:0 0 34px 12px #d8e9e361,0 0 125px 50px #c2d9e12d}}
@media(max-width:700px){
  .wallpaper-copy{left:clamp(16px,6vw,36px);top:43%;width:calc(100% - 35px);padding:0}
  .wallpaper-kicker{font-size:11px}
  .wallpaper-time{font-size:clamp(58px,15vw,84px);margin:14px 0 18px}
  .wallpaper-copy p{max-width:65%;font-size:clamp(14px,3.8vw,19px);line-height:1.45}
  .wallpaper-character{right:8px;top:auto;bottom:14px;width:min(49vw,260px);height:min(45vh,355px);transform:none;opacity:.96}
  .wallpaper.theme-night::after{left:auto;right:11%;top:8%;width:clamp(54px,14vw,76px)}
}
@media(prefers-reduced-motion:reduce){
  .wallpaper.theme-night::before,.wallpaper.theme-night::after{animation:none}
}
