:root{color-scheme:light;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:linear-gradient(135deg,#fdf6e3,#e0f2fe,#fef3c7);color:#1e293b}.app{min-height:100vh;padding:2rem 1rem;max-width:960px;margin:0 auto}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{margin:0;color:#64748b;font-size:1.05rem}.filter-bar{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.filter-btn{padding:.45rem 1.1rem;border-radius:2rem;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#f59e0b;color:#f59e0b}.filter-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.outfit-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;transition:transform .2s,box-shadow .2s}.outfit-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000014,0 12px 32px #0000000f}.outfit-image{width:100%;height:220px;object-fit:cover;display:block;background:#f1f5f9}.outfit-body{padding:1.25rem}.outfit-category{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .6rem;border-radius:1rem;margin-bottom:.5rem}.cat-swimsuit{background:#dbeafe;color:#1d4ed8}.cat-casual{background:#fce7f3;color:#be185d}.cat-cover-up{background:#d1fae5;color:#047857}.cat-accessories{background:#fef3c7;color:#b45309}.cat-evening{background:#ede9fe;color:#6d28d9}.outfit-name{font-size:1.1rem;font-weight:700;margin:0 0 .35rem;color:#0f172a}.outfit-desc{font-size:.88rem;color:#64748b;margin:0 0 .75rem;line-height:1.5}.outfit-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.outfit-items li{font-size:.75rem;padding:.2rem .55rem;border-radius:.35rem;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.footer{text-align:center;margin-top:3rem;padding:1.5rem;color:#94a3b8;font-size:.8rem}