:root{--pink: #f472b6;--pink-light: #fbcfe8;--pink-dark: #be185d;--lavender: #c084fc;--peach: #fda4af;--mint: #6ee7b7;--sky: #7dd3fc;--cream: #fff7ed;--rose-bg: #fdf2f8;--glass: rgba(255, 255, 255, .7);--shadow: 0 4px 24px rgba(244, 114, 182, .15)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#fae8ff,#ede9fe 60%,#e0f2fe);color:#1e1b2e;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{background-attachment:fixed}#root{min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#be185d,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;letter-spacing:-.02em}.header p{color:#9ca3af;font-size:1rem;margin:0}.score-panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,114,182,.2);border-radius:1.25rem;padding:1.75rem 2rem;margin-bottom:2rem;box-shadow:var(--shadow);text-align:center}.score-panel h2{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em}.score-display{font-size:3.5rem;font-weight:800;margin:.25rem 0;transition:all .4s ease}.score-display.excellent{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display.good{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display.ok{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display.low{color:#d1d5db}.score-label{font-size:1rem;font-weight:600;margin:.25rem 0 .75rem}.score-stars{font-size:1.5rem;letter-spacing:.15em;margin:.5rem 0}.match-tips{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(244,114,182,.15);font-size:.9rem;color:#6b7280;line-height:1.6}.match-tips strong{color:#be185d}.mannequin{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,114,182,.2);border-radius:1.25rem;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:.5rem}.mannequin h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;align-self:flex-start}.outfit-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:260px;justify-content:center}.outfit-slot{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem;border-radius:2rem;font-size:.95rem;font-weight:500;min-width:200px;justify-content:center;transition:all .3s ease}.outfit-slot.empty{background:#00000008;border:1.5px dashed #d1d5db;color:#9ca3af}.outfit-slot.filled{border:1.5px solid rgba(244,114,182,.3);font-weight:600}.outfit-slot .slot-emoji{font-size:1.3rem}.categories{display:flex;flex-direction:column;gap:1.5rem}.category-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,114,182,.15);border-radius:1.25rem;padding:1.5rem;box-shadow:0 2px 12px #f472b614}.category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.category-header .emoji{font-size:1.5rem}.category-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#1e1b2e}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.item-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;border-radius:1rem;border:2px solid transparent;background:#fff9;cursor:pointer;transition:all .2s ease;font-family:inherit}.item-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f472b633;border-color:var(--pink-light)}.item-btn.selected{border-color:var(--pink);background:linear-gradient(135deg,#f472b61a,#c084fc1a);box-shadow:0 2px 12px #f472b640}.item-btn .item-emoji{font-size:2rem}.item-btn .item-name{font-size:.78rem;font-weight:600;color:#374151;text-align:center;line-height:1.2}.item-btn .item-color-tag{font-size:.65rem;color:#9ca3af;text-transform:capitalize}.actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.btn{padding:.75rem 2rem;border-radius:2rem;border:none;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;box-shadow:0 4px 16px #ec48994d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ec489966}.btn-secondary{background:#ffffffb3;color:#be185d;border:1.5px solid rgba(244,114,182,.3)}.btn-secondary:hover{background:#ffffffe6;border-color:var(--pink)}@media(max-width:600px){.app{padding:1rem 1rem 3rem}.header h1{font-size:1.8rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.score-display{font-size:2.5rem}}