:root{--ink:#28272c;--muted:#77747d;--green:#b94870;--paper:#faf9fb;--pink:#ebd6e1;--yellow:#eee7ef}
#wardrobe .outfit-stage,#wardrobe #outfit-name{display:none}
#wardrobe{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:24px}
#wardrobe.scene .wardrobe-layout{grid-row:3;grid-template-columns:1fr 1fr;width:min(100%,900px);height:auto;min-height:0;margin:0 auto;border-top:1px solid #e4e0e5;padding-top:20px}
#wardrobe.scene .character-picker{grid-row:2;align-self:center;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,900px);gap:24px 18px;margin:0 auto}
#wardrobe.scene .character-picker button{width:100%;min-height:96px;gap:10px;font-size:12px}
#wardrobe.scene .character-picker img{width:64px;height:64px}
#wardrobe .wardrobe-details>div{padding:10px 0}#wardrobe .wardrobe-details p{display:none}
#wardrobe .wardrobe-note h3{font-size:26px;margin:8px 0}#wardrobe .detail-copy{display:none}
@media(max-width:760px){#wardrobe{gap:16px}#wardrobe.scene .character-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 4px}#wardrobe.scene .character-picker button{min-height:64px;font-size:10px;gap:7px}#wardrobe.scene .character-picker img{width:40px;height:40px}#wardrobe.scene .wardrobe-layout{grid-template-columns:1fr;padding-top:14px}#wardrobe .wardrobe-note{display:grid;grid-template-columns:1fr auto;align-items:center}#wardrobe .wardrobe-note .small-label{grid-column:1/-1}#wardrobe .wardrobe-note .text-link{grid-column:2;grid-row:2;margin:0}}
@media(prefers-reduced-motion:no-preference){
 .js-ready .site-header{animation:header-enter .8s cubic-bezier(.22,1,.36,1) both}
 .js-ready .welcome-copy.reveal,.js-ready .section-heading.reveal{transition:none;transform:none}
 .js-ready .is-current .welcome-copy.reveal,.js-ready .is-current .section-heading.reveal{animation:content-enter .75s cubic-bezier(.22,1,.36,1) both}
 .js-ready .is-current .live-metrics{animation:content-enter .75s cubic-bezier(.22,1,.36,1) both}
 .js-ready .is-current .cast{animation:portrait-enter 1s .22s cubic-bezier(.22,1,.36,1) both}
 .js-ready .is-current .character-picker button{animation:content-enter .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--entry-index,0)*25ms + 120ms)}
}
@keyframes header-enter{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@keyframes content-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes portrait-enter{from{opacity:0;translate:0 24px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
/* A single soft-focus entrance keeps the hero content moving as one composition. */
@media(prefers-reduced-motion:no-preference){
 .js-ready .is-current .welcome-copy.reveal,.js-ready .is-current .section-heading.reveal{animation:none;opacity:1;transform:none}
 .js-ready .is-current .welcome-copy.reveal>*{animation:focus-in .72s cubic-bezier(.22,.75,.22,1) both}
 .js-ready .is-current .welcome-copy.reveal>*:nth-child(1){animation-delay:.08s}
 .js-ready .is-current .welcome-copy.reveal>*:nth-child(2){animation-delay:.14s}
 .js-ready .is-current .welcome-copy.reveal>*:nth-child(3){animation-delay:.2s}
 .js-ready .is-current .welcome-copy.reveal>*:nth-child(4){animation-delay:.26s}
 .js-ready .is-current .welcome-copy.reveal>*:nth-child(5){animation-delay:.32s}
 .js-ready .is-current .live-metrics{animation:focus-in .72s .4s cubic-bezier(.22,.75,.22,1) both}
 .js-ready .is-current .cast{animation:none}
 .js-ready .is-current .welcome-cast{animation:cast-in 1.05s .18s cubic-bezier(.22,.75,.22,1) backwards}
 .js-ready .is-current .next-preview{animation:bar-in .65s .5s cubic-bezier(.22,.75,.22,1) both}
 .js-ready .is-current .section-heading.reveal>*{animation:focus-in .72s cubic-bezier(.22,.75,.22,1) both}
 .js-ready .is-current .section-heading.reveal>*:nth-child(1){animation-delay:.1s}
 .js-ready .is-current .section-heading.reveal>*:nth-child(2){animation-delay:.17s}
 .js-ready .is-current .section-heading.reveal>*:nth-child(3){animation-delay:.24s}
}
@keyframes focus-in{from{opacity:0;filter:blur(8px);transform:translateY(16px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes cast-in{from{opacity:0;filter:blur(7px);translate:0 18px;scale:.97}to{opacity:1;filter:blur(0);translate:0 0;scale:1}}
@keyframes bar-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Keep the outgoing scene painted while the scroll transition is in progress. */
.js-ready .scene:not(.is-current) .reveal{opacity:1;transform:none}
#wardrobe .character-picker{display:grid;grid-template-columns:repeat(9,60px);gap:12px 18px;margin:18px auto 0;width:max-content}
#wardrobe .character-picker button{width:60px;min-height:64px;gap:5px}
#wardrobe .character-picker img{width:44px;height:44px}
#wardrobe .wardrobe-layout{height:calc(100% - 320px);min-height:170px}
#wardrobe .outfit-stage{min-height:0;overflow:hidden}#wardrobe .outfit-stage>img{position:absolute;inset:0;width:100%;height:100%}
#wardrobe .employee-stage{isolation:isolate;background:transparent}
#wardrobe .employee-stage .stage-arch{background:#f0edf0;border-radius:48% 48% 8px 8px;inset:8% 10% 0;box-shadow:none}
#wardrobe .employee-stage>img{z-index:1;object-fit:contain;object-position:center;padding:8% 12%;filter:drop-shadow(0 12px 12px #4f364214)}
#wardrobe .employee-stage .stage-tag{z-index:2;bottom:15px;top:auto;left:0;right:0;text-align:center;font-size:12px;letter-spacing:0;padding:0}
@media(max-width:760px){#wardrobe .character-picker{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:10px 3px;margin-top:15px}#wardrobe .character-picker button{width:100%;min-height:53px;font-size:9px}#wardrobe .character-picker img{width:34px;height:34px}#wardrobe .wardrobe-layout{height:calc(100% - 340px);min-height:150px}#wardrobe .detail-copy{display:none}#wardrobe .wardrobe-note .text-link{margin-top:12px}#wardrobe .section-heading h2{font-size:24px}}
@media(max-width:760px) and (max-height:730px){#wardrobe .section-heading>p:last-child{margin-top:8px;margin-bottom:8px;font-size:10px}#wardrobe .section-heading h2{font-size:22px}#wardrobe .eyebrow{margin-bottom:7px}#wardrobe .wardrobe-layout{margin-top:8px;height:calc(100% - 300px)}#wardrobe .character-picker{gap:6px 3px;margin-top:10px}}
@media(min-width:761px){.site-header nav{position:relative}}
.site-header nav a,.site-header nav a[aria-current]{font-weight:500}
.site-header nav a::after{display:none}
.site-header nav a>span{display:inline-block;transform:scale(1);transform-origin:center;transition:transform .45s cubic-bezier(.22,.75,.22,1),color .35s ease;color:var(--muted)}
.site-header nav a[aria-current]>span{transform:scale(1.16);color:var(--green)}
.site-header nav .nav-indicator{position:absolute;left:0;height:2px;border-radius:2px;background:var(--green);pointer-events:none;transition:transform .5s cubic-bezier(.22,.75,.22,1),width .5s cubic-bezier(.22,.75,.22,1)}
@media(prefers-reduced-motion:reduce){.site-header nav a>span,.site-header nav .nav-indicator{transition:none}}
.live-metrics{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 0;font-size:11px;color:var(--muted);min-height:28px}.live-metrics svg{width:16px;height:16px;color:var(--green)}.live-metrics strong{font:600 19px/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}#metrics-status{font-size:10px;color:var(--green)}
@media(max-width:760px){.live-metrics{margin-top:12px;gap:7px;font-size:10px}.live-metrics strong{font-size:16px}#metrics-status{font-size:9px}}
body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
img{-webkit-user-drag:none}
.site-header .entry,.scene .button{border:1px solid #ffffff35;border-radius:999px;background:#343039;color:#fff;box-shadow:0 4px 12px #28272c15;min-height:48px;padding:7px 10px 7px 22px;gap:24px;font-size:13px;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;touch-action:manipulation}
.site-header .entry{min-height:40px;font-size:12px;gap:16px;padding-left:18px}
.site-header .entry svg,.scene .button svg{width:30px;height:30px;padding:7px;border-radius:50%;background:#ffffff19;transition:transform .2s,background .2s}
.site-header .entry svg{width:25px;height:25px;padding:5px}
.site-header .entry:hover,.scene .button:hover{background:#a93e64;transform:translateY(-2px);box-shadow:0 7px 18px #b9487028}
.site-header .entry:hover svg,.scene .button:hover svg{background:#ffffff30;transform:rotate(7deg)}
.site-header .entry:active,.scene .button:active{transform:translateY(1px) scale(.98);box-shadow:0 1px 4px #28272c20}
.scene .text-link{min-height:36px;border-bottom:1px solid #b9487040;gap:10px;transition:color .2s,border-color .2s}
.scene .text-link:hover{color:#a93e64;border-color:#a93e64}
.site-header .menu{border-radius:50%;background:#eee8ee;transition:background .2s,transform .2s}
.site-header .menu:active{transform:scale(.94);background:#e9d8e2}
.character-picker button:active img{transform:scale(.94)}
@media(max-width:760px){.site-header .entry{min-height:36px;padding:5px 7px 5px 12px;font-size:10px;gap:8px}.scene .button{min-height:45px;font-size:12px;padding-left:20px;gap:20px}.site-header .entry svg{width:22px;height:22px}.scene .button svg{width:28px;height:28px}.site-header .menu{width:32px;height:32px}}
h2{text-wrap:balance}.scene h1:focus-visible,.scene h2:focus-visible{outline:2px solid #b9487040;outline-offset:6px;border-radius:4px}
.welcome .scene-art{opacity:.68;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;pointer-events:none}
.daily .daily-art{opacity:.45;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply;pointer-events:none}
@media(max-width:760px){.welcome .scene-art{background-size:100% 100%;opacity:.52}.daily .daily-art{opacity:.35}}
body{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif}h2{font-family:inherit;font-weight:700;font-size:40px;line-height:1.45}.site-header{background:#faf9fbef;border-color:#28272c0b;height:84px}.brand b{color:var(--ink);font-family:Arial,sans-serif}.site-header nav{color:var(--muted);gap:36px;font-size:13px}.site-header nav a[aria-current]:after{left:0;right:0;width:auto;height:2px;border-radius:0}.entry{background:var(--ink);color:#fff;padding:11px 16px;border-radius:5px;font-size:12px}.entry svg{width:16px}.scene{padding:120px 10% 58px}.welcome{background:#f3edf1}.scene-art{filter:grayscale(1);opacity:.14;inset:84px -20px -20px}.welcome-copy{margin:0 auto;max-width:700px}.eyebrow{font-size:12px;margin-bottom:14px}.welcome h1{font-size:76px;line-height:1.15;text-shadow:none;font-weight:800;margin-bottom:14px}.welcome h1 span{font-family:Arial,sans-serif;font-style:normal;font-weight:700;margin-left:8px}.welcome h2{font-size:21px;font-weight:500;margin-bottom:12px}.description{font-size:14px}.actions{margin-top:22px;gap:26px}.button{border-radius:5px;min-height:49px;font-size:13px}.primary{background:var(--ink);box-shadow:0 5px 14px #28272c14}.button:hover{background:var(--green);box-shadow:0 8px 20px #bd426728}.button:active{box-shadow:none;transform:translateY(1px)}.welcome-cast{width:800px;height:330px;bottom:65px;gap:26px}.cast{width:215px;height:270px;filter:drop-shadow(0 16px 12px #5e3c521b)}.cast-center{width:270px;height:330px}.cast-left{transform:rotate(-6deg)}.cast-right{transform:rotate(6deg)}.cast-caption{color:var(--muted)}.next-preview{background:var(--paper);height:34px;font-size:10px}.page-position{color:var(--muted)}.page-position a:after{background:#b9b3bd;width:4px;height:4px}.page-position a[aria-current]:after{width:4px;height:22px;border-radius:3px;outline:0}.wardrobe{background:var(--paper)}.wardrobe-layout{height:calc(100% - 235px);margin-top:15px;grid-template-columns:1fr 1.5fr 1fr;gap:35px}.wardrobe-note h3{font-size:32px}.wardrobe-note #outfit-name{color:var(--green)}.detail-copy{margin:23px 0}.stage-arch{inset:10% 4% 3%;height:auto;width:auto;border:0;box-shadow:none;background:#eee7ef;border-radius:48% 48% 4px 4px}.outfit-stage>img{width:100%;filter:drop-shadow(0 12px 10px #4f36421a)}.stage-tag{top:auto;bottom:15px;right:25px;padding:0;background:none;box-shadow:none;transform:none;color:var(--muted)}.wardrobe-details>div{border-color:#dfdce2}.wardrobe-details svg{color:var(--green)}.character-picker img{background:#eeeaf0}.character-picker button[aria-pressed=true] img{box-shadow:0 0 0 4px #bd426711}.daily{background:#edf1f6}.daily-art{filter:grayscale(1);opacity:.12}.daily h2{font-size:42px}.schedule{transform:none;background:#fff;box-shadow:0 24px 65px #48475d0e;padding:32px;border:1px solid #fff}.schedule-heading{border-color:#dfdce2}.schedule-heading>svg{color:var(--green)}.schedule-heading span{font-size:15px}.schedule-row{border-bottom:1px solid #eeeaf0;padding:26px 0}.schedule-row>svg{color:#b95275;background:#f5eef2;border-radius:6px}.schedule-row:nth-child(3)>svg{color:#647fa1;background:#eef2f8}.schedule-row:nth-child(4)>svg{color:#7b7291;background:#f2eff7}.schedule-row b{font-size:14px}.connections{background:#f7f3f5}.tools-layout{margin-top:40px;max-width:980px}.tool-story+article{border-color:#dfdce2}.connection-art img{background:#eee7ef;box-shadow:none}.connection-art>span{color:var(--green)}.signature-art{background:white;border-color:#dfdce2;box-shadow:8px 8px 0 #e8dfe7;transform:rotate(-2deg)}.signature-art span{font-family:inherit;font-weight:600;color:#a54d73;font-size:24px}.connections footer{border-color:#dfdce2}.section-heading>p:last-child{margin-top:13px}
@media(max-height:780px) and (min-width:761px){.scene{padding-top:106px}.welcome h1{font-size:62px}.welcome h2{font-size:19px}.welcome .description{font-size:12px}.actions{margin-top:16px}.welcome-cast{height:240px;bottom:58px}.cast{height:195px;width:180px}.cast-center{height:240px;width:220px}.section-heading h2{font-size:34px}.wardrobe-layout{height:calc(100% - 220px)}.daily h2{font-size:36px}.schedule{padding:26px}.schedule-row{padding:21px 0}.tools-layout{margin-top:25px}.connection-art{height:110px}.signature-art{height:95px;margin-bottom:28px}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.entry{font-size:10px;padding:9px 11px;gap:7px}.entry svg{width:14px}.site-header nav{background:var(--paper);gap:0}.scene{padding:100px 28px 44px}.page-position a[aria-current]:after{width:4px;height:17px;outline:0}.welcome-copy{margin-top:18px}.eyebrow{font-size:11px;margin-bottom:12px}.welcome h1{font-size:55px;margin-bottom:18px}.welcome h2{font-size:18px;margin-bottom:14px}.description{font-size:12px}.actions{gap:18px;margin-top:24px}.button{font-size:12px;min-height:45px;padding:12px 21px}.welcome-cast{width:360px;height:255px;gap:0;bottom:80px}.cast{width:110px;height:180px}.cast-center{width:140px;height:240px}.scene-art{inset:68px -20px -20px}.section-heading h2{font-size:27px}.wardrobe-layout{grid-template-columns:95px 1fr;gap:8px;height:calc(100% - 240px);margin-top:20px}.wardrobe-note h3{font-size:24px}.detail-copy{margin:17px 0}.stage-arch{inset:12% 0 7%;border:0}.stage-tag{right:10px;bottom:10%;top:auto}.daily-layout{gap:26px}.daily h2{font-size:30px;margin-bottom:13px}.schedule{padding:20px;transform:none}.schedule-heading span{font-size:13px}.schedule-row{padding:16px 0}.schedule-row b{font-size:12px}.tools-layout{margin-top:32px;gap:24px}.signature-art span{font-size:14px}.connections footer{left:28px;right:28px}}
@media(max-width:760px) and (max-height:730px){.scene{padding-top:88px}.welcome-copy{margin-top:0}.welcome h1{font-size:47px;margin-bottom:12px}.welcome h2{font-size:16px}.actions{margin-top:17px;gap:13px}.welcome-cast{height:185px;bottom:66px}.cast{height:145px;width:100px}.cast-center{height:180px;width:125px}.daily-layout{gap:18px}.daily h2{font-size:27px}.schedule{padding:15px 18px}.schedule-row{padding:10px 0}.schedule-heading{padding-bottom:10px}.section-heading h2{font-size:25px}.tools-layout{margin-top:22px;gap:18px}}