:root{--color-background:#faf7f4;--color-surface:#fff;--color-text:#1f1b18;--color-text-muted:#6f655d;--color-border:#e6ded6;--color-accent:#1f1b18;--color-accent-text:#fff;--color-error:#b3261e;--radius:14px;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,p{margin:0}:root{--tab-bar-height:64px}.app{max-width:640px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + var(--tab-bar-height) + 96px);margin:0 auto}.app-header h1{letter-spacing:-.02em;margin-bottom:12px;font-size:2rem;font-weight:700}.status-message{text-align:center;color:var(--color-text-muted);justify-items:center;gap:12px;margin-top:48px;display:grid}.empty-state-title{color:var(--color-text);font-size:1.25rem;font-weight:600}.closet-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.clothing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);position:relative;overflow:hidden}.clothing-card img{aspect-ratio:3/4;object-fit:contain;background:var(--color-surface);width:100%;display:block}.clothing-card-details{gap:2px;padding:8px 10px 10px;display:grid}.clothing-card-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.clothing-card-meta{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.mini-swatch{border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.delete-button{background:#ffffffd9;border:none;border-radius:50%;width:32px;height:32px;font-size:1.25rem;line-height:1;position:absolute;top:6px;right:6px}.delete-button:before{content:"";position:absolute;inset:-8px}.add-button{width:max-content;max-width:calc(100vw - 32px);left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--tab-bar-height) + 16px);background:var(--color-accent);color:var(--color-accent-text);border:none;border-radius:999px;padding:14px 28px;font-size:1.05rem;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0003}.toast{pointer-events:none;z-index:30;left:16px;right:16px;top:calc(env(safe-area-inset-top) + 12px);border-radius:var(--radius);background:var(--color-accent);max-width:480px;color:var(--color-accent-text);text-align:center;margin:0 auto;padding:12px 16px;position:fixed;box-shadow:0 6px 20px #0003}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-row-scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 4px;overflow-x:auto}.chip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 14px}.chip-selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.chip-count{opacity:.6;margin-left:2px}.add-item-form{gap:8px;display:grid}.add-item-form fieldset{border:none;gap:8px;margin:0;padding:0;display:grid}.sheet-header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:8px;display:grid}.sheet-header h2{font-size:1.15rem}.text-button{min-width:44px;min-height:44px;color:var(--color-text-muted);background:0 0;border:none;justify-self:start;padding:8px 0}.photo-picker{aspect-ratio:3/4;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);place-items:center;width:100%;max-height:50dvh;margin:0 auto;display:grid;position:relative;overflow:hidden}.photo-picker img{object-fit:contain;width:100%;height:100%}.photo-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-picker-prompt{color:var(--color-text-muted);font-size:1.05rem}.field-label{margin-top:12px;font-weight:600}.text-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;min-height:48px;padding:10px 14px;font-size:16px}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;position:relative}.swatch:before{content:"";border-radius:50%;position:absolute;inset:-3px}.swatch-selected{outline:3px solid var(--color-accent);outline-offset:2px}.subheading{color:var(--color-text-muted);margin-top:8px;font-size:.85rem;font-weight:600}.inline-swatch{vertical-align:-1px;display:inline-block}.eyedropper-button{width:100%;min-height:48px}.eyedropper-button:disabled{opacity:.5}.eyedropper{gap:12px;display:grid}.eyedropper-instructions{text-align:center;font-size:.95rem}.eyedropper-photo{justify-self:center;line-height:0;position:relative}.eyedropper-photo canvas{border-radius:var(--radius);touch-action:none;cursor:crosshair;max-width:100%;max-height:55dvh;display:block}.eyedropper-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 2px 8px #0000004d}.eyedropper-result{align-items:flex-end;gap:12px;display:flex}.eyedropper-preview{border-radius:var(--radius);border:1px dashed var(--color-border);flex-shrink:0;width:48px;height:48px}.eyedropper-result-fields{flex:1;gap:6px;display:grid}.cropper{gap:12px;display:grid}.text-button-end{justify-self:end}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;justify-self:center;max-width:calc(100% - 24px);line-height:0;position:relative}.straighten{gap:8px;display:grid}.straighten input[type=range]{width:100%;min-height:32px;accent-color:var(--color-accent)}.crop-stage img{pointer-events:none;border-radius:4px;max-width:100%;max-height:55dvh;display:block}.crop-shade{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crop-shade-window{position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-box{cursor:move;border:2px solid #fff;position:absolute}.crop-handle{width:44px;height:44px;position:absolute;transform:translate(-50%,-50%)}.crop-handle:after{content:"";background:#fff;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.crop-handle-top,.crop-handle-bottom{cursor:ns-resize;left:50%}.crop-handle-left,.crop-handle-right{cursor:ew-resize;top:50%}.crop-handle-top,.crop-handle-top-left,.crop-handle-top-right{top:0}.crop-handle-bottom,.crop-handle-bottom-left,.crop-handle-bottom-right{top:100%}.crop-handle-left,.crop-handle-top-left,.crop-handle-bottom-left{left:0}.crop-handle-right,.crop-handle-top-right,.crop-handle-bottom-right{left:100%}.crop-handle-top-left,.crop-handle-bottom-right{cursor:nwse-resize}.crop-handle-top-right,.crop-handle-bottom-left{cursor:nesw-resize}.crop-handle-top:after,.crop-handle-bottom:after{width:28px;height:6px}.crop-handle-left:after,.crop-handle-right:after{width:6px;height:28px}.crop-handle-top-left:after,.crop-handle-top-right:after,.crop-handle-bottom-left:after,.crop-handle-bottom-right:after{width:18px;height:18px}.crop-button{min-height:44px}.checkbox-row{align-items:center;gap:10px;min-height:44px;display:flex}.checkbox-row input{width:22px;height:22px;accent-color:var(--color-accent)}.hint{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.field-error{color:var(--color-error);font-size:.9rem}.primary-button,.secondary-button{border-radius:999px;min-height:52px;font-weight:600}.primary-button{background:var(--color-accent);color:var(--color-accent-text);border:none;margin-top:20px}.primary-button:disabled{opacity:.5}.secondary-button{border:1px solid var(--color-border);background:var(--color-surface);padding:0 24px}.tab-bar{z-index:10;min-height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding:6px 16px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);background:#faf7f4eb;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{border-radius:var(--radius);max-width:200px;color:var(--color-text-muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:600;display:flex}.tab-icon{filter:grayscale();opacity:.6;font-size:1.3rem;line-height:1}.tab-selected{color:var(--color-text)}.tab-selected .tab-icon{filter:none;opacity:1}.page-subtitle{color:var(--color-text-muted);margin:-8px 0 16px}.weather-line{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 8px;padding:10px 12px;font-size:.9rem;display:flex}.weather-line p{margin:0}.city-field{gap:6px;display:grid}.city-field .hint{margin:0}.city-picked{color:var(--color-text)}.city-matches{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.city-match{border:none;border-top:1px solid var(--color-border);text-align:left;background:0 0;width:100%;min-height:48px;padding:8px 12px;font-size:1rem}.city-matches li:first-child .city-match{border-top:none}.look-intro{text-align:center;color:var(--color-text-muted);gap:4px;margin-top:32px;display:grid}.look{gap:16px;animation:.35s ease-out look-appear;display:grid}@keyframes look-appear{0%{opacity:0;transform:translateY(8px)}}.look-title{letter-spacing:-.01em;font-size:1.5rem}.mannequin{aspect-ratio:228/476;display:block}.mannequin-body path,.mannequin-body ellipse{stroke:#0000002e;stroke-width:1.2px}.mannequin-garment-edge{fill:none;stroke:#00000038;stroke-width:1px}.mannequin-garment-edge-light{stroke:#00000080;stroke-width:1.5px}.mannequin-bag-handle{fill:none;stroke-width:4px;stroke-linecap:round}.scene-sun circle{fill:#ffc23d}.scene-sun line{stroke:#ffc23d;stroke-width:3px;stroke-linecap:round}.scene-cloud{fill:#fff;stroke:#0000000f}.scene-snowflake{fill:#fff;stroke:#0000001f;stroke-width:.6px}.scene-raindrop{stroke:#7f9bb8;stroke-width:1.6px;stroke-linecap:round}.scene-shadow{fill:#0000001f}.mannequin-settings{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:14px;display:grid}.mannequin-preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:84px;padding:6px 0;position:sticky;top:8px}.mannequin-options{gap:10px;display:grid}.mannequin-option .subheading{margin:0 0 6px}.mannequin-options .swatch{width:34px;height:34px}.mannequin-options .swatch:before{inset:-6px}.any-colour-swatch{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935);border:none;padding:3px;position:relative}.any-colour-swatch .any-colour-shade{background:var(--color-surface);border-width:2px}.mannequin-hair path{stroke:#0003;stroke-width:1px}.look-board{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:12px;display:grid}.look-mannequin{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;max-height:440px;padding:10px 0}.look-mannequin.mannequin-in-scene{padding:0;overflow:hidden}.look-piece-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.look-piece{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.look-piece img{object-fit:contain;width:52px;height:64px}.look-piece-text{gap:2px;min-width:0;display:grid}.look-piece-name{overflow-wrap:anywhere;font-weight:600}.look-piece-removed{color:var(--color-text-muted);padding:12px;font-size:.85rem;display:block}.look-reasons{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);padding:14px 16px}.look-reasons h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 6px;font-size:.85rem}.look-reasons ul{gap:6px;margin:0;padding-left:18px;display:grid}.makeup-summary{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;display:flex}.makeup-intensity{border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.makeup-natural{color:#2f5a2a;background:#e6f1e3}.makeup-polished{color:#5b4a3d;background:#efe9e3}.makeup-bold{color:#8e1f33;background:#f8dfe2}.look-reasons .makeup-list{gap:14px;margin:12px 0 0;padding:0;list-style:none}.makeup-product{grid-template-columns:52px 1fr;align-items:start;gap:12px;display:grid}.makeup-swatches{padding-top:2px;display:flex}.makeup-swatch{border:2px solid var(--color-surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--color-border);border-radius:50%;flex-shrink:0}.makeup-swatch+.makeup-swatch{margin-left:-12px}.makeup-kind{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem}.makeup-basis{margin:12px 0 0}.chip-swatch{vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #00000026}.look .primary-button{margin-top:0}@media (prefers-reduced-motion:reduce){.look{animation:none}}.sample-tools{justify-content:center;margin-top:20px;display:flex}.sample-button{justify-self:center;min-height:44px;padding:0 16px}.text-button.sample-button{text-decoration:underline}.clothing-card-photo-actions{aspect-ratio:3/4;pointer-events:none;justify-content:flex-end;align-items:flex-end;padding:8px;display:flex;position:absolute;inset:0 0 auto}.style-piece-button{pointer-events:auto;border:1px solid var(--color-border);background:#ffffffeb;border-radius:999px;min-height:36px;padding:0 12px;font-size:.85rem;font-weight:600}.sample-badge{pointer-events:none;color:#fff;background:#1f1b18bf;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600;position:absolute;top:8px;left:8px}.section-title{margin:8px 0 12px;font-size:1.15rem}.saved-looks-empty{border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);text-align:center;padding:20px 16px}.saved-look-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.saved-look{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.saved-look-photos{background:var(--color-surface);border:none;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:8px 12px;display:grid}.saved-look-mannequin{width:96px}.saved-look-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.saved-look-thumbs img,.saved-look-removed{aspect-ratio:3/4;object-fit:contain;border:1px solid var(--color-border);border-radius:8px;width:100%}.saved-look-removed{background:repeating-linear-gradient(45deg, var(--color-background), var(--color-background) 6px, var(--color-border) 6px, var(--color-border) 7px)}.saved-look-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:4px 8px 4px 4px;display:flex}.star-rating{gap:2px;display:flex}.star{width:44px;height:44px;color:var(--color-text-muted);background:0 0;border:none;font-size:1.9rem;line-height:1}.star-filled{color:#c9a227}.star-rating-compact .star{width:44px;height:44px;font-size:1.4rem}.star-rating-compact{gap:0}.sheet-backdrop{z-index:20;background:#1f1b1873;justify-content:center;align-items:flex-end;animation:.2s ease-out backdrop-appear;display:flex;position:fixed;inset:0}@keyframes backdrop-appear{0%{opacity:0}}.look-sheet{overscroll-behavior:contain;width:100%;max-width:640px;max-height:92dvh;padding:8px 16px calc(env(safe-area-inset-bottom) + 20px);background:var(--color-background);border-radius:20px 20px 0 0;animation:.28s ease-out sheet-slide-up;overflow-y:auto;box-shadow:0 -8px 30px #0003}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(40px)}}@media (width>=700px){.sheet-backdrop{align-items:center}.look-sheet{border-radius:20px}}.look-sheet-header{z-index:1;background:var(--color-background);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:sticky;top:-8px}.sheet-close{background:var(--color-surface);border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1}.look-feedback{text-align:center;justify-items:center;gap:2px;display:grid}.look-feedback-label{font-weight:600}.look-sheet-actions{gap:10px;display:grid}.look-sheet-actions .primary-button,.look-sheet-actions .secondary-button{width:100%;margin-top:0}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.look-sheet{animation:none}}.clothing-card-open{text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.clothing-card-open .clothing-card-details{display:grid}.delete-item-button{min-height:44px;color:var(--color-error);justify-self:center;margin-top:8px;padding:0 16px}.confirm-backdrop{z-index:25;align-items:center;padding:16px}.confirm-dialog{background:var(--color-background);text-align:center;border-radius:20px;gap:8px;width:100%;max-width:360px;padding:20px;animation:.2s ease-out look-appear;display:grid;box-shadow:0 8px 30px #00000040}.confirm-title{font-size:1.1rem;line-height:1.35}.picture-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.look-picture{object-fit:contain;-webkit-touch-callout:default;border-radius:12px;width:100%;max-height:56dvh}.download-button{color:inherit;place-items:center;text-decoration:none;display:grid}.dialog-text-button{justify-self:center}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.danger-button{background:var(--color-error);color:#fff;border:none;border-radius:999px;min-height:52px;font-weight:600}.subheading-row{justify-content:space-between;align-items:baseline;display:flex}.manage-colors-button{min-height:36px;padding:0 4px;font-size:.9rem;text-decoration:underline}.chip-removable{color:var(--color-error);border-style:dashed}.chooser-options{gap:12px;padding-bottom:8px;display:grid}.chooser-option{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;align-items:center;gap:14px;min-height:72px;padding:14px 16px;display:flex}.chooser-icon{font-size:1.8rem}.chooser-text{gap:2px;display:grid}.chooser-title{font-size:1.05rem;font-weight:600}.occasion-picker{margin-bottom:12px}.occasion-picker .subheading{margin:0 0 6px}.temperature-form{gap:12px;padding-bottom:8px;display:grid}.temperature-field{align-items:center;gap:8px;font-weight:600;display:flex}.temperature-field .text-input{flex:1;min-width:0}.temperature-form .profile-section{margin:0}.build-mannequin{z-index:1;border-bottom:1px solid var(--color-border);background:var(--color-background);justify-items:center;gap:4px;margin:0 -16px 8px;padding:8px 16px;display:grid;position:sticky;top:-8px}.build-mannequin .mannequin{height:200px}.build-intro{margin-bottom:4px}.build-slot{border:none;margin:0 0 4px;padding:0}.build-options{scrollbar-width:none;gap:10px;margin:6px -16px 0;padding:2px 16px 8px;display:flex;overflow-x:auto}.build-option{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;flex:0 0 96px;gap:4px;padding:4px;display:grid}.build-option img{aspect-ratio:3/4;object-fit:contain;width:100%}.build-option-name{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.build-option-selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.build-actions{bottom:calc(-20px - env(safe-area-inset-bottom));background:var(--color-background);text-align:center;padding:10px 0 4px;position:sticky}.look-name-field{gap:6px;display:grid}.look-name-field .field-label{margin-top:0}.look-name-row{gap:8px;display:flex}.rename-button{flex-shrink:0;min-height:48px;padding:0 16px}.saved-look-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:2px 12px 2px 4px;display:flex}.saved-look-name-button{text-align:left;background:0 0;border:none;align-items:center;gap:6px;min-width:0;min-height:44px;padding:0 8px;display:flex}.rename-icon{color:var(--color-text-muted);flex-shrink:0}.saved-look-rename{align-items:center;gap:8px;width:100%;padding:6px 0 6px 8px;display:flex}.saved-look-rename .text-input{flex:1;min-width:0}.saved-look-rename .text-button{flex-shrink:0;min-height:44px;padding:0 4px}.saved-look-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saved-look-untitled{color:var(--color-text-muted);font-style:italic;font-weight:400}.saved-look-tags{flex-shrink:0;align-items:center;gap:6px;display:flex}.folder-button{border:1px solid var(--color-border);background:var(--color-background);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;min-width:44px;max-width:120px;min-height:44px;padding:0 10px;font-size:.85rem;overflow:hidden}.closet-tools{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.closet-tools .secondary-button{min-height:44px;font-size:.95rem}.shopping-ideas{gap:6px;margin:0;padding:0;list-style:none;display:grid}.shopping-idea{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.add-to-list{min-height:40px;padding:0 14px}.on-list{white-space:nowrap}.shopping-item{position:relative}.shopping-item .packing-item{grid-template-columns:24px minmax(0,1fr);padding-right:52px}.shopping-remove{top:50%;transform:translateY(-50%)}.shopping-bought .packing-name{color:var(--color-text-muted);text-decoration:line-through}.stats-section{gap:8px;margin-bottom:20px;display:grid}.most-worn{gap:6px;margin:0;padding:0;list-style:none;display:grid}.most-worn-piece{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.most-worn-piece img{object-fit:contain;width:48px;height:56px}.colour-bar{border:1px solid var(--color-border);border-radius:999px;height:28px;display:flex;overflow:hidden}.colour-bar span{min-width:4px}.colour-legend{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.colour-legend li{align-items:center;gap:6px;display:flex}.outfit-count{font-size:1.1rem}.outfit-count strong{font-size:2rem}.best-additions{gap:6px;margin:0;padding:0;list-style:none;display:grid}.best-additions li{align-items:center;gap:4px;display:flex}.wear-log-button{width:100%;margin-bottom:16px}.worn-today{border-color:var(--color-accent)}.calendar-month{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid}.calendar-step{min-height:44px}.calendar-month-name{text-align:center;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:8px 0 16px;display:grid}.calendar-weekday{color:var(--color-text-muted);text-align:center;font-size:.75rem;font-weight:600}.calendar-day{text-align:center;border:1px solid #0000;border-radius:8px;align-content:start;justify-items:center;gap:2px;min-height:48px;padding:4px 2px;font-size:.8rem;display:grid;position:relative}.calendar-worn{border-color:var(--color-border);background:var(--color-surface)}.calendar-worn .mannequin{width:100%;max-width:34px}.calendar-today{border-color:var(--color-accent);font-weight:700}.calendar-more{color:var(--color-text-muted);font-size:.65rem;position:absolute;top:2px;right:3px}.wear-entry{gap:8px;display:grid}.trip-days{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.trip-day{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:center;gap:6px;width:100%;padding:8px;display:grid}.trip-day-label{font-size:.9rem;font-weight:600}.trip-day-mannequin{border-radius:10px;width:100%;overflow:hidden}.trip-day-detail{gap:12px;display:grid}.trip-day-title{font-size:1.15rem}.packing{margin-bottom:16px}.packing-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.packing-item{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:24px 44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:4px 10px;display:grid}.packing-item input{width:22px;height:22px;accent-color:var(--color-accent)}.packing-item img{object-fit:contain;width:44px;height:44px}.packing-name{overflow-wrap:anywhere}.trip-list{margin-bottom:16px}.trip-cards{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.trip-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);text-align:left;gap:8px;width:100%;padding:10px 12px;display:grid}.trip-card-text{gap:2px;display:grid}.trip-card-days{gap:6px;display:flex;overflow:hidden}.trip-card-days .mannequin{border-radius:6px;flex:0 0 52px}.folder-bar{margin-bottom:12px}.folder-actions{gap:16px;display:flex}.folder-hint{margin-bottom:8px}.folder-picker .folder-choices{justify-content:center}.folder-new{text-align:left;gap:6px;margin-top:8px;display:grid}.built-badge{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.75rem}.style-piece-button{min-height:48px;margin-top:10px}.style-piece-button:disabled{opacity:.5}.style-piece-hint{text-align:center}.look-page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.my-style-button{flex-shrink:0;min-height:44px;margin-top:4px;padding:0 14px;font-size:.9rem}.profile-section{border:none;gap:8px;margin:12px 0 0;padding:0;display:grid}.profile-section .field-label{margin-top:0}.custom-shade{position:relative}.custom-shade-remove{background:var(--color-text);width:20px;height:20px;color:var(--color-surface);border-radius:50%;font-size:14px;line-height:20px;position:absolute;top:-6px;right:-6px}.any-colour-row{align-items:center;gap:12px;display:flex}.any-colour-well{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935);border-radius:50%;flex-shrink:0;width:56px;height:56px;padding:4px;position:relative}.any-colour-shade{border:3px solid var(--color-surface);border-radius:50%;width:100%;height:100%;display:block}.any-colour-well input,.any-colour-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.any-colour-add{flex:1}.any-colour-add:disabled{opacity:.6}.profile-tag-note{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);margin:16px 0 4px;padding:10px 12px;font-size:.85rem}.inspiration-board{margin-bottom:16px}.inspiration-intro{margin-bottom:10px}.inspiration-row{scrollbar-width:none;gap:10px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.inspiration-add,.inspiration-tile{aspect-ratio:3/4;border-radius:var(--radius);flex:0 0 100px;position:relative;overflow:hidden}.inspiration-add{border:2px dashed var(--color-border);background:var(--color-surface);color:var(--color-text-muted);place-content:center;justify-items:center;font-size:1.6rem;line-height:1.2;display:grid}.inspiration-add-label{font-size:.85rem;font-weight:600}.inspiration-add-busy{font-size:.85rem}.inspiration-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.inspiration-tile{border:1px solid var(--color-border);background:var(--color-surface)}.inspiration-tile-open{background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.inspiration-tile img{object-fit:cover;width:100%;height:100%;display:block}.inspiration-tile-colours{background:#ffffffd9;border-radius:999px;gap:3px;padding:3px 5px;display:flex;position:absolute;bottom:6px;left:6px}.inspiration-photo{object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:100%;max-height:45dvh;display:block}.inspiration-sheet .look-name-field{margin-top:12px}.inspiration-sheet .look-sheet-actions{margin-top:20px}.look-subtitle{align-items:center;gap:8px;display:flex}.look-subtitle-photo{object-fit:cover;border:1px solid var(--color-border);border-radius:6px;width:36px;height:48px}
