@font-face{font-family:MoonHan;src:url('./assets/fonts/zhuque-fangsong-0212.woff2') format('woff2');font-display:swap}

/* The original project palettes remain intact; this skin frames them for one Dubai day. */
html[data-midautumn=on]{--bg:#090f23;--atelier-bg:#091226;--surface:#141a31;--line:#e4ba7438;--text:#fff3df;--muted:#c5b4b1;--lime:#ffd17c;--purple:#fa77bb;--orange:#ff985c;--cyan:#7ae2fb;--atelier-line:#ffc9872d;--atelier-muted:#c5b6b4;background:#091226}
html[data-midautumn=on] body{background:#091226;background-image:radial-gradient(ellipse 78% 420px at 82% 2%,#3d5ba948,transparent 74%),radial-gradient(ellipse 53% 660px at -12% 28%,#e9478840,transparent 74%),radial-gradient(ellipse 54% 540px at 111% 74%,#ffad5e18,transparent 76%),linear-gradient(175deg,#0d1731,#090e20 58%,#111025);color:#fff1df}
html[data-midautumn=on] ::selection{background:#f8a1c5;color:#21102e}
html[data-midautumn=on] .site-header{border-bottom-color:#ffc78648}
html[data-midautumn=on] .site-header::before,html[data-midautumn=on] .site-header.header-scrolled::before{background:#0b132be9;border-bottom-color:#f5c58630;box-shadow:0 10px 38px #0006,0 1px #6fbad414 inset}
html[data-midautumn=on] .site-header .page-nav{background:#ffd38d0a;border-color:#ffc48225}
html[data-midautumn=on] .site-header .page-nav .nav-link{color:#decfc9}
html[data-midautumn=on] .site-header .page-nav .nav-link[aria-current=page]{background:linear-gradient(120deg,#ffb2602c,#f06da522);border-color:#ffd18465;color:#ffe6af;box-shadow:inset 0 1px #fff6,0 0 22px #ff968122}
html[data-midautumn=on] .site-header .page-nav .nav-link:hover{background:#fff1dc16;color:#fff4dc}
html[data-midautumn=on] .brand-mark{background:radial-gradient(circle at 30% 20%,#fff7d0,#ffcc71 58%,#d97950);box-shadow:inset 0 2px 1px #fff9,0 0 25px #ffb3638a;color:#321c28}
html[data-midautumn=on] .brand-dot,html[data-midautumn=on] .lime-text{color:#ffcf78}
html[data-midautumn=on] .language-switch{background:#ffcf7314;border-color:#ffc77c44}
html[data-midautumn=on] .language-switch button[aria-pressed=true]{background:#ffe2a1;color:#302338}
html[data-midautumn=on] .atelier-motion{background:#eb9a8016;border-color:#ffce853b;color:#ffe0ad}
html[data-midautumn=on] .atelier-progress i{background:linear-gradient(90deg,#ffda8e,#f16aaf,#80e5fc,#ff935f);box-shadow:0 0 14px #ffbf7d}
html[data-midautumn=on] .primary-button{background:linear-gradient(125deg,#ffe9a2,#ffb56e);border-color:#ffe5ac;color:#322337;box-shadow:0 10px 35px #ffaf6444,0 0 0 5px #f5867218}
html[data-midautumn=on] .primary-button:hover{background:#ffe6a3;box-shadow:0 15px 45px #ffaf6466}
html[data-midautumn=on] .atelier-directory,html[data-midautumn=on] .site-footer{border-color:#ffc47a34}
html[data-midautumn=on] .atelier-directory>a[aria-current=page]>strong{color:#ffe0a0}
html[data-midautumn=on] .atelier-directory>a:hover{background:#ffc9820d}
html[data-midautumn=on] .atelier-top{background:#14172bef;border-color:#f6c48255;color:#ffdfaa}
html[data-midautumn=on] .atelier-top .top-progress{stroke:#ffda93}
html[data-midautumn=on] :is(.gallery-header,.posts-heading,.school-header,.models-header){border-bottom-color:#eec4863f}
html[data-midautumn=on] :is(.posts-heading h1>span,.gallery-header h1>span,.school-title-row h1>span){color:#ffcf7c}
html[data-midautumn=on] .posts-kicker>span:first-child{color:#ffd28b}
html[data-midautumn=on] .posts-mark{color:#fa7fc1;text-shadow:0 0 24px #e7599c66}
html[data-midautumn=on] .posts-section-label b{border-color:#ffc1746b;color:#ffdc99}
html[data-midautumn=on] .post-index-date{border-color:#f4c58746}
html[data-midautumn=on] .profile-page{--profile-purple:#f57eae}
html[data-midautumn=on] .profile-hero h1>.profile-name{background-image:linear-gradient(115deg,#fff3cf,#ffd083 48%,#ee8ca8 79%,#ffdfaa);filter:drop-shadow(0 14px 22px #ffbe7627)}
html[data-midautumn=on] .profile-hero h1>.profile-greeting{color:#f7e6d8}
html[data-midautumn=on] .profile-headline{color:#ffe4ba}
html[data-midautumn=on] .profile-hero-description{color:#d5c6c3}
html[data-midautumn=on] .identity-floating{background:#ffcf7d;color:#291a2d;box-shadow:0 7px 30px #ffb17b55}
html[data-midautumn=on] :is(.readme-panel,.curiosity-panel,.interest-card,.device-card,.journey-stops,.journey-stops li){border-color:#f2bc8261;background-color:#151a31}
html[data-midautumn=on] .readme-toolbar{background:#1d2440;border-color:#ecb98047}
html[data-midautumn=on] .curiosity-top{background:#151a31e8}
html[data-midautumn=on] .curiosity-copy{background:linear-gradient(180deg,#151a3100,#151a31ce 37%,#151a31)}
html[data-midautumn=on] .readme-content p{color:#d0c2c5}
html[data-midautumn=on] .readme-content .readme-title{color:#fff0db}
html[data-midautumn=on] .readme-content strong{color:#ffda90}
html[data-midautumn=on] .readme-status{border-color:#e8b97c3c}
html[data-midautumn=on] .profile-section-heading .eyebrow{color:#f893bf}
html[data-midautumn=on] .profile-divider{border-color:#edbb8244}
html[data-midautumn=on] .interest-top{color:#7ee0f3}
html[data-midautumn=on] .device-top{color:#ffd68b}
html[data-midautumn=on] .journey-stops li+li{border-color:#e5b7844a}
html[data-midautumn=on] .now-header h1>span:first-child{color:#ffcf80}
html[data-midautumn=on] .now-header .now-asterisk{color:#f184b9}
html[data-midautumn=on] .now-update{border-color:#f184b9}
html[data-midautumn=on] .now-timeline{border-color:#edbc8840}
html[data-midautumn=on] .timeline-entry .milestone:not([class*="milestone--"]){background:#171d33;border-color:#e6b7875c}

.midautumn-celebration{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(310px,29vw,390px);margin:26px 0 8px;border:1px solid #f7c98673;border-radius:19px;background:radial-gradient(circle at 73% 45%,#365384 0,#111b3a 37%,#080f25 77%);box-shadow:0 36px 85px #01040c9c,inset 0 1px #fff4,0 0 0 6px #fbb9630d}
.profile-page .midautumn-celebration{min-height:clamp(420px,43vw,535px)}
.midautumn-celebration::before{content:'';position:absolute;inset:10px;z-index:5;border:1px solid #fbc98b4e;border-radius:11px;pointer-events:none}
.midautumn-celebration::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 69px,#99cdeb0b 70px 71px),repeating-linear-gradient(0deg,transparent 0 69px,#99cdeb08 70px 71px);mask-image:linear-gradient(90deg,#0008,transparent 72%)}
.moon-backdrop{position:absolute;inset:-3%;z-index:-1;background:url('./assets/midautumn-moon-lanterns.webp') center 58%/cover no-repeat;filter:blur(4px) brightness(.36) saturate(1.3);opacity:.72;animation:moon-backdrop-drift 28s ease-in-out infinite alternate}
.moon-sky{position:absolute;inset:0;z-index:2;pointer-events:none}.moon-sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff4d2;box-shadow:0 0 18px 3px #ffe9a188;animation:moon-twinkle 3.5s ease-in-out infinite alternate}.moon-sky i:nth-child(1){left:9%;top:18%}.moon-sky i:nth-child(2){left:37%;top:11%;animation-delay:-1.4s}.moon-sky i:nth-child(3){left:61%;top:72%;animation-delay:-2.1s}.moon-sky i:nth-child(4){right:9%;top:17%;animation-delay:-.9s}.moon-sky i:nth-child(5){left:51%;top:39%;animation-delay:-2.7s}
.moon-stage{position:absolute;z-index:2;right:clamp(28px,7vw,100px);top:50%;width:min(42%,470px);aspect-ratio:1;transform:translateY(-50%);cursor:grab;touch-action:pan-y}.moon-stage:active{cursor:grabbing}.moon-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;filter:drop-shadow(-17px 10px 32px #ffdc9b77)}
.moon-corona{position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,#fff4be48 15%,#ffbf7b38 34%,#f7669b20 47%,transparent 70%);filter:blur(19px);animation:moon-breathe 7s ease-in-out infinite alternate}
.moon-orbit{position:absolute;z-index:1;inset:-14%;border:1px solid #ffe7a271;border-radius:50%;transform:rotateX(71deg) rotate(-19deg);box-shadow:0 0 18px #ffb96c22;animation:moon-orbit-turn 38s linear infinite}.moon-orbit--inner{inset:-3%;border-style:dashed;border-color:#81dffe67;animation-direction:reverse;animation-duration:31s}
.moon-orbit--outer::after{content:'✦';position:absolute;left:8%;top:14%;font-size:23px;color:#ff8cc4;text-shadow:0 0 16px #ff80b7}
.moon-fallback{position:absolute;z-index:2;inset:13%;border-radius:50%;background:url('./assets/midautumn-moon-albedo.webp') 22% center/200% 100% no-repeat;box-shadow:inset -35px -25px 45px #271b42b8,inset 19px 13px 34px #fff3df4d,0 0 55px #ffd39e6b;filter:sepia(.16) saturate(.8) brightness(1.09);transform:perspective(650px) rotateY(var(--moon-tilt-x,0deg)) rotateX(var(--moon-tilt-y,0deg));transition:transform .5s cubic-bezier(.16,1,.3,1);animation:moon-fallback-turn 24s linear infinite alternate}
.moon-ready .moon-fallback{opacity:0;transition:opacity .8s}
.moon-coordinates{position:absolute;z-index:5;bottom:3%;right:3%;font:9px/1.4 var(--mono);letter-spacing:.16em;color:#ffe0b8a6;writing-mode:vertical-rl}
.moon-copy{position:relative;z-index:7;width:min(59%,675px);padding:clamp(30px,5vw,72px) 0 clamp(34px,5vw,70px) clamp(28px,5vw,72px);text-shadow:0 2px 18px #09112899}
.moon-eyebrow{font:600 10px/1.6 var(--mono);letter-spacing:.18em;color:#fff0c7}.moon-eyebrow span:last-child{color:#ff82b7;padding:0 5px}.moon-spark{font-size:19px;color:#ffb76f;vertical-align:-2px;text-shadow:0 0 18px #ff9b5e}
.moon-copy h2{max-width:650px;margin:23px 0 19px;font:400 clamp(36px,4.8vw,74px)/1.18 MoonHan,'Noto Serif SC','Songti SC',serif;letter-spacing:-.04em;color:#ffeed4;text-wrap:balance}.moon-copy h2>span{display:block;background:linear-gradient(110deg,#fff6d8 14%,#ffc879 57%,#ff89b7);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 12px #ff9f8240)}.moon-copy h2 em{display:block;margin-top:12px;font:500 clamp(10px,1.25vw,16px)/1.5 var(--mono);font-style:normal;letter-spacing:.18em;color:#f9c6a9}.moon-copy h2 em b{font-size:18px;color:#fa77bb;vertical-align:-2px}
.moon-description{max-width:490px;font:400 clamp(14px,1.35vw,17px)/1.9 MoonHan,'Noto Serif SC',serif;color:#e9ded6}
.moon-post-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:27px;padding:12px 17px 11px 22px;border:1px solid #ffe3a28f;background:linear-gradient(130deg,#ffcc7980,#f7858c45);box-shadow:0 7px 24px #fa8a6659,inset 0 1px #fff8;color:#fff8df;font:600 13px/1.5 var(--body);letter-spacing:.04em;border-radius:3px;transition:transform .28s,box-shadow .28s,background .28s}.moon-post-link:hover{transform:translateY(-4px);background:#e8778d82;box-shadow:0 14px 32px #fa8a6670}.moon-post-link>span:last-child{font:23px/1 var(--display)}
.moon-edition{position:absolute;z-index:6;right:18px;top:18px;display:flex;flex-direction:column;align-items:center;gap:1px;width:78px;height:78px;padding-top:10px;border-radius:50%;background:#f671ad;color:#2d1738;border:3px solid #ffe2af;box-shadow:0 0 0 3px #f671ad7b,0 0 33px #f671ad5e;transform:rotate(14deg);font:700 8px var(--mono);letter-spacing:.06em}.moon-edition b{font:800 34px/.95 var(--display);letter-spacing:-.08em}
.moon-bottom{position:absolute;z-index:6;left:24px;right:24px;bottom:12px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffe0a65e;padding:8px 15px 0;color:#eac5a7;font:10px/1.5 var(--mono);letter-spacing:.08em}
.moon-lantern{position:absolute;z-index:5;width:clamp(37px,5.5vw,68px);height:clamp(65px,9vw,110px);border-radius:42% 42% 37% 37%/12% 12% 15% 15%;background:repeating-linear-gradient(90deg,transparent 0 17%,#793d5b72 18% 19%,transparent 20% 37%),radial-gradient(ellipse at 38% 40%,#fff3c5,#ffba70 36%,#ec6b91 72%,#633051 100%);border:2px solid #ffc988;box-shadow:inset 0 0 11px #fff9,0 0 33px #ff9d7999,0 14px 24px #0005;transform-origin:50% -32px;animation:lantern-sway 6.7s ease-in-out infinite alternate,lantern-rise 19s ease-in-out infinite alternate;pointer-events:none}.moon-lantern::before,.moon-lantern::after{content:'';position:absolute;left:29%;width:42%;height:6px;background:#b65f55;border:1px solid #ffdb9c;border-radius:50%}.moon-lantern::before{top:-5px}.moon-lantern::after{bottom:-5px}.moon-lantern i{position:absolute;left:50%;bottom:-34px;height:31px;border-left:2px solid #ffda9c}.moon-lantern b{position:absolute;left:calc(50% - 7px);bottom:-40px;width:14px;height:10px;border-radius:3px;background:#ff8b7e;box-shadow:0 4px 8px #ffad7d77}.moon-lantern--one{right:8%;top:10%;animation-delay:-1s,-4s}.moon-lantern--two{right:37%;bottom:7%;width:43px;height:68px;opacity:.8;animation-delay:-3s,-8s}.moon-lantern--three{right:1%;bottom:3%;width:35px;height:57px;opacity:.68;animation-delay:-4.7s,-12s}
.profile-page .midautumn-celebration + main .profile-hero{padding-top:48px}

@keyframes moon-backdrop-drift{to{transform:scale(1.055) translate3d(-1.5%,1%,0)}}
@keyframes moon-twinkle{to{opacity:.25;transform:scale(.65)}}
@keyframes moon-breathe{to{transform:scale(1.08);opacity:.7}}
@keyframes moon-orbit-turn{to{transform:rotateX(71deg) rotate(341deg)}}
@keyframes moon-fallback-turn{to{background-position:76% center}}
@keyframes lantern-sway{to{rotate:7deg}}
@keyframes lantern-rise{to{translate:0 -24px}}

@media(max-width:1000px){.midautumn-celebration{min-height:340px}.profile-page .midautumn-celebration{min-height:450px}.moon-stage{right:2%;width:44%}.moon-copy{width:65%;padding-left:34px}.moon-description{max-width:390px}.moon-edition{transform:scale(.8) rotate(14deg);transform-origin:top right}.moon-lantern--two{right:31%}}
@media(max-width:700px){.midautumn-celebration,.profile-page .midautumn-celebration{min-height:490px;margin-top:16px;border-radius:13px}.moon-backdrop{background-position:57% center}.moon-copy{width:100%;padding:28px 26px 58px}.moon-copy h2{max-width:85%;margin:14px 0 12px;font-size:clamp(34px,8vw,55px)}.moon-copy h2 em{font-size:10px;letter-spacing:.1em}.moon-description{max-width:70%;font-size:14px}.moon-post-link{margin-top:16px;font-size:12px;padding:9px 13px}.moon-stage{top:auto;bottom:-70px;right:-32px;width:min(68%,340px);transform:none}.moon-edition{right:12px;top:12px;transform:scale(.62) rotate(14deg)}.moon-lantern--one{right:14%;top:12%;width:37px;height:62px}.moon-lantern--two{right:58%;bottom:4%;width:28px;height:48px}.moon-lantern--three{display:none}.moon-bottom{font-size:8px;left:14px;right:14px}.moon-bottom>span:first-child{display:none}.moon-coordinates{display:none}}
@media(max-width:440px){.midautumn-celebration,.profile-page .midautumn-celebration{min-height:515px}.moon-copy h2{font-size:38px;max-width:100%}.moon-description{max-width:88%}.moon-stage{width:260px;bottom:-59px;right:-53px}.moon-lantern--one{right:9%;top:25%}.moon-bottom{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.moon-backdrop,.moon-sky i,.moon-corona,.moon-orbit,.moon-fallback,.moon-lantern{animation:none!important}.moon-post-link{transition:none}.moon-post-link:hover{transform:none}}
html[data-site-motion=off] .moon-backdrop,html[data-site-motion=off] .moon-sky i,html[data-site-motion=off] .moon-corona,html[data-site-motion=off] .moon-orbit,html[data-site-motion=off] .moon-fallback,html[data-site-motion=off] .moon-lantern{animation-play-state:paused!important}