body{background:#f6f2ec;color:#3e3548}main{max-width:1080px;margin:auto;padding:16px}.fashion-nav{display:flex;justify-content:space-between;font-size:.9rem}.fashion-heading{text-align:center;margin:18px 0}.fashion-heading h1{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 6px;letter-spacing:-.035em}.fashion-heading p{margin:0;color:#6c6174}.studio{background:#fffaf5;border:1px solid #e0d5df;border-radius:24px;box-shadow:0 12px 36px #6249620c;padding:18px}.modes{display:flex;gap:8px;justify-content:center;margin-bottom:12px}button{font:inherit;cursor:pointer;color:inherit;background:white;border:1px solid #d8cfdd;border-radius:12px;padding:10px 14px;min-height:44px}button:hover{border-color:#806190}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8864af;outline-offset:3px}button[aria-pressed=true]{background:#ece1f2;border:2px solid #816293;font-weight:700}button:disabled{opacity:.5;cursor:default}.modes #challenge{background:#755687;color:white}.modes button{font-weight:700}.brief{text-align:center;border-top:1px dashed #d5c6d8;padding:12px 0}.brief h2{font-size:1.3rem;margin:0 0 4px}.brief p{font-size:.85rem;margin:0;color:#6c6174}.workbench{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(300px,1.15fr);gap:22px}.illustration{position:relative;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#fffdf6 20%,#eee5dd 80%);border:1px solid #ded1c9;display:flex;flex-direction:column;align-items:center;overflow:hidden}.edition{font-size:.62rem;letter-spacing:.2em;margin:14px 0 0;color:#64586c}#portrait{width:100%;height:405px;display:flex;justify-content:center}#portrait svg{height:100%;width:100%;max-width:260px;filter:drop-shadow(2px 3px 0 #fff9)}.illustration::before,.illustration::after{content:'';position:absolute;top:28px;width:40px;height:13px;background:#d6c6dba6;transform:rotate(-28deg);pointer-events:none}.illustration::before{left:-10px}.illustration::after{right:-10px;transform:rotate(28deg)}#skin-options{font-size:.8rem;margin:4px 0 12px;text-align:center}#skins{display:flex;gap:5px;margin-top:6px}.skin{width:32px;min-height:32px;height:32px;border-radius:50%;padding:0}.skin[aria-pressed=true]{outline:2px solid #775287;outline-offset:2px}.skin[aria-pressed=true]::after{content:'✓';background:#fff;border-radius:50%;font-size:12px;padding:1px 3px;color:#342a40}.wardrobe{min-width:0}#step{font-weight:700;font-size:.88rem;margin:2px 0 10px}#categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}#categories button{padding:8px 10px;font-size:.82rem;flex:1 0 20%}.item-grid{height:335px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;padding:3px 5px 8px 3px;scrollbar-width:thin}.item{padding:6px;min-width:0;background:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.item svg{height:84px;width:100%;filter:drop-shadow(1px 2px 0 #e5dce7)}.item span{font-size:.76rem;font-weight:700;line-height:1.2}.item small{font-size:.61rem;color:#716779;line-height:1.2}.item[aria-pressed=true]::after{content:'✓';position:absolute;right:5px;top:4px;background:#745486;color:white;width:19px;height:19px;border-radius:50%;font-size:12px}#remove{font-size:.75rem;border:0;background:transparent;text-decoration:underline;padding:7px}.finish-row{display:flex;justify-content:center;margin-top:14px}.primary{background:#755687;color:white;font-weight:800;border:0;box-shadow:0 4px 0 #543861;min-height:48px}.finish-row>.primary{width:min(100%,450px);font-size:1.05rem}.result{text-align:center;align-self:center;padding:14px}#score{font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.05em;margin:0;color:#725081}#reaction{font-size:.95rem;line-height:1.5}#breakdown{display:grid;gap:12px;text-align:left;font-size:.86rem}#breakdown div{display:grid;grid-template-columns:1fr auto;gap:3px}meter{width:100%;height:9px;grid-column:1/-1}#result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}#result-actions button{font-size:.9rem}#result-actions #next{flex-basis:100%}.share-actions{margin-top:18px;font-size:.8rem}#download{display:inline-block;margin-top:8px;color:#694580}#share-status{font-size:.8rem}.daily-row{margin-top:20px;border-top:1px dashed #dccedc;padding-top:12px;text-align:center}#daily{font-size:.82rem;background:#f2e9db}.notice{font-size:.8rem;text-align:center;min-height:20px;margin:10px 0 0;color:#6b5874}.guide{max-width:800px;margin:36px auto;line-height:1.7}.guide h2{font-size:1.35rem;margin-top:30px}.guide h3{font-size:1rem;margin-bottom:0}.guide p{margin-top:6px}#site-footer{position:static;padding:16px;line-height:2;max-width:100%;white-space:normal}#site-footer a{display:inline-block}[hidden]{display:none!important}
@media(max-width:600px){main{padding:10px}.fashion-heading{margin:12px 0}.fashion-heading p{font-size:.8rem}.studio{padding:10px;border-radius:18px}.modes button{font-size:.75rem;padding:8px;flex:1}.brief{padding:9px 0}.brief h2{font-size:1.05rem}.brief p{font-size:.72rem}.workbench{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9px}.edition{font-size:.48rem;letter-spacing:.05em;margin-top:10px}#portrait{height:285px;flex:1;min-height:210px}#skin-options{font-size:.7rem}#skins{gap:3px;flex-wrap:wrap;justify-content:center;max-width:130px}.skin{width:30px;height:30px;min-height:30px}.illustration{border-radius:13px}#categories{gap:4px;margin-bottom:6px}#categories button{padding:5px 3px;font-size:.68rem;flex-basis:28%;min-height:38px}#step{font-size:.72rem;line-height:1.25;margin-bottom:6px}.item-grid{height:260px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.item{padding:4px}.item svg{height:61px}.item span{font-size:.65rem}.item small{display:none}#remove{font-size:.65rem;padding:3px;min-height:35px}.finish-row{margin-top:10px}.result{padding:4px}#reaction{font-size:.76rem}#breakdown{font-size:.7rem;gap:8px}#result-actions button{font-size:.8rem}.share-actions button{font-size:.75rem}#skin-options summary{padding:5px}.daily-row{margin-top:12px}.notice{font-size:.7rem}}
@media(prefers-reduced-motion:no-preference){#portrait svg{animation:appear .18s ease-out}@keyframes appear{from{opacity:.8}to{opacity:1}}}
.item svg{flex:none}.item{min-height:130px}.item-grid{grid-auto-rows:minmax(130px,auto)}.first-step{box-shadow:0 0 0 3px #bda6c34d}.illustration{align-self:stretch}
@media(max-width:600px){.item{min-height:100px}.item-grid{grid-auto-rows:minmax(100px,auto)}#portrait{height:340px;flex:none}.item small{display:block;font-size:.55rem}.item svg{height:58px}.item-grid{height:245px}.fashion-heading h1{font-size:1.25rem}.notice{margin-top:8px}}
@media(max-width:600px){#categories button{min-height:44px}}
@media(max-width:360px){#portrait{height:270px}.item-grid{height:185px}.brief p{font-size:.67rem}.studio{padding:8px}.fashion-heading{margin:10px 0}.finish-row>.primary{font-size:.95rem}.item small{font-size:.53rem}}