*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-border: #dfdfdf;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-accent: #db2777;--color-accent-contrast: #ffffff}@media(prefers-color-scheme:dark){:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-border: #333333;--color-text: #f2f2f2;--color-text-secondary: #a0a0a0;--color-accent: #f472b6;--color-accent-contrast: #1a1a1a}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-accent)}.page{max-width:64rem;margin-inline:auto;padding:2rem}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-nav{display:flex;gap:1.5rem;padding:1rem 2rem;border-bottom:1px solid var(--color-border)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:600;padding:.25rem 0;transition:color .15s ease}.nav-link:hover{color:var(--color-text)}.nav-link--active{color:var(--color-accent)}.app-main{flex:1}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.75rem;font-weight:700}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg);color:var(--color-text);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn:hover{background-color:var(--color-surface)}.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn-primary:hover{opacity:.9}.btn-text{border-color:transparent;background:none;padding:.25rem .5rem;color:var(--color-text-secondary)}.btn-text:hover{color:var(--color-accent);background:none}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pill{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:999px;background-color:var(--color-bg);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.pill:hover{border-color:var(--color-accent)}.pill--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.empty-state{color:var(--color-text-secondary);padding:2rem 0}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.25rem}.item-card{border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background-color:var(--color-surface);display:flex;flex-direction:column}.item-card__photo{width:100%;aspect-ratio:1;object-fit:cover;background-color:var(--color-bg)}.item-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.15rem}.item-card__name{font-weight:600}.item-card__category{font-size:.8rem;color:var(--color-text-secondary)}.form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.4rem;max-width:30rem}.form-field label{font-weight:600;font-size:.9rem}.form-field input,.form-field select{padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg);color:var(--color-text);font-size:1rem}.photo-preview{margin-top:.75rem;width:160px;aspect-ratio:1;object-fit:cover;border:1px solid var(--color-border);border-radius:6px}.form-error{color:var(--color-accent);font-size:.9rem}.form-actions{display:flex;gap:.75rem}.outfit-list{display:flex;flex-direction:column;gap:1rem;list-style:none}.outfit-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:6px}.outfit-card__thumbs{display:flex}.outfit-card__thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--color-border);margin-left:-.6rem}.outfit-card__thumb:first-child{margin-left:0}.outfit-card__body{flex:1}.outfit-card__name{font-weight:600}.outfit-card__count{font-size:.8rem;color:var(--color-text-secondary)}.picker-section{margin-bottom:.5rem}.picker-section__title{font-weight:600;margin-bottom:.5rem}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.picker-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg);cursor:pointer;transition:border-color .15s ease}.picker-item__photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.picker-item__name{font-size:.8rem;text-align:center}.picker-item--selected{border-color:var(--color-accent);border-width:2px}