/* Art edition: mint dressing room and illustrated wardrobe cards. */
:root{color:#354959;background:#f3fbf5}button{border:2px solid #d0e4dc;border-radius:15px;font-weight:600;background:#fff;box-shadow:0 2px 0 #c7dcd430}button:hover{background:#eaf8ef;border-color:#77bda7}button:focus-visible{outline:3px solid #eea748;outline-offset:2px}.primary{background:#ed8a76;border-color:#ce6b5f;box-shadow:0 3px 0 #bc6154;color:#fff}.primary:hover{background:#e3796a;color:white}.brand .flower{color:#eea749}h1{font-weight:800;letter-spacing:2px}.brand small{color:#679786}.tools span{color:#58756a}.tools button{background:#fffef7}.studio{background:radial-gradient(ellipse at 50% 34%,#f3fff5 0,#d2f0e2 62%,#bde2d5 100%);border:3px solid #94cab6;border-radius:90px 90px 24px 24px;box-shadow:inset 0 0 0 6px #e8fff1,0 7px 0 #c7e7d9}.studio:before{border:3px solid #a4d7c3;background:#ffffff33;inset:50px 25px 42px}.studio-top{font-weight:700;letter-spacing:1px;color:#4a8c78}.stage-caption{font-weight:600;color:#4a806c}.brief{border:2px solid #e7d8af;background:#fff9e9;box-shadow:0 3px 0 #f0e9d6;border-radius:20px}.eyebrow{color:#a7773d}.brief p{color:#667570}h2{font-weight:750;color:#3d5460}.goal{background:#f3e9ca;color:#79653d;font-weight:600}.goal.done{background:#d5efe0;color:#38785d}nav button{background:#dfeee8;border-radius:12px;color:#4b7165}nav .active{background:#528d7b;box-shadow:0 3px 0 #39715f;color:#fff}.item{border:2px solid #cce2dc;border-radius:19px;background:#fff;box-shadow:0 4px 0 #dcece6;gap:9px;padding:10px}.item svg{background:#fff3de;border-radius:13px;padding:5px;box-shadow:inset 0 0 0 1px #f2dec1}.item strong{font-weight:700;color:#455966}.item small{color:#667f79}.item[aria-pressed=true]{border:3px solid #e59a59;background:#fff8e8;padding:9px}.item[aria-pressed=true]:after{color:#fff;background:#df9a54;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px;right:6px;top:5px;font-size:12px}.closet-heading span,#status{color:#527869}.bottom-line{color:#628a7b}dialog{background:#fffcf2;border:3px solid #9ccdb9;box-shadow:0 12px 0 #416a5b33;border-radius:26px}dialog::backdrop{background:#2b534c77}dialog p{color:#61766e}.score{color:#dd866b}.welcome-mark{color:#e9aa48}dialog button{min-height:44px}.saved-look{gap:10px}.saved-look span{min-width:0}
@media(max-width:650px) and (orientation:portrait){.studio{height:37dvh;min-height:235px;padding-top:16px}.studio:before{inset:29px 21px 28px}.item{min-height:97px;grid-template-columns:54px 1fr;gap:5px}.item svg{width:52px;height:72px}.item strong{font-size:12px}.item small{font-size:10px}nav button{min-height:44px}.brief{padding:13px}.tools button{min-height:40px!important}.tools{max-width:49%}.app{padding-top:10px}.bottom-line{letter-spacing:0}.brand small{letter-spacing:1px}h1{font-size:20px}}
@media(orientation:landscape) and (max-height:540px){.studio{border-radius:48px 48px 18px 18px;padding-top:13px;box-shadow:inset 0 0 0 4px #e8fff1}.studio:before{inset:28px 13px 24px;border-width:2px}.item{gap:2px;min-height:92px;padding:4px;border-radius:13px}.item[aria-pressed=true]{padding:3px}.item svg{height:40px;width:48px;justify-self:center;padding:2px}.item strong{font-size:11px}.item small{font-size:9px}nav button{min-height:38px}.brief{padding:6px 10px;border-radius:14px}.goal{font-size:10px}.tools button{min-height:38px;padding:5px 12px}.actions button{min-height:42px}.studio-top{font-size:7px}.app{padding-top:6px;padding-bottom:8px}}
@media(orientation:landscape) and (max-height:360px){.item{min-height:78px}.item svg{height:28px;width:45px}.goal{font-size:9px;padding:2px 4px}.brief h2{font-size:15px}.stage-caption{font-size:8px}.item strong{font-size:10px}.item small{font-size:9px}.tools button{min-height:36px}.actions button{min-height:40px}}
@media(orientation:landscape) and (max-width:620px){main{grid-template-columns:29% 1fr;gap:10px}.studio-top{letter-spacing:0}.stage-caption{letter-spacing:0}.stage-caption span{display:none}#items{gap:4px}.item strong{font-size:10px}.brand small{display:none}.tools{gap:4px}.tools button{padding:4px 8px}.tools span{font-size:10px}h1{font-size:17px}.flower{font-size:26px}}

@media(orientation:landscape) and (max-height:360px){.item{min-height:90px}.item svg{height:40px}.item strong{font-size:11px}}