*{box-sizing:border-box} :root{font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#363c36;background:#f7f3eb;font-synthesis:none}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #d7d9cd;background:#fffdf7;color:inherit;border-radius:12px;min-height:44px;padding:10px 18px}button:hover{border-color:#71846a;background:#eef0e7}button:focus-visible{outline:3px solid #b56b4b;outline-offset:2px}button:disabled{opacity:.45;cursor:default}.app{max-width:1240px;margin:auto;padding:24px max(24px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));height:100dvh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.flower{font-size:48px;color:#8b9e7b}h1{font-family:Georgia,'Microsoft YaHei',serif;font-size:25px;margin:0;font-weight:500;letter-spacing:4px}small{font-size:9px;letter-spacing:3px}.tools{display:flex;align-items:center;gap:10px}.tools span{font-size:12px;color:#727969}.tools button{padding:8px 14px}main{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1;min-height:0}.studio{position:relative;display:flex;flex-direction:column;align-items:center;background:#e7ebde;border:1px solid #d6dccb;border-radius:120px 120px 20px 20px;overflow:hidden;padding:30px 15px 15px}.studio:before{content:'';position:absolute;inset:55px 30px 45px;border:1px solid #bfcab4;border-radius:180px 180px 12px 12px}.studio-top{display:flex;justify-content:space-between;width:80%;z-index:1;font-size:9px;letter-spacing:2px;color:#69775e}#figure{min-height:0;flex:1;width:100%;z-index:1;display:flex;align-items:center;justify-content:center}#figure svg{height:100%;max-width:100%;width:auto;overflow:visible}.stage-caption{font-family:Georgia,'Microsoft YaHei',serif;font-size:12px;letter-spacing:2px;color:#68775d;z-index:1}.stage-caption span{padding:0 12px}.workbench{display:flex;flex-direction:column;min-height:0;gap:14px}.brief{padding:19px 22px;border:1px solid #dfdfd2;border-radius:16px;background:#fffcf5}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d765e;display:flex;justify-content:space-between}h2{font-size:25px;font-weight:500;margin:12px 0 8px}p{line-height:1.7} .brief p{font-size:13px;color:#747568;margin:0 0 12px}#goals{display:flex;gap:6px;flex-wrap:wrap}.goal{font-size:11px;background:#eeeee2;border-radius:20px;padding:5px 9px}.goal.done{background:#dce8d4;color:#395231}.closet{min-height:0;flex:1;display:flex;flex-direction:column}.closet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h3{margin:0;font-size:15px;font-weight:500}.closet-heading span{font-size:11px;color:#7a816f}nav{display:flex;gap:6px;margin-bottom:12px}nav button{flex:1;border:none;background:#ecebe2;font-size:13px;padding:8px}nav .active{background:#53694d;color:white}#items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow:auto;min-height:0;align-content:start;padding:2px}.item{display:grid;grid-template-columns:68px 1fr;align-items:center;text-align:left;padding:10px;min-height:100px;border:1px solid #e0dfd4;background:#fffdf8;position:relative}.item svg{width:58px;height:70px}.item strong{display:block;font-size:13px;font-weight:500}.item small{display:block;font-size:10px;letter-spacing:0;margin-top:5px;color:#838678}.item[aria-pressed=true]{border:2px solid #607a54;padding:9px;background:#eef2e7}.item[aria-pressed=true]:after{content:'✓';position:absolute;right:8px;top:4px;color:#53694d}footer{padding-top:4px}#status{font-size:12px;color:#74806d;margin:0 0 8px;min-height:20px}.actions{display:flex;gap:10px}.actions button{flex:1}.primary{background:#52684b;color:#fff;border-color:#52684b}.primary:hover{background:#3d5438;color:#fff}.bottom-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-top:16px;color:#8d9283}.bottom-line span{letter-spacing:0}dialog{border:1px solid #d7dccd;background:#fffcf5;border-radius:24px;max-width:440px;width:calc(100% - 32px);padding:28px;max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #26391d30}dialog::backdrop{background:#25311f75;backdrop-filter:blur(4px)}dialog h2{font-size:26px}dialog p{font-size:14px;color:#6e7867}dialog button{margin:4px}.score{font:64px Georgia;color:#52684b}.result-stars{font-size:28px;letter-spacing:8px;color:#ac8050}.saved-look{border-bottom:1px solid #ddd;padding:12px 0;display:flex;justify-content:space-between;align-items:center}.saved-look small{letter-spacing:0}.welcome-mark{font-size:55px;color:#8b9e7b}
@media(min-width:1200px){.app{padding-top:30px;padding-bottom:22px}main{gap:40px}.brief{padding:24px}.item{min-height:115px}}
@media(max-width:650px) and (orientation:portrait){.app{padding:10px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:auto;min-height:100dvh}header{margin-bottom:10px}h1{font-size:20px}.flower{font-size:35px}.brand{gap:6px}.tools{gap:5px}.tools span{font-size:10px}.tools button{padding:6px 10px}main{display:flex;flex-direction:column;gap:12px}.studio{height:35dvh;min-height:215px;border-radius:70px 70px 16px 16px;padding:14px 12px 9px}.studio:before{inset:25px 28px 28px}.studio-top{font-size:8px}.stage-caption{font-size:10px;letter-spacing:1px}.workbench{gap:10px}.brief{padding:13px 16px}h2{font-size:21px;margin:7px 0 5px}.brief p{font-size:12px;margin-bottom:8px}.goal{font-size:10px}nav{margin-bottom:8px}#items{overflow:visible;gap:8px}.item{min-height:85px;grid-template-columns:48px 1fr}.item svg{width:43px;height:60px}.item strong{font-size:12px}.bottom-line{margin-top:14px;font-size:8px;letter-spacing:1px}}
@media(orientation:landscape) and (max-height:540px){.app{padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));min-height:320px}header{margin-bottom:6px}.flower{font-size:30px}h1{font-size:19px}.brand small{font-size:8px}main{grid-template-columns:36% 1fr;gap:16px}.studio{padding:16px 7px 8px;border-radius:65px 65px 12px 12px}.studio:before{inset:28px 14px 25px}.studio-top{font-size:7px;letter-spacing:1px}.stage-caption{font-size:9px;letter-spacing:0}.stage-caption span{padding:0 2px}.workbench{gap:6px}.brief{padding:8px 12px}.eyebrow{font-size:8px}h2{font-size:18px;margin:4px 0}.brief p{display:none}.goal{font-size:10px;padding:3px 6px}.closet-heading{display:none}nav{margin-bottom:5px}nav button{min-height:36px;padding:4px}#items{grid-template-columns:repeat(4,1fr);gap:6px}.item{grid-template-columns:1fr;min-height:95px;text-align:center;padding:4px}.item svg{height:42px;width:100%}.item strong{font-size:11px}.item small{font-size:9px;margin-top:2px}.item[aria-pressed=true]{padding:3px}#status{margin:0 0 3px;font-size:10px;min-height:14px}footer{padding:0}.actions button{padding:7px;min-height:40px}.bottom-line{display:none}}
@media(orientation:landscape) and (max-height:360px){.brand small,.brief .eyebrow{display:none}.brief{padding:5px 8px}.brief h2{font-size:16px;margin:0 0 4px}.workbench{gap:4px}.item{min-height:74px;padding:3px}.item[aria-pressed=true]{padding:2px}.item svg{height:28px}.item strong{font-size:10px}#status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}header{margin-bottom:4px}.goal{font-size:9px;padding:3px 4px}#goals{gap:4px}}

@media(max-width:430px){header>div:last-child{gap:3px;flex-wrap:wrap;justify-content:flex-end;max-width:48%}header>div:last-child button{padding:5px 8px;min-height:34px;font-size:11px}header>div:last-child>span{display:block;flex-basis:100%;text-align:right}}