:root{--ink:#161719;--muted:#686a70;--paper:#f6f3ed;--surface:#fff;--line:#e7e1d7;--yellow:#e7b518;--yellow-deep:#bd8f00;--red:#ce3a2d;--green:#277a58}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:1120px;margin:0 auto;padding:24px 20px 64px}.header{justify-content:space-between;align-items:center;padding:8px 0 30px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:1.15rem;font-weight:850;display:flex}.brand-mark{background:var(--yellow);width:30px;height:30px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.status{color:var(--muted);font-size:.84rem}.hero{grid-template-columns:1.3fr .7fr;align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.hero-copy,.card{background:var(--surface);border:1px solid var(--line);border-radius:20px}.hero-copy{background:var(--ink);color:#fff;padding:clamp(26px,5vw,54px);position:relative;overflow:hidden}.hero-copy:after{content:"";background:var(--yellow);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-130px;right:-90px}h1{z-index:1;letter-spacing:-.07em;max-width:720px;margin:0 0 18px;font-size:clamp(2.25rem,6vw,4.65rem);line-height:.93;position:relative}.hero-copy p{z-index:1;color:#dedbd3;max-width:530px;margin:0;line-height:1.55;position:relative}.hero-stat{flex-direction:column;justify-content:space-between;padding:26px;display:flex}.hero-stat strong{letter-spacing:-.07em;font-size:3rem}.hero-stat p{color:var(--muted);line-height:1.45}.card{padding:22px}.card h2,.card h3{letter-spacing:-.04em;margin:0 0 10px}.card p{color:var(--muted);line-height:1.45}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.stack{gap:16px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{gap:7px;font-size:.84rem;font-weight:700;display:grid}.field.full{grid-column:1/-1}input,select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;outline:none;min-height:45px;padding:0 12px}input:focus,select:focus{border-color:var(--yellow-deep);box-shadow:0 0 0 3px #e7b51833}.primary,.secondary,.icon-button{border:0;border-radius:11px;min-height:45px;font-weight:800;transition:transform .15s,background .15s}.primary{background:var(--yellow);color:var(--ink);padding:0 18px}.primary:hover{background:#f4c425;transform:translateY(-1px)}.secondary{color:var(--ink);background:#f1eee8;padding:0 15px}.secondary:hover{background:#e6e2da}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hint{color:var(--muted);margin:10px 0 0;font-size:.83rem}.section-title{justify-content:space-between;align-items:baseline;margin-bottom:15px;display:flex}.section-title span{color:var(--muted);font-size:.84rem}.garment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:380px;padding-right:2px;display:grid;overflow:auto}.garment{border:1px solid var(--line);background:#fffcf8;border-radius:13px;min-height:114px;padding:12px;position:relative}.garment img{object-fit:cover;float:right;border-radius:10px;width:42px;height:42px;margin-left:8px}.garment strong{padding-right:4px;font-size:.9rem;line-height:1.15;display:block}.garment small{color:var(--muted);margin-top:7px;display:block}.garment button{color:var(--red);background:0 0;border:0;font-size:.78rem;position:absolute;bottom:8px;right:8px}.outfits{gap:12px;display:grid}.outfit{border:1px solid var(--line);background:#fffdf9;border-radius:15px;padding:16px}.outfit-top{justify-content:space-between;gap:12px;display:flex}.outfit-number{background:var(--yellow);border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.outfit ul{flex-wrap:wrap;gap:7px;margin:14px 0 10px;padding:0;list-style:none;display:flex}.outfit li{background:#f1eee8;border-radius:999px;padding:6px 9px;font-size:.8rem}.outfit p{margin:0 0 14px;font-size:.89rem}.feedback{flex-wrap:wrap;gap:8px;display:flex}.feedback button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-size:.78rem;font-weight:700}.feedback button.active{border-color:var(--green);color:var(--green);background:#edf8f2}.empty{text-align:center;color:var(--muted);padding:26px 10px}.demo-note{border-left:4px solid var(--yellow);background:#fff9df;border-radius:0 10px 10px 0;padding:12px 14px;font-size:.86rem;line-height:1.4}@media (max-width:760px){.app{padding:17px 14px 42px}.header{padding-bottom:20px}.hero,.grid{grid-template-columns:1fr}.hero-stat{min-height:160px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.garment-list{grid-template-columns:1fr;max-height:none}}