:root{--bg:#f4f7fa;--surface:#fff;--surface-2:#edf2f7;--text:#1b2430;--muted:#5d6b7a;--accent:#3f6f99;--accent-hover:#2f587d;--accent-soft:#e3edf6;--border:#dce4ec;--danger:#b3412f;--danger-bg:#fbeeeb;--radius:12px;--focus:0 0 0 3px #3f6f9959;--font-sans:"Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Marcellus", Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);margin:0;line-height:1.5}.top h1,.panel-head h2,.empty-state h2,.outfit-head h2{font-family:var(--font-serif);font-weight:400}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}p{margin:0}.muted{color:var(--muted)}button{cursor:pointer;font:inherit;border:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;transition:background-color .15s,border-color .15s,color .15s}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{box-shadow:var(--focus);outline:none}.primary{background:var(--accent);color:#fff;white-space:nowrap;padding:.65rem 1.4rem;font-weight:600}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.secondary:hover{background:var(--accent-soft)}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3rem}.top{margin-bottom:1.75rem}.top h1{letter-spacing:-.005em;font-size:2rem}.tagline{color:var(--muted);margin-top:.25rem}.layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.profile-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 3rem);padding:1.1rem 1.25rem .5rem;position:sticky;top:1.5rem;overflow-y:auto}@media (width<=900px){.profile-panel{max-height:none;position:static}}.panel-head{border-bottom:1px solid var(--border);padding-bottom:.75rem}.panel-head h2{font-size:1rem}.panel-head p{color:var(--muted);margin-top:.15rem;font-size:.8rem}.collapsible-section{border-bottom:1px solid var(--border)}.collapsible-section:last-child{border-bottom:none}.section-toggle{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 0;font-weight:500;display:flex}.section-toggle:hover .section-title{color:var(--accent)}.section-title{align-items:center;gap:.55rem;display:flex}.chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.45rem;height:.45rem;transition:transform .15s;transform:rotate(-45deg)}.open .chevron{transform:rotate(45deg)}.section-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:500;overflow:hidden}.section-status.off{color:var(--muted);background:0 0;font-weight:400}.section-content{padding:0 0 1rem}.hint{color:var(--muted);margin-bottom:.7rem;font-size:.82rem}.chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.35rem .8rem;font-size:.82rem}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.skip:not(.active){color:var(--muted);border-style:dashed}.aesthetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.aesthetic{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .65rem;display:flex}.aesthetic:hover{border-color:var(--accent)}.aesthetic.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.aesthetic-name{font-size:.85rem;font-weight:600}.aesthetic-blurb{color:var(--muted);font-size:.72rem;line-height:1.3}.link-button{color:var(--accent);background:0 0;border-radius:4px;margin-top:.6rem;padding:.25rem 0;font-size:.8rem;text-decoration:underline}.matrix-axis{margin-top:.8rem}.axis-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.matrix-note{background:var(--surface-2);color:var(--muted);border-radius:8px;margin-top:.9rem;padding:.7rem .8rem;font-size:.8rem}.tag-input+.tag-input{margin-top:1rem}.tag-input label{margin-bottom:.3rem;font-size:.85rem;font-weight:500;display:block}.tag-input input{border:1px solid var(--border);width:100%;font:inherit;background:var(--surface);border-radius:8px;padding:.55rem .7rem;font-size:.9rem}.tag-input input:focus-visible{border-color:var(--accent)}.tag-list{flex-wrap:wrap;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.tag{background:var(--accent-soft);color:var(--accent-hover);border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .25rem .15rem .6rem;font-size:.8rem;line-height:1.4;display:inline-flex}.tag-input.dislike .tag{background:var(--danger-bg);color:var(--danger)}.tag-remove{width:1.15rem;height:1.15rem;color:inherit;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.tag-remove:hover{background:#00000014}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.toolbar-pickers{flex-direction:column;flex:22rem;gap:.75rem;min-width:0;display:flex}.occasion-picker{flex-wrap:wrap;gap:.4rem;display:flex}.model-picker{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.picker-label{color:var(--muted);font-size:.8rem}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px;display:inline-flex}.segmented button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}.segmented button:hover{color:var(--accent)}.segmented button.active{background:var(--accent);color:#fff}.segmented button:focus-visible{box-shadow:var(--focus);outline:none}.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:3rem 2rem}.empty-state h2{margin-bottom:.5rem;font-size:1.15rem}.empty-state p{max-width:34rem;color:var(--muted);margin:0 auto}.empty-state p+p{margin-top:.75rem;font-size:.85rem}.outfit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.outfit-head{margin-bottom:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.25rem;font-size:.72rem;font-weight:600}.outfit-head h2{font-size:1.35rem}.desc{color:var(--muted);margin-top:.3rem;font-size:.85rem}.outfit-body{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}@media (width<=720px){.outfit-body{grid-template-columns:1fr}}.image-frame{margin:0}.image-frame img{aspect-ratio:2/3;object-fit:cover;background:var(--surface-2);border-radius:10px;width:100%;display:block}.image-frame img[hidden]{display:none}.image-placeholder{aspect-ratio:2/3;background:var(--surface-2);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem;font-size:.875rem;display:flex}.image-placeholder .muted{font-size:.78rem}.image-placeholder.failed{background:var(--danger-bg)}.image-placeholder.failed strong{color:var(--danger)}.image-placeholder.failed button{margin-top:.5rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:1.6rem;height:1.6rem;margin-bottom:.4rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.image-frame figcaption{color:var(--muted);margin-top:.5rem;font-size:.78rem}.image-frame figcaption a{color:var(--accent)}.pieces h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.pieces>ul{margin:0;padding:0;list-style:none}.pieces>ul li{border-bottom:1px solid var(--border);grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding:.65rem 0;display:grid}.pieces>ul li:last-child{border-bottom:none}.piece-slot{color:var(--muted);padding-top:.1rem;font-size:.78rem}.piece-name{align-items:flex-start;gap:.55rem;font-size:.92rem;display:flex}.piece-name:first-letter{text-transform:uppercase}.piece-color{font-weight:500}.dot{border:1px solid #0000001f;border-radius:50%;flex-shrink:0;width:.85rem;height:.85rem;margin-top:.25rem}.rules{background:var(--surface-2);border-radius:8px;margin-top:1.25rem;padding:.7rem .9rem;font-size:.85rem}.rules summary{cursor:pointer;border-radius:4px;font-weight:500}.rules ul{color:var(--muted);margin:.6rem 0 0;padding-left:1.1rem}.rules li+li{margin-top:.45rem}