:root{--font-display:"Fredoka", "Trebuchet MS", sans-serif;--font-body:"Nunito", "Trebuchet MS", sans-serif;--ink:#263f50;--ink-soft:#4f6977;--paper:#fffdf8;--sky-100:#d9f3ff;--sky-200:#bde9f9;--sky-500:#3ca8d5;--mint-100:#dcf7ee;--mint-300:#9edfcf;--peach-100:#ffe8dd;--peach-300:#ffc5b4;--coral-500:#dc6875;--focus:#165b78;--radius-xl:2.25rem;--radius-lg:1.5rem;--space-page:clamp(1rem, 5vw, 3rem);--shadow-soft:0 1.2rem 2.8rem #2d54671f;color:var(--ink);background:var(--sky-100);font:1rem/1.5 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--sky-100);min-width:20rem}body{min-width:20rem;min-height:100svh;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{min-width:2.75rem;min-height:2.75rem}::selection{color:var(--ink);background:var(--peach-300)}#root{min-height:100svh}.category-tabs{flex-wrap:wrap;gap:.5rem;padding:.35rem .25rem .7rem;display:flex}.category-tabs__tab{min-width:max-content;min-height:2.55rem;color:var(--ink-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff9e;border:2px solid #ffffffc2;border-radius:999px;flex:calc(25% - .5rem);padding:.55rem .85rem;font-size:.9rem;font-weight:800;transition:translate .18s,background .18s,color .18s,box-shadow .18s;box-shadow:0 .25rem .7rem #2d54671a}.category-tabs__tab[aria-selected=true]{color:var(--ink);background:linear-gradient(145deg, var(--sky-100), var(--mint-100));box-shadow:0 .22rem 0 var(--sky-500)}.category-tabs__tab:hover{translate:0 -.12rem}.category-tabs__tab:active{translate:0 .12rem}.category-tabs__tab:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}@media (width<=30rem){.category-tabs__tab{text-align:center;flex:calc(50% - .5rem)}}@media (prefers-reduced-motion:reduce){.category-tabs__tab{transition:none}}.character-stage{--stage-max-h:min(70svh, 42rem);width:min(100%, 22rem, calc(var(--stage-max-h) * 600 / 900));aspect-ratio:600/900;max-width:100%;max-height:var(--stage-max-h);overflow:visible}.character-stage__stack{transform-origin:50% 90%;width:100%;height:100%;animation:4.8s ease-in-out infinite character-stage-float;position:relative;overflow:visible}.character-stage__layer{object-fit:contain;object-position:center center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes character-stage-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)rotate(.25deg)}}@media (width<=52rem){.character-stage{--stage-max-h:min(58svh, 34rem);width:min(100%, 18rem, calc(var(--stage-max-h) * 600 / 900))}}@media (prefers-reduced-motion:reduce){.character-stage__stack{animation:none}}.item-tray{grid-template-columns:1fr;gap:.85rem;padding:.45rem .25rem .8rem;display:grid}.item-tray__choice{border-radius:var(--radius-lg);min-width:0;min-height:clamp(5.5rem,12vw,7rem);color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffffad;border:3px solid #ffffffc7;grid-template-columns:clamp(4.5rem,18vw,6.5rem) 1fr;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.95rem;font-weight:800;line-height:1.15;transition:translate .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 .3rem #3ca8d559,0 .75rem 1.3rem #2d546717}.item-tray__choice[aria-pressed=true]{background:linear-gradient(145deg, var(--mint-100), var(--sky-100));box-shadow:0 .38rem 0 var(--sky-500), 0 .85rem 1.4rem #2d546724;border-color:#fffffff2}.item-tray__choice:hover{translate:0 -.15rem}.item-tray__choice:active{translate:0 .15rem}.item-tray__choice:focus-visible{outline:.22rem solid var(--focus);outline-offset:.22rem}.item-tray__image{object-fit:contain;width:100%;height:clamp(4rem,10vw,5.5rem);display:block}.item-tray__none-mark{aspect-ratio:1;border:.28rem solid var(--coral-500);background:linear-gradient(45deg, transparent 43%, var(--coral-500) 44% 56%, transparent 57%);border-radius:50%;justify-self:center;width:3.25rem}@media (width<=52rem){.item-tray{gap:.65rem}.item-tray__choice{grid-template-columns:4.25rem 1fr;gap:.6rem;min-height:4.75rem;padding:.5rem .7rem}.item-tray__image{height:3.75rem}}@media (width>=52rem){.item-tray{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(58svh,36rem);overflow-y:auto}}@media (prefers-reduced-motion:reduce){.item-tray__choice{transition:none}}.outfit-controls{flex-wrap:wrap;gap:.75rem;display:flex}.outfit-controls__button{min-height:2.75rem;color:var(--ink);font:700 1rem/1 var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #ffffffc2;border-radius:999px;padding:.7rem 1.15rem;transition:translate .18s,box-shadow .18s,filter .18s;box-shadow:0 .25rem #2d546733}.outfit-controls__button--back{background:linear-gradient(145deg, var(--sky-100), #a9e0f5)}.outfit-controls__button--reset{background:linear-gradient(145deg, var(--peach-100), #ffc3b5)}.outfit-controls__button--print{background:linear-gradient(145deg, var(--mint-100), #9edfcf)}.outfit-controls__button:hover{filter:saturate(1.06);translate:0 -.12rem}.outfit-controls__button:active{translate:0 .15rem;box-shadow:0 .1rem #2d546733}.outfit-controls__button:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}@media (width<=30rem){.outfit-controls__button{flex:100%}}@media (prefers-reduced-motion:reduce){.outfit-controls__button{transition:none}}.dressing-room{isolation:isolate;min-height:100svh;padding:clamp(1rem, 4vw, 2.5rem) var(--space-page);background:radial-gradient(circle at 8% 12%, #ffffffc7 0 5%, transparent 18%), radial-gradient(circle at 91% 85%, #ffe8ddc2 0 8%, transparent 23%), linear-gradient(145deg, var(--sky-100), var(--mint-100) 58%, var(--peach-100));position:relative;overflow:clip auto}.dressing-room:before{z-index:-1;aspect-ratio:1;content:"";background:#ffffff1f;border:2px solid #ffffff85;border-radius:46% 54% 65% 35%/45% 38% 62% 55%;width:clamp(22rem,42vw,38rem);position:absolute;inset:auto -8rem -14rem auto;rotate:-18deg}.dressing-room__header{justify-content:space-between;align-items:center;gap:1.5rem;width:min(78rem,100%);margin:0 auto clamp(1.25rem,3vw,2.25rem);display:flex}.dressing-room__eyebrow{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:800}.dressing-room h1{font:700 clamp(2.4rem, 7vw, 4.5rem)/.9 var(--font-display);letter-spacing:-.055em;text-shadow:0 .06em #ffffffb3;margin:0}.dressing-room__workspace{grid-template-columns:minmax(17rem,.85fr) minmax(24rem,1.15fr);align-items:start;gap:clamp(1.5rem,5vw,4.5rem);width:min(78rem,100%);margin:0 auto;display:grid}.dressing-room__stage{place-items:center;width:100%;min-width:0;padding:0 clamp(.5rem,2vw,1.25rem) 1rem;display:grid;position:sticky;top:1rem;overflow:visible}.dressing-room__stage:after{z-index:-1;content:"";filter:blur(.3rem);background:#3ca8d521;border-radius:50%;height:8%;position:absolute;bottom:1.4rem;left:10%;right:10%}.dressing-room__stage .character-stage__layer:not(:first-child){animation:.26s cubic-bezier(.2,.9,.35,1.25) dressing-room-item-pop}.dressing-room__wardrobe{gap:clamp(.85rem,2vw,1.4rem);min-width:0;padding-block:clamp(.25rem,1vw,.75rem);display:grid}@keyframes dressing-room-item-pop{0%{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (width<=52rem){.dressing-room__header{flex-direction:column;align-items:flex-start}.dressing-room__workspace{grid-template-columns:1fr;gap:.75rem}.dressing-room__stage{order:1;padding-bottom:0;position:relative;top:auto}.dressing-room__wardrobe{border-top:2px solid #ffffff94;order:2;padding-top:1rem}}@media (width<=30rem){.dressing-room__header{gap:1rem}.dressing-room h1{font-size:clamp(2.6rem,14vw,3.6rem)}}@media (prefers-reduced-motion:reduce){.dressing-room__stage .character-stage__layer:not(:first-child){animation:none}}@media print{.dressing-room{background:#fff;min-height:auto;padding:0;overflow:visible}.dressing-room:before,.dressing-room__eyebrow,.outfit-controls,.dressing-room__wardrobe,.dressing-room__stage:after{display:none!important}.dressing-room__header{justify-content:center;margin:0 0 1rem}.dressing-room h1{text-shadow:none;font-size:1.75rem}.dressing-room__workspace{display:block}.dressing-room__stage{padding:0;position:static}.dressing-room__stage .character-stage{--stage-max-h:90vh;width:min(100%,18rem)}.dressing-room__stage .character-stage__stack,.dressing-room__stage .character-stage__layer:not(:first-child){animation:none}}.gender-chooser{isolation:isolate;min-height:100svh;padding:clamp(2rem, 7vw, 5rem) var(--space-page);background:radial-gradient(circle at 14% 18%, #ffffffd6 0 7%, transparent 20%), radial-gradient(circle at 87% 76%, #fff4dcb8 0 10%, transparent 27%), linear-gradient(145deg, var(--sky-100) 0%, var(--mint-100) 52%, var(--peach-100) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.gender-chooser:before,.gender-chooser:after{z-index:-1;content:"";aspect-ratio:1;border:2px solid #ffffff94;border-radius:43% 57% 52% 48%/56% 45% 55% 44%;width:clamp(16rem,36vw,30rem);position:absolute}.gender-chooser:before{background:#ffffff29;top:-11rem;right:-6rem;rotate:18deg}.gender-chooser:after{background:#47c3b51a;bottom:-14rem;left:-8rem;rotate:-24deg}.gender-chooser__glow{z-index:-1;filter:blur(3rem);background:#ffffff70;border-radius:50%;width:min(44rem,84vw);height:min(28rem,58vh);position:absolute}.gender-chooser__content{text-align:center;width:min(46rem,100%);animation:.68s cubic-bezier(.2,.8,.25,1) 90ms both chooser-arrive}.gender-chooser__header{margin-bottom:clamp(2rem,6vh,3.75rem)}.gender-chooser__eyebrow{color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:clamp(.78rem,2vw,.92rem);font-weight:800}.gender-chooser h1{color:var(--ink);font-family:var(--font-display);letter-spacing:-.065em;text-wrap:balance;text-shadow:0 .06em #ffffffc2,0 .13em .35em #2d54671a;margin:0;font-size:clamp(4rem,14vw,8.25rem);font-weight:700;line-height:.82}.gender-chooser__prompt{color:var(--ink-soft);margin:clamp(1.5rem,4vh,2.25rem) 0 0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}.gender-chooser__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,4vw,1.75rem);display:grid}.gender-choice{border-radius:clamp(1.5rem, 4vw, var(--radius-xl));min-height:clamp(8.5rem,22vw,11rem);color:var(--ink);font:700 clamp(1.6rem, 5vw, 2.3rem)/1 var(--font-display);letter-spacing:-.02em;cursor:pointer;box-shadow:0 .55rem 0 var(--button-shadow), 0 1.2rem 2.4rem #2d546724;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #ffffffc2;transition:translate .18s,box-shadow .18s,filter .18s}.gender-choice--boy{--button-shadow:var(--sky-500);background:radial-gradient(circle at 25% 20%,#ffffff9e 0 9%,#0000 24%),linear-gradient(145deg,#9eddfa,#66c5ed)}.gender-choice--girl{--button-shadow:var(--coral-500);background:radial-gradient(circle at 75% 20%,#ffffff94 0 9%,#0000 24%),linear-gradient(145deg,#ffb5bb,#fa8f9b)}.gender-choice:hover{filter:saturate(1.06);box-shadow:0 .72rem 0 var(--button-shadow), 0 1.4rem 2.7rem #2d54672b;translate:0 -.22rem}.gender-choice:active{box-shadow:0 .2rem 0 var(--button-shadow), 0 .65rem 1.2rem #2d54671f;translate:0 .35rem}.gender-choice:focus-visible{outline:.25rem solid var(--focus);outline-offset:.35rem}.gender-chooser__sparkle{aspect-ratio:1;background:#ffffffd9;border-radius:50%;width:.75rem;animation:3.5s ease-in-out infinite sparkle-float;position:absolute;box-shadow:0 0 0 .35rem #ffffff2e}.gender-chooser__sparkle--one{top:19%;left:11%}.gender-chooser__sparkle--two{width:.5rem;animation-delay:-1.2s;top:28%;right:12%}.gender-chooser__sparkle--three{width:.65rem;animation-delay:-2.4s;bottom:13%;right:19%}@keyframes chooser-arrive{0%{opacity:0;transform:translateY(1.5rem)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sparkle-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.75rem)scale(1.15)}}@media (width<=34rem){.gender-chooser{align-items:start;padding-top:clamp(2.25rem,9vh,4rem)}.gender-chooser__header{margin-bottom:1.5rem}.gender-chooser h1{font-size:clamp(3.65rem,19vw,5.4rem)}.gender-chooser__choices{grid-template-columns:1fr;gap:1rem}.gender-choice{min-height:5.75rem}}@media (prefers-reduced-motion:reduce){.gender-chooser__content,.gender-chooser__sparkle{animation:none}.gender-choice{transition:none}}.gender-chooser,.dressing-room{animation:.42s cubic-bezier(.2,.8,.25,1) both app-screen-enter}@keyframes app-screen-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gender-chooser,.dressing-room{animation:none}}