.wardrobe-view{display:flex;flex-direction:column;gap:var(--space-16)}.wardrobe-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-32) 0}.wardrobe-title{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.wardrobe-grid-wrap{gap:var(--space-16)}.wardrobe-filters{gap:var(--space-12)}.wardrobe-field{display:flex;flex-direction:column;gap:var(--space-4)}.wardrobe-field-label{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--text-secondary)}.wardrobe-input{min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body)}.wardrobe-input::placeholder{color:var(--text-placeholder)}.wardrobe-chip-row{display:flex;flex-wrap:nowrap;gap:var(--space-8);overflow-x:auto;padding-bottom:var(--space-4)}.wardrobe-archived-toggle{margin-top:var(--space-4)}.wardrobe-archived-field{gap:var(--space-8);font-size:var(--text-label);color:var(--text-secondary)}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-48) * 3),1fr));gap:var(--space-16)}.wardrobe-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8);width:100%;padding:var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);box-shadow:var(--shadow-card);position:relative}.wardrobe-card:hover{border-color:var(--border-strong)}.wardrobe-card-dirty .wardrobe-card-thumb{opacity:.6}.wardrobe-card-select{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8);width:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;position:relative}.wardrobe-card-actions{justify-content:flex-start}.wardrobe-card-dirty-error{color:var(--danger);font-size:var(--text-micro);margin:0}.wardrobe-card-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border-radius:var(--radius-card);background:var(--bg-inset);overflow:hidden}.wardrobe-card-thumb .garment-thumb{width:100%;height:100%}.wardrobe-card-thumb .swatch-lg .swatch-color{width:calc(var(--space-48) * 1.5);height:calc(var(--space-48) * 1.5)}.wardrobe-card-body{gap:var(--space-4)}.wardrobe-card-name{font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-primary)}.wardrobe-card-meta{font-size:var(--text-micro);color:var(--text-muted)}.wardrobe-card-archived-tag{position:absolute;top:var(--space-8);right:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);font-size:var(--text-micro);font-weight:var(--weight-medium)}.wardrobe-card-dirty-tag{position:absolute;top:var(--space-8);left:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--text-muted);font-size:var(--text-micro);font-weight:var(--weight-medium)}.wardrobe-type-select{display:flex;align-items:center;min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body);text-align:left;cursor:pointer}.wardrobe-type-picker{display:flex;flex-direction:column;gap:var(--space-12)}.wardrobe-type-picker-back{align-self:flex-start}.wardrobe-type-list{display:flex;flex-direction:column;gap:var(--space-4);max-height:50vh;overflow-y:auto}.wardrobe-type-group{margin-top:var(--space-12)}.wardrobe-type-group-title{font-size:var(--text-label);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.wardrobe-type-subgroup{margin:var(--space-8) 0}.wardrobe-type-subgroup-title{font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-4)}.wardrobe-type-row-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);width:100%;min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-body);text-align:left;cursor:pointer}.wardrobe-type-row-btn:hover{background:var(--bg-inset)}.wardrobe-type-row-btn.active{background:var(--accent-subtle);color:var(--accent-strong);font-weight:var(--weight-semibold)}.wardrobe-type-row-tag{font-size:var(--text-micro);color:var(--text-muted);white-space:nowrap}.wardrobe-type-empty{color:var(--text-muted);font-size:var(--text-label);padding:var(--space-16) 0}.wardrobe-color-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.wardrobe-color-row{gap:var(--space-12)}.wardrobe-color-row-swatch{border:none;background:transparent;cursor:pointer;border-radius:var(--radius-pill)}.wardrobe-color-role{font-size:var(--text-label);color:var(--text-secondary);flex:1 1 auto}.wardrobe-color-picker-wrap{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-8)}.wardrobe-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--space-48),1fr));gap:var(--space-8);max-height:40vh;overflow-y:auto}.wardrobe-color-swatch-btn{display:flex;align-items:center;justify-content:center;min-height:var(--hit-min);border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-card);background:transparent;cursor:pointer}.wardrobe-color-swatch-btn:hover{border-color:var(--border-subtle)}.wardrobe-photo-row{align-items:flex-start;gap:var(--space-12)}.wardrobe-photo-preview,.wardrobe-photo-placeholder{width:calc(var(--space-48) * 2);height:calc(var(--space-48) * 2);border-radius:var(--radius-card);object-fit:cover;background:var(--bg-inset);border:var(--stroke-hairline) solid var(--border-subtle);flex:0 0 auto}.wardrobe-photo-status{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-label);color:var(--text-secondary);margin:0}.wardrobe-photo-error{color:var(--danger);font-size:var(--text-label);margin:0}.wardrobe-photo-extraction{display:flex;flex-direction:column;gap:var(--space-8)}.wardrobe-confidence-text{font-size:var(--text-label);margin:0;color:var(--text-secondary)}.wardrobe-confidence-high{color:var(--success)}.wardrobe-confidence-mid{color:var(--warn)}.wardrobe-confidence-low{color:var(--danger)}.wardrobe-alt-row{display:flex;gap:var(--space-8);flex-wrap:wrap}.wardrobe-alt-swatch{display:flex;min-height:var(--hit-min);min-width:var(--hit-min);align-items:center;justify-content:center;border-radius:var(--radius-card);border:var(--stroke-medium) solid transparent;background:transparent;cursor:pointer}.wardrobe-alt-swatch.active{border-color:var(--accent)}.wardrobe-form{gap:var(--space-16)}.wardrobe-form-error{color:var(--danger);font-size:var(--text-label);margin:0}.wardrobe-details{border-top:var(--stroke-hairline) solid var(--border-subtle);padding-top:var(--space-8)}.wardrobe-details summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--hit-min);list-style:none;cursor:pointer;font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--text-secondary)}.wardrobe-details summary::-webkit-details-marker{display:none}.wardrobe-details summary:after{content:"▾";color:var(--text-muted);font-size:var(--text-micro)}.wardrobe-details[open] summary:after{content:"▴"}.wardrobe-details-body{gap:var(--space-12);padding-top:var(--space-4)}.sheet-overlay:has(.wardrobe-sheet-desktop){align-items:center}.sheet.wardrobe-sheet-desktop{border-radius:var(--radius-card);max-height:85vh}.wardrobe-sheet-desktop .sheet-handle{display:none}.match-view-title{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-16)}.match-section{margin-bottom:var(--space-24)}.match-source-body{margin-top:var(--space-12)}.match-section-title{font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-8)}.match-subject{padding:var(--space-12);border-radius:var(--radius-card);background:var(--bg-inset);margin-bottom:var(--space-12)}.match-subject[draggable=true]{cursor:grab}.match-subject-name{font-weight:var(--weight-semibold)}.garment-picker{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.garment-picker-item{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body);text-align:left;cursor:pointer}.garment-picker-item.active{border-color:var(--accent);background:var(--accent-subtle)}.explore-picker{gap:var(--space-16)}.explore-field{display:flex;flex-direction:column;gap:var(--space-4)}.explore-field-label{font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-muted)}.select{min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body)}.colour-grid{display:flex;flex-wrap:wrap;gap:var(--space-8)}.colour-swatch-btn{display:flex;padding:var(--space-4);border-radius:var(--radius-card);border:var(--stroke-medium) solid transparent;background:transparent;cursor:pointer}.colour-swatch-btn.active{border-color:var(--accent);background:var(--accent-subtle)}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.result-row{border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-elevated);overflow:hidden}.result-row[draggable=true]{cursor:grab}.result-row-main{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:var(--hit-min);padding:var(--space-8) var(--space-12);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-body);text-align:left;cursor:pointer}.result-row-actions{display:flex;justify-content:flex-end;padding:0 var(--space-12) var(--space-8)}.result-row-panel{padding:var(--space-12);border-top:var(--stroke-hairline) solid var(--border-subtle)}.reasons-list{list-style:none;margin:var(--space-8) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.reason{display:flex;gap:var(--space-8);font-size:var(--text-label);line-height:var(--leading-normal)}.reason-marker{flex:0 0 auto;font-weight:var(--weight-bold)}.reason-pro .reason-marker{color:var(--success)}.reason-con .reason-marker{color:var(--danger)}.reason-text{color:var(--text-secondary)}.reasons-empty{font-size:var(--text-label);color:var(--text-muted);margin:var(--space-8) 0 0}.outfit-tray-dropzone{min-height:var(--hit-min);padding:var(--space-12);border:var(--stroke-medium) dashed var(--border-strong);border-radius:var(--radius-card);background:var(--bg-inset)}.outfit-tray-dropzone.drag-over{border-color:var(--accent);background:var(--accent-subtle)}.outfit-tray-empty{margin:0;color:var(--text-muted);font-size:var(--text-label);text-align:center}.outfit-tray-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.outfit-tray-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);background:var(--bg-elevated);border:var(--stroke-hairline) solid var(--border-subtle)}.outfit-tray-item-weak{border-color:var(--danger)}.outfit-tray-item-weak-tag{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--danger)}.outfit-tray-available{margin-top:var(--space-12)}.outfit-tray-available-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-8)}.outfit-tray-add-btn{min-height:var(--hit-min);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-label);cursor:grab}.outfit-result{margin-top:var(--space-12);padding:var(--space-12);border-radius:var(--radius-card);background:var(--bg-elevated);border:var(--stroke-hairline) solid var(--border-subtle)}.outfit-result-hint{font-size:var(--text-label);color:var(--text-muted)}.outfit-result-weakest{font-size:var(--text-label);color:var(--text-secondary);margin:var(--space-8) 0 0}.outfit-result-missing{font-size:var(--text-label);color:var(--text-muted);margin:var(--space-8) 0 0}.stylist-note{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8);align-items:flex-start}.stylist-note-text{font-size:var(--text-label);color:var(--text-secondary);margin:0;font-style:italic}.stylist-note-unavailable{font-size:var(--text-micro);color:var(--text-muted);margin:0}.ask-bar{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-16)}.ask-bar-row{display:flex;gap:var(--space-8);align-items:center}.ask-bar-input{flex:1 1 auto;min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body)}.ask-bar-status{font-size:var(--text-label);color:var(--text-muted);margin:0}.ask-bar-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.ask-bar-result-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated)}.of-screen{display:flex;flex-direction:column;gap:var(--space-24)}.of-nav{display:flex;flex-wrap:wrap;gap:var(--space-8)}.of-section-title{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.of-hint{font-size:var(--text-label);color:var(--text-secondary);margin:0}.of-error{font-size:var(--text-label);color:var(--danger);margin:0}.of-saved{font-size:var(--text-label);color:var(--success);margin:0}.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-48) * 5),1fr));gap:var(--space-16)}.of-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--bg-elevated);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.of-card-name{font-size:var(--text-body);font-weight:var(--weight-semibold);margin:0}.of-card-name-input,.of-input{min-height:var(--hit-min);padding:var(--space-8) var(--space-16);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-inset);color:var(--text-primary);font-size:var(--text-body);width:100%}.of-card-pieces{gap:var(--space-8)}.of-card-missing{font-size:var(--text-micro);color:var(--text-muted);margin:0}.of-card-meta{font-size:var(--text-label);color:var(--text-secondary)}.of-card-wear{color:var(--text-secondary)}.of-card-actions{gap:var(--space-8)}.of-card-actions>*{flex:1}.of-card-secondary-actions{flex-wrap:wrap;gap:var(--space-8)}.of-card-confirm{font-size:var(--text-label);color:var(--text-secondary);align-self:center}.of-piece{padding:var(--space-4) 0}.of-piece-id{min-width:0}.of-piece-name{font-size:var(--text-label);color:var(--text-primary)}.of-piece-log{min-height:var(--hit-min);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-inset);color:var(--text-secondary);font-size:var(--text-micro);font-weight:var(--weight-medium);cursor:pointer}.of-piece-log:disabled{cursor:not-allowed;opacity:.5}.of-piece-log:not(:disabled):hover{border-color:var(--border-strong)}.of-collage{display:grid;gap:var(--space-12);padding:var(--space-4) 0}.of-collage-row{display:grid;gap:var(--space-4)}.of-collage-layer{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.of-collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-48) * 2),1fr));gap:var(--space-8)}.of-collage-cell{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-4);margin:0}.of-collage-cell .garment-thumb{width:100%;height:auto;aspect-ratio:1}.of-collage-cell .swatch{width:100%}.of-collage-cell .swatch-lg .swatch-color{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-card)}.of-collage-name{font-size:var(--text-micro);color:var(--text-secondary);text-align:center;margin:0}.of-occasion-row{display:flex;flex-wrap:wrap;gap:var(--space-8)}.of-sheet{display:flex;flex-direction:column;gap:var(--space-16)}.of-picker{gap:var(--space-16);max-height:calc(var(--space-48) * 6);overflow-y:auto}.of-picker-group-label{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-8)}.of-preview{font-size:var(--text-label);color:var(--text-secondary)}.of-capsule-size{padding:var(--space-8) 0}.of-capsule-size-value{min-width:calc(var(--space-48) * 1.5);text-align:center;font-size:var(--text-body);font-weight:var(--weight-semibold)}.of-capsule-headline{font-size:var(--text-title);font-weight:var(--weight-bold);margin:0}.of-coverage{gap:var(--space-4);padding-top:var(--space-8);border-top:var(--stroke-hairline) solid var(--border-subtle);font-size:var(--text-label);color:var(--text-secondary)}.of-packing-groups{gap:var(--space-16)}.of-plan-form{gap:var(--space-12);padding:var(--space-16);background:var(--bg-elevated);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card)}.of-plan-list{gap:var(--space-12);list-style:none;margin:0;padding:0}.of-plan-row{gap:var(--space-12)}.of-plan-info{gap:var(--space-4)}.of-plan-date{font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--text-secondary)}.of-card-planned{font-size:var(--text-label);color:var(--accent);margin:0}.audit-view{display:flex;flex-direction:column;gap:var(--space-32)}.audit-title{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-8)}.audit-section{display:flex;flex-direction:column;gap:var(--space-12)}.audit-section h2{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.audit-subheading{font-size:var(--text-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:var(--space-8) 0 0}.audit-shopping-status{text-transform:none;font-weight:var(--weight-regular);color:var(--text-muted)}.audit-section-hint{font-size:var(--text-label);color:var(--text-secondary);margin:0}.audit-truncated-note{font-size:var(--text-micro);color:var(--text-muted);margin:0}.audit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-12)}.audit-card{background:var(--bg-elevated);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-16);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-8)}.audit-card-detail{margin:0;font-size:var(--text-body);color:var(--text-primary)}.audit-item{gap:var(--space-12)}.audit-item-name{display:block;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.audit-item-type{display:block;font-size:var(--text-micro);color:var(--text-muted)}.audit-plus{font-size:var(--text-label);color:var(--text-muted)}.audit-reasons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.audit-reason{font-size:var(--text-label)}.audit-reason-pro{color:var(--success)}.audit-reason-con{color:var(--text-secondary)}.audit-reason:before{content:"+ "}.audit-reason-con:before{content:"–"}.audit-shopping-row{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-elevated)}.audit-shopping-term{font-size:var(--text-body);font-weight:var(--weight-semibold);text-transform:capitalize}.audit-shopping-retailers{display:flex;flex-wrap:wrap;gap:var(--space-8)}.audit-shopping-link{display:inline-flex;align-items:center;min-height:var(--hit-min);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--bg-inset);color:var(--accent);border:var(--stroke-hairline) solid var(--border-subtle);text-decoration:none;font-size:var(--text-label);font-weight:var(--weight-medium)}.audit-shopping-link:hover{border-color:var(--border-strong)}.audit-shopping-error{font-size:var(--text-micro);color:var(--danger);margin:0}.audit-shopping-row-done{opacity:.6}.audit-shopping-row-done .audit-shopping-term{text-decoration:line-through;color:var(--text-muted)}.audit-shopping-check{display:flex;align-items:center;gap:var(--space-12);min-height:var(--hit-min)}.audit-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin:0}.audit-stat dt{font-size:var(--text-micro);color:var(--text-muted);margin:0}.audit-stat dd{font-size:var(--text-label);color:var(--text-primary);margin:0;font-weight:var(--weight-medium)}.settings-view{display:flex;flex-direction:column;gap:var(--space-32);padding-bottom:var(--space-32)}.settings-title{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0 0 var(--space-8)}.settings-section{display:flex;flex-direction:column;gap:var(--space-12)}.settings-section h2{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.settings-hint{font-size:var(--text-label);color:var(--text-secondary);margin:0}.settings-error{font-size:var(--text-label);color:var(--danger);margin:0}.settings-label{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--text-secondary)}.settings-chip-row{flex-wrap:wrap}.settings-input{min-height:var(--hit-min);padding:var(--space-8) var(--space-16);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--text-body)}.settings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-12)}.settings-profile-row{padding:var(--space-16);border-radius:var(--radius-card);border:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);box-shadow:var(--shadow-card)}.settings-profile-name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.settings-profile-meta{font-size:var(--text-micro);color:var(--text-muted);text-transform:capitalize}.guide-list{display:flex;flex-direction:column;gap:var(--space-8)}.guide-entry{border:var(--stroke-hairline) solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-elevated)}.guide-summary{display:flex;align-items:center;gap:var(--space-8);min-height:var(--hit-min);padding:var(--space-12) var(--space-16);cursor:pointer;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.guide-summary::marker{content:""}.guide-summary:before{content:"+";font-weight:var(--weight-bold);color:var(--accent);font-variant-numeric:tabular-nums}.guide-entry[open] .guide-summary:before{content:"−"}.guide-summary:focus-visible{outline:var(--stroke-medium) solid var(--accent);outline-offset:calc(var(--space-4) * -1);border-radius:var(--radius-card)}.guide-body{padding:0 var(--space-16) var(--space-16);display:flex;flex-direction:column;gap:var(--space-12);color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-normal)}.guide-body p{margin:0}.guide-body strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.guide-verdicts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-12)}.guide-verdicts li{display:flex;align-items:baseline;gap:var(--space-12);flex-wrap:wrap}:root{--bg-base: #F6F4EF;--bg-elevated: #FFFFFF;--bg-inset: #EAE6DD;--border-subtle: #E1DCD2;--border-strong: #B6AEA0;--text-primary: #201C17;--text-secondary: #55504A;--text-muted: #726C63;--text-placeholder: #A39C90;--accent: #5B3A78;--accent-strong: #47305F;--accent-subtle: rgba(91, 58, 120, .1);--on-accent: #FFFFFF;--danger: #A3291C;--on-danger: #FFFFFF;--success: #1F6B3D;--on-success: #FFFFFF;--warn: #8A5A00;--on-warn: #FFFFFF;--verdict-sharp: #288455;--on-verdict-sharp: #FFFFFF;--verdict-works: #366789;--on-verdict-works: #FFFFFF;--verdict-risky: #61480E;--on-verdict-risky: #FFFFFF;--verdict-mismatch: #4B130D;--on-verdict-mismatch: #FFFFFF;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-display: 2rem;--text-title: 1.5rem;--text-body: 1rem;--text-label: .875rem;--text-micro: .75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-card: 16px;--radius-pill: 999px;--hit-min: 44px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .08);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .1), 0 -8px 32px rgba(0, 0, 0, .14);--motion-fast: .15s;--motion-normal: .25s;--motion-spin: .9s;--motion-ease: cubic-bezier(.25, .1, .25, 1);--motion-ease-out: cubic-bezier(0, 0, .58, 1);--bp-desktop: 900px;--stroke-hairline: 1px;--stroke-medium: 2px;--overlay-scrim: rgba(0, 0, 0, .4);--shell-max-width: 480px;--shell-columns: 1fr;--shell-nav-display: none;--shell-tabbar-display: flex;--shell-inspector-display: none;--sheet-max-width: 480px;--banner-inset-start: var(--space-16);--banner-inset-end: var(--space-16);--banner-bottom: calc(var(--hit-min) + var(--space-24));--banner-max-width: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #171511;--bg-elevated: #211E19;--bg-inset: #0F0D0B;--border-subtle: #322D26;--border-strong: #4A4238;--text-primary: #F3F1EC;--text-secondary: #B9B3A8;--text-muted: #8F887C;--text-placeholder: #635C51;--accent: #B78FDA;--accent-strong: #C9A8E6;--accent-subtle: rgba(183, 143, 218, .14);--on-accent: #201430;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #5DF8A7;--on-verdict-sharp: #14110D;--verdict-works: #83C7FF;--on-verdict-works: #14110D;--verdict-risky: #C3A246;--on-verdict-risky: #14110D;--verdict-mismatch: #CC6F64;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6)}}[data-theme=dark]{--bg-base: #171511;--bg-elevated: #211E19;--bg-inset: #0F0D0B;--border-subtle: #322D26;--border-strong: #4A4238;--text-primary: #F3F1EC;--text-secondary: #B9B3A8;--text-muted: #8F887C;--text-placeholder: #635C51;--accent: #B78FDA;--accent-strong: #C9A8E6;--accent-subtle: rgba(183, 143, 218, .14);--on-accent: #201430;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #5DF8A7;--on-verdict-sharp: #14110D;--verdict-works: #83C7FF;--on-verdict-works: #14110D;--verdict-risky: #C3A246;--on-verdict-risky: #14110D;--verdict-mismatch: #CC6F64;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6)}@media(min-width:900px){:root{--shell-max-width: none;--shell-columns: 220px 1fr 340px;--shell-nav-display: flex;--shell-tabbar-display: none;--shell-inspector-display: flex;--banner-inset-start: auto;--banner-bottom: var(--space-24);--banner-max-width: 420px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:-.01em;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,select,textarea{font-family:inherit;line-height:var(--leading-snug)}.skip-to-content{position:absolute;top:-100%;left:var(--space-16);z-index:100;padding:var(--space-8) var(--space-16);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.skip-to-content:focus{top:var(--space-16)}.app{display:flex;flex-direction:column;height:100%;max-width:var(--shell-max-width);margin-inline:auto}.app-loading{display:flex;align-items:center;justify-content:center;height:100%}.app-header{display:var(--shell-tabbar-display);align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-bottom:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated)}.app-header h1{font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--shell-columns)}.shell-nav{display:var(--shell-nav-display);flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-12);border-right:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);overflow-y:auto;min-height:0}.shell-nav-brand{font-size:var(--text-title);font-weight:var(--weight-bold);padding:0 var(--space-12) var(--space-16)}.content{overflow-y:auto;min-height:0;padding:var(--space-16) 0 var(--space-8)}.shell-inspector{display:var(--shell-inspector-display);flex-direction:column;padding:var(--space-16);border-left:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);overflow-y:auto;min-height:0}.nav-link{display:flex;align-items:center;gap:var(--space-12);min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-card);color:var(--text-secondary);text-decoration:none;font-size:var(--text-label);font-weight:var(--weight-medium)}.nav-link.active{background:var(--accent-subtle);color:var(--accent-strong);font-weight:var(--weight-semibold)}.tabbar{display:var(--shell-tabbar-display);border-top:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated)}.tab{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--hit-min);padding:var(--space-8) 0;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none}.tab.active{color:var(--accent);font-weight:var(--weight-semibold)}.profile-switcher{display:flex;flex-wrap:wrap;gap:var(--space-8)}.profile-switcher-error{font-size:var(--text-micro);color:var(--danger);margin:var(--space-4) 0 0}.gutter{padding-left:var(--space-16);padding-right:var(--space-16)}.row{display:flex;align-items:center;gap:var(--space-8)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.col{display:flex;flex-direction:column;gap:var(--space-8)}.grow{flex:1 1 auto;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:0;height:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--hit-min);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);border:var(--stroke-hairline) solid transparent;font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-snug);cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full{width:100%}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:not(:disabled):hover{background:var(--accent-strong)}.btn-secondary{background:var(--bg-inset);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:not(:disabled):hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:not(:disabled):hover{background:var(--accent-subtle)}.btn-danger{background:var(--danger);color:var(--on-danger)}.chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-16);min-height:var(--hit-min);border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-snug);background:var(--bg-inset);color:var(--text-secondary);border:var(--stroke-hairline) solid var(--border-subtle)}button.chip{cursor:pointer;font-family:inherit}button.chip:disabled{cursor:not-allowed;opacity:.5}.chip.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:var(--weight-semibold)}.swatch{display:inline-flex;align-items:center;gap:var(--space-8)}.swatch-color{display:inline-block;border-radius:var(--radius-pill);border:var(--stroke-hairline) solid var(--border-subtle);background-color:var(--swatch-hex)}@supports (color: oklch(0% 0 0)){.swatch-color{background-color:var(--swatch-oklch)}}.swatch-sm .swatch-color{width:var(--space-16);height:var(--space-16)}.swatch-md .swatch-color{width:var(--space-24);height:var(--space-24)}.swatch-lg .swatch-color{width:var(--space-32);height:var(--space-32)}.swatch-label{font-size:var(--text-label);color:var(--text-secondary)}.garment-thumb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-inset)}.garment-thumb-sm{width:var(--space-16);height:var(--space-16)}.garment-thumb-md{width:var(--space-24);height:var(--space-24)}.garment-thumb-lg{width:var(--space-32);height:var(--space-32)}.garment-thumb-photo{width:100%;height:100%;object-fit:cover}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center;padding:var(--space-32) var(--space-16);color:var(--text-muted)}.empty-state p{margin:0}.spinner{display:inline-block;width:1.5em;height:1.5em;border:var(--stroke-medium) solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin var(--motion-spin) linear infinite}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim)}.sheet{position:relative;background:var(--bg-elevated);border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:var(--sheet-max-width);max-height:70vh;overflow-y:auto;padding:var(--space-16) var(--space-16) var(--space-32);box-shadow:var(--shadow-sheet);animation:sheet-present var(--motion-normal) var(--motion-ease-out)}.sheet-handle{width:var(--space-32);height:var(--space-4);background:var(--border-strong);border-radius:var(--radius-pill);margin:0 auto var(--space-16)}.sheet-title{font-size:var(--text-title);font-weight:var(--weight-bold);margin:0 0 var(--space-12)}.sheet-actions{display:flex;gap:var(--space-12)}.sheet-actions>*{flex:1;min-height:var(--hit-min)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-present{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.verdict-badge{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-snug);white-space:nowrap}.verdict-badge-score{font-variant-numeric:tabular-nums;opacity:.85}.verdict-sharp{background:var(--verdict-sharp);color:var(--on-verdict-sharp)}.verdict-works{background:var(--verdict-works);color:var(--on-verdict-works)}.verdict-risky{background:var(--verdict-risky);color:var(--on-verdict-risky)}.verdict-mismatch{background:var(--verdict-mismatch);color:var(--on-verdict-mismatch)}.status-banner{position:fixed;left:var(--banner-inset-start);right:var(--banner-inset-end);bottom:var(--banner-bottom);max-width:var(--banner-max-width);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:var(--text-label);line-height:var(--leading-snug)}.status-banner-offline{background:var(--warn);color:var(--on-warn)}.status-banner-update{background:var(--accent);color:var(--on-accent)}