/* User reference: jade #B6DBCE and soft pink #F2C6CA, expressed in OKLCH. */
.boot-screen{--boot-jade:oklch(86.107% .04288 171.96);--boot-rose:oklch(86.583% .05032 12.02);--boot-pearl:oklch(99% .005 170);--boot-label:oklch(40% .035 173);position:absolute;inset:0;z-index:150;overflow:hidden;isolation:isolate;touch-action:none;background:var(--boot-jade);color:var(--boot-label);opacity:1;contain:paint;cursor:pointer;-webkit-user-select:none;user-select:none}
.boot-sky,.boot-cloud,.boot-light{position:absolute;pointer-events:none}
.boot-sky{inset:0;background:linear-gradient(148deg,var(--boot-jade),oklch(91% .038 188) 36%,oklch(92% .019 345) 63%,var(--boot-rose) 87%);overflow:hidden}
.boot-cloud{inset:-24%;background:radial-gradient(ellipse at 22% 27%,oklch(86.107% .04288 171.96 / .8),transparent 48%),radial-gradient(ellipse at 78% 76%,oklch(86.583% .05032 12.02 / .9),transparent 50%);transform:rotate(-16deg)}
.boot-light{inset:-25%;background:radial-gradient(ellipse at 64% 20%,oklch(99% .005 170 / .75),transparent 40%),radial-gradient(ellipse at 30% 54%,oklch(94% .032 190 / .75),transparent 43%),linear-gradient(125deg,transparent 32%,oklch(99% .005 170 / .35) 47%,oklch(91% .028 331 / .25) 57%,transparent 70%);opacity:.8}
.boot-running .boot-cloud{animation:boot-cloud-drift 7s cubic-bezier(.2,.65,.35,1) both}
.boot-running .boot-light{animation:boot-light-drift 7s cubic-bezier(.2,.65,.35,1) both}
.boot-greeting{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:translateY(-2.5%)}
.boot-brand,.boot-word{position:absolute;display:block;opacity:0}
.boot-brand{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;font-size:3rem;font-weight:500;line-height:1.25;letter-spacing:.16em;padding-left:.16em;white-space:nowrap;color:var(--boot-pearl);text-shadow:0 1px 1px oklch(44% .04 173 / .35),0 4px 8px oklch(56% .035 345 / .18);-webkit-font-smoothing:antialiased}
.boot-word{width:192px;height:114px;overflow:visible;fill:none;stroke:url(#boot-ink);stroke-width:5.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px oklch(44% .04 173 / .4)) drop-shadow(0 4px 5px oklch(56% .035 345 / .18))}
.boot-word-chinese{width:156px;height:114px;stroke-width:5.2;transform:rotate(-7deg)}
.boot-word-english{transform:rotate(-7deg)}
.boot-word path{stroke-dasharray:1;stroke-dashoffset:1}
.boot-running .boot-brand{animation:boot-brand-in 1.9s cubic-bezier(.22,1,.36,1) both}
.boot-running .boot-word-chinese{animation:boot-word-in 1.95s 1.65s linear both}
.boot-running .boot-word-chinese path{animation:boot-write .55s calc(1.7s + var(--stroke-order,0) * .065s) cubic-bezier(.3,.1,.3,1) both}
.boot-running .boot-word-english{animation:boot-word-in 2s 3.55s linear both}
.boot-running .boot-word-english path{animation:boot-write 1.05s calc(3.65s + var(--stroke-order,0) * .13s) cubic-bezier(.3,.1,.3,1) both}
.boot-skip{position:absolute;right:16px;top:49px;min-width:48px;min-height:44px;padding:10px;font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--boot-label)!important;border-radius:22px;z-index:2}
.boot-skip:hover{background:oklch(99% .005 170 / .4)}
.boot-skip:focus-visible,.boot-enter:focus-visible{outline:2px solid var(--boot-label);outline-offset:-4px}
.boot-enter{position:absolute;left:12px;right:12px;bottom:10px;min-height:72px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:16px;padding:12px 0 8px;color:var(--boot-label)!important;font-size:11px;letter-spacing:1px;font-weight:500;background:transparent!important;z-index:2}
.boot-enter:after{content:'';display:block;width:114px;height:4px;border-radius:5px;background:oklch(40% .035 173 / .65)}
.boot-enter span{opacity:0}
.boot-running .boot-enter span{animation:boot-hint-in .6s 1s ease-out both}
.booting>.status-bar{color:oklch(40% .035 173);z-index:151;text-shadow:none}
.booting>.status-bar .battery{background:oklch(40% .035 173);color:oklch(98% .008 170)}
.booting>.status-bar .battery:after{background:oklch(40% .035 173 / .65)}
.boot-leaving .boot-screen{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.boot-leaving>.home,.boot-leaving>.app-screen,.boot-leaving>.wallpaper{animation:boot-desktop-in .65s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 48%}
.boot-reduced .boot-brand,.boot-reduced .boot-word-english{display:none}
.boot-reduced .boot-word-chinese{opacity:1}
.boot-reduced .boot-word-chinese path{stroke-dashoffset:0}
.boot-reduced .boot-enter span{opacity:1}
@keyframes boot-cloud-drift{from{transform:translate3d(-4%,-4%,0) rotate(-16deg) scale(1.05)}to{transform:translate3d(5%,6%,0) rotate(8deg) scale(1.13)}}
@keyframes boot-light-drift{from{transform:translate3d(7%,4%,0) scale(1.07);opacity:.55}to{transform:translate3d(-5%,-4%,0) scale(1.2);opacity:.9}}
@keyframes boot-brand-in{0%{opacity:0;transform:scale(.92)}18%,72%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}
@keyframes boot-word-in{0%{opacity:0}12%,80%{opacity:1}100%{opacity:0}}
@keyframes boot-write{to{stroke-dashoffset:0}}
@keyframes boot-hint-in{from{opacity:0;transform:translateY(5px)}to{opacity:.85;transform:translateY(0)}}
@keyframes boot-desktop-in{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.boot-cloud,.boot-light,.boot-brand,.boot-word-chinese,.boot-word,.boot-word path,.boot-enter span{animation:none!important}.boot-leaving>.home,.boot-leaving>.app-screen,.boot-leaving>.wallpaper{animation:none!important}.boot-leaving .boot-screen{transition:none!important}}