.os-boot {display:none;} html.is-loading body {overflow:hidden;} html.is-loading,html.is-loading * {cursor:var(--cursor-wait) !important;} html.is-loading .os-boot {position:fixed;z-index:200000;inset:0;display:block;animation:os-boot-in .2s ease-out;} .os-boot__splash {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--color-title);color:var(--brand-mint);text-align:center;} .os-boot__splash img {width:96px;height:96px;object-fit:contain;} .yc .os-boot__splash p {margin:0;font:700 clamp(24px,6vw,40px)/1.1 var(--font-title);} .os-boot__hint {font:12px/1 var(--font-mono);opacity:.8;} .os-boot__bar {position:absolute;left:50%;bottom:22%;width:180px;height:16px;margin-left:-90px;border:1px solid #d9fced;background:repeating-linear-gradient(90deg,#09bbc8 0 10px,transparent 10px 12px) no-repeat -40px 1px / 44px calc(100% - 2px);animation:os-boot-bar 1.4s linear infinite;} @keyframes os-boot-bar {to {background-position-x:180px;}} @keyframes os-boot-in {from {opacity:0;}} .os-screensaver {position:fixed;z-index:8000;inset:0;width:100%;height:100%;background:#000;image-rendering:pixelated;cursor:none;contain:strict;} html.yc-screensaver-on body>:not(.os-screensaver) {visibility:hidden;} html.yc-screensaver-on *,html.yc-screensaver-on *::before,html.yc-screensaver-on *::after {animation-play-state:paused !important;} .yc .os-file-dialog {position:fixed;z-index:100003;top:30%;left:50%;width:min(340px,calc(100vw - 16px));transform:translateX(-50%);} .os-file-dialog__form {display:grid;gap:8px;padding:10px;} .yc .os-file-dialog__form p {margin:0;} .os-file-dialog__folder {display:grid;gap:2px;} .os-zoom {position:fixed;z-index:7000;border:2px solid rgba(64,95,250,.7);border-radius:6px 6px 0 0;background:rgba(109,93,252,.12);pointer-events:none;} .os-select-band {position:fixed;z-index:45;border:1px solid #6d5dfc;background:rgba(109,93,252,.25);pointer-events:none;} .yc .os-popup {position:absolute;z-index:100002;width:170px;overflow:visible;padding:2px;background:#ffffff;border:1px solid var(--color-shadow);border-radius:0;box-shadow:2px 3px 6px rgba(20,16,60,.45);animation:os-slide-down .1s ease-out;} @keyframes os-slide-down {from {clip-path:inset(0 0 100% 0);} to {clip-path:inset(0);}} .yc .os-popup__item {display:block;width:100%;min-height:22px;padding:2px 16px;border:0;background:transparent;color:var(--color-ink);font:inherit;text-align:left;} .yc .os-popup__item {--focus-outline:0 solid transparent;} .yc .os-popup__item:hover,.yc .os-popup__item:focus-visible {background:var(--color-select);color:var(--color-select-ink);outline:0;} .yc .os-popup hr {margin:2px 0;} @media (max-width:580px),(max-height:480px) {.yc .os-popup {top:auto !important;left:0 !important;right:0;bottom:0;width:auto;padding:3px;background:var(--color-face);border:0;box-shadow:var(--bevel-raised),0 0 0 100vmax rgba(0,0,0,.45);animation:os-slide-up .12s ease-out;} .yc .desk__area .os-popup {max-width:none;} .yc .os-popup__item {min-height:48px;padding:4px 16px;font-size:16px;} .yc .os-popup__item:active {background:var(--color-select);color:var(--color-select-ink);}} @media (prefers-reduced-motion:reduce) {.os-boot {display:none !important;}} .os-achievements {position:fixed;z-index:100004;right:12px;bottom:52px;display:grid;gap:8px;width:min(280px,calc(100vw - 24px));pointer-events:none;} .yc .os-achievement {pointer-events:auto;animation:os-achievement-in .55s cubic-bezier(.2,1.6,.4,1) both;} .yc .os-achievement.is-leaving {animation:os-achievement-out .6s ease-in both;} .yc .os-achievement .os-window__bar {padding:3px 6px;color:var(--color-title-ink);font-weight:700;} .yc .os-achievement.is-guest .os-window__bar {background:var(--brand-dusk);} .os-achievement__body {display:grid;grid-template-columns:40px 1fr;align-items:center;gap:2px 8px;padding:8px;} .os-achievement__star {grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;background:var(--brand-dusk);box-shadow:var(--bevel-raised);color:#ffe24a;font-size:24px;animation:os-achievement-star 1.2s ease-out .2s both;} .yc .os-achievement__name {margin:0;font-weight:700;} .yc .os-achievement a {font-size:11px;} @keyframes os-achievement-in {from {transform:translateX(120%) scale(.8);opacity:0;} to {transform:none;opacity:1;}} @keyframes os-achievement-out {to {transform:translateY(40px);opacity:0;}} @keyframes os-achievement-star {0% {transform:rotate(-200deg) scale(.2);text-shadow:none;} 60% {transform:rotate(20deg) scale(1.25);text-shadow:0 0 12px #ffe24a,0 0 24px #ff4fa8;} 100% {transform:none;text-shadow:0 0 6px rgba(255,226,74,.6);}} @media (prefers-reduced-motion:reduce) {.yc .os-achievement,.yc .os-achievement.is-leaving,.os-achievement__star {animation:none;}} @media (max-width:580px) {.os-achievements {right:8px;left:8px;width:auto;bottom:64px;}}