:root{--color-ink: #3f332e;--color-muted: #8d7b74;--color-border: #eadfd6;--color-surface: #fffdfb;--color-primary: #b85c72;--color-primary-hover: #9c4a60;--color-primary-soft: #f8e4e8;--color-primary-mist: #fbf0f2;--color-danger: #c23b4e;--color-danger-hover: #a83242;--color-page: #faf6f1;--radius-sm: 6px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:sans-serif;font-size:15px;line-height:1.5;color:var(--color-ink);background:var(--color-page)}#root{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#ffffffe0;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.app-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;color:var(--color-ink)}.app-brand-icon{width:28px;height:28px}.app-nav.ui-tabs{display:flex;flex-wrap:nowrap;gap:1.85rem}.app-nav .ui-tab{padding:.15rem 0 .3rem;border-radius:0;background:none;color:var(--color-muted);border-bottom:1.5px solid transparent}.app-nav .ui-tab:hover:not(:disabled):not(.is-active):not(.active){background:none;color:var(--color-ink)}.app-nav .ui-tab.is-active,.app-nav .ui-tab.active{background:none;color:var(--color-ink);font-weight:600;border-bottom-color:var(--color-primary)}.ui-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0}.ui-tab{padding:.4rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:#555;cursor:pointer;font:inherit;line-height:1.25;text-decoration:none}.ui-tab:hover:not(:disabled):not(.is-active):not(.active){background:var(--color-primary-mist);color:var(--color-primary)}.ui-tab.is-active,.ui-tab.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.ui-tab:disabled{opacity:.5;cursor:not-allowed}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem}.app-user{color:var(--color-muted);font-size:.9rem}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.25rem}.filter-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0}.filter-toolbar-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem;flex:1 1 auto;min-width:0}.filter-toolbar-filters .filter-search,.filter-toolbar-filters .input-field,.filter-toolbar-filters .select-field{flex:1 1 0;width:auto;min-width:0;max-width:none}.filter-toolbar-filters .filter-search{flex:1.3 1 0;min-width:5.5rem}.filter-toolbar-filters>.btn{flex-shrink:0}.filter-toolbar-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem 1.75rem 1.35rem;width:100%;max-width:380px;text-align:center}.auth-card h1{margin:0 0 .35rem;font-size:1.35rem}.auth-card p{margin:0 0 1rem;line-height:1.45}.auth-logo{width:60px;height:60px;margin-bottom:.7rem}.auth-google{gap:.55rem}.auth-google-icon{width:1.05rem;height:1.05rem;flex-shrink:0;padding:2px;background:#fff;border-radius:2px;box-sizing:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;background:#fff;color:inherit;font:inherit;line-height:1.25;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:.35rem .7rem;font-size:.875rem}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:#fff;color:#333;border-color:#ddd}.btn-secondary:hover:not(:disabled){background:#f5f5f5}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-icon{padding:.3rem .45rem;min-width:2rem}.btn-link{background:none;border:none;color:var(--color-primary);padding:0;cursor:pointer;text-decoration:underline;font:inherit}.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}.btn-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#666;padding:.15rem .35rem;border-radius:6px}.btn-close:hover:not(:disabled){background:#f0f0f0;color:#333}.btn-close:disabled{opacity:.6;cursor:not-allowed}.tag-remove-btn{min-width:1rem;height:1rem;padding:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px #7848520f}.card-spacing-bottom{margin-bottom:1rem}.card-header{padding:.75rem 1rem;border-bottom:1px solid #eee}.card-title{margin:0;font-size:1.1rem;font-weight:600}.card-body{padding:1rem}.card-body-compact{padding:1.25rem}.card-image{width:100%;display:block;border-radius:8px 8px 0 0}.card-fill-height{height:100%}.field-group{margin-bottom:1rem}.additional-fields{margin-bottom:1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden}.additional-fields-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.65rem .85rem;border:0;background:transparent;color:var(--color-ink);font:inherit;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer}.additional-fields-toggle[aria-expanded=true]{border-bottom:1px solid var(--color-border)}.additional-fields-chevron{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;color:var(--color-muted)}.additional-fields-chevron:before{content:"";width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}.additional-fields-toggle[aria-expanded=true] .additional-fields-chevron:before{transform:rotate(45deg)}.additional-fields-body{padding:.9rem .85rem .15rem}.additional-fields-body[hidden]{display:none}.additional-fields-body>.field-group:last-child{margin-bottom:.75rem}.import-panel{padding:.9rem 1.25rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-page)}.import-url-row{display:flex;align-items:center;gap:.5rem}.import-url-row .input-field{flex:1;min-width:0}.import-url-row .btn{flex-shrink:0}.import-url-error{margin:.4rem 0 0}.bookmarklet-hint{margin:.45rem 0 0}.bookmarklet-link{font-weight:600}.import-photo-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.import-photo-choice{padding:0;border:2px solid transparent;border-radius:6px;background:#f3f4f6;cursor:pointer;line-height:0}.import-photo-choice img{width:72px;height:72px;object-fit:cover;border-radius:4px;display:block}.import-photo-choice-selected{border-color:var(--color-primary)}.import-photo-choice:disabled{cursor:wait;opacity:.7}.extra-photos{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.main-photo-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;display:block;margin-bottom:.65rem;background:#f3f4f6}.extra-photo{position:relative;width:72px;height:72px}.extra-photo img,.extra-photo-missing{width:72px;height:72px;object-fit:cover;border-radius:6px;display:block;background:#f3f4f6}.extra-photo-missing{display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:.75rem}.extra-photo-remove{position:absolute;top:2px;right:2px;width:1.25rem;height:1.25rem;padding:0;border-radius:999px;background:#fffdfbeb;line-height:1}.field-label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.9rem}.field-label-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.field-label-row .field-label{margin-bottom:0}.photo-auto-edit{position:relative;margin-left:auto}.photo-help-tip{position:absolute;z-index:30;top:calc(100% + .4rem);right:0;width:16rem;padding:.5rem .65rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-ink);font-size:.8rem;font-weight:500;font-style:normal;line-height:1.4;text-align:left;box-shadow:0 8px 24px #3f332e1f;opacity:0;visibility:hidden;pointer-events:none}.photo-auto-edit:hover .photo-help-tip,.photo-auto-edit:focus-within .photo-help-tip{opacity:1;visibility:visible}.input-field,.select-field{width:100%;padding:.45rem .65rem;border:1px solid #ccc;border-radius:6px;background:#fff}.input-field-small,.select-field-small{padding:.3rem .5rem;font-size:.875rem}.input-field-auto{width:auto;flex-grow:1;min-width:140px}textarea.input-field{resize:vertical}.combobox{position:relative}.combobox:after{content:"";position:absolute;top:50%;right:.75rem;width:.4rem;height:.4rem;border-right:1.5px solid var(--color-muted);border-bottom:1.5px solid var(--color-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.combobox .input-field{padding-right:1.8rem}.combobox-dropdown{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:.25rem 0;list-style:none;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:220px;overflow-y:auto}.combobox-option{padding:.45rem .65rem;cursor:pointer}.combobox-option:hover,.combobox-option-active{background:var(--color-primary-soft);color:var(--color-primary)}.file-field{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-field-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-field-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-row{display:flex;flex-wrap:wrap;margin:-.5rem -.5rem 1rem}.form-row-field{padding:.5rem;width:50%}@media(max-width:480px){.form-row-field{width:100%}}.tag-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.item-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin:-.4rem}.item-grid-cell{scroll-margin-top:1rem;padding:.4rem;width:12.5%}@media(max-width:1200px){.item-grid-cell{width:20%}}@media(max-width:992px){.item-grid-cell{width:25%}}@media(max-width:768px){.item-grid-cell{width:33.333%}}@media(max-width:480px){.item-grid-cell{width:50%}}.category-list{display:flex;flex-direction:column;gap:2.5rem}.closet-group-title{scroll-margin-top:1rem;margin:0 0 .85rem;font-size:1.45rem;font-weight:500;letter-spacing:-.03em;line-height:1.15;color:var(--color-ink)}.closet-subgroup+.closet-subgroup{margin-top:1.35rem}.closet-subgroup-title{scroll-margin-top:1rem;margin:0 0 .45rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.page-toolbar{margin-bottom:1.75rem}.page-toolbar .filter-toolbar,.page-toolbar .filter-toolbar-filters{gap:.65rem}.page-toolbar .filter-toolbar-filters .filter-search,.page-toolbar .filter-toolbar-filters .filter-select,.page-toolbar .filter-toolbar-filters .tag-filter-button,.page-toolbar .filter-toolbar-actions .btn{height:2.4rem}.page-toolbar .filter-toolbar-filters .filter-search{flex:1 1 12rem;min-width:10rem;background:var(--color-surface);border-color:var(--color-border)}.page-toolbar .filter-toolbar-filters .filter-select,.page-toolbar .filter-toolbar-filters .tag-filter{flex:0 0 auto;width:auto;min-width:9.25rem;max-width:none}.page-toolbar .filter-toolbar-filters .filter-select,.page-toolbar .filter-toolbar-filters .tag-filter-button{padding:0 1.75rem 0 .7rem;font-size:.85rem;color:var(--color-muted);background:var(--color-surface);border-color:var(--color-border)}.page-toolbar .filter-toolbar-filters .filter-select:hover,.page-toolbar .filter-toolbar-filters .filter-select:focus,.page-toolbar .filter-toolbar-filters .tag-filter-button:hover,.page-toolbar .filter-toolbar-filters .tag-filter-button:focus{color:var(--color-ink);border-color:color-mix(in srgb,var(--color-ink) 18%,var(--color-border))}.tag-filter{position:relative;flex:0 0 auto;min-width:0}.tag-filter-button{position:relative;width:100%;text-align:left;cursor:pointer;padding-right:1.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-filter-button:after{content:"";position:absolute;right:.7rem;top:50%;width:.38rem;height:.38rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.tag-filter-menu{position:fixed;z-index:1200;max-height:240px;overflow-y:auto;margin:0;padding:.3rem 0;background:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #3f332e1f}.tag-filter-option{display:flex;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.85rem;cursor:pointer}.tag-filter-option:hover{background:var(--color-primary-mist)}.tag-filter-option input{margin:0;accent-color:var(--color-primary)}.tag-filter-empty{margin:0;padding:.4rem .7rem;color:var(--color-muted);font-size:.8rem}.packing-picker-filters .tag-filter,.outfit-picker-filters .tag-filter{flex:1 1 6.5rem;min-width:6.5rem}.page-toolbar-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:2.4rem;margin:0;padding:0 .35rem;border:none;background:none;font-size:.85rem;line-height:1;color:var(--color-muted);text-decoration:none}.page-toolbar-clear:hover:not(:disabled){color:var(--color-ink);text-decoration:none}.page-toolbar-count{display:inline-flex;align-items:center;height:2.4rem;font-size:.85rem;color:var(--color-muted)}.closet-view-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;margin-top:.7rem}.closet-view-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--color-muted);cursor:pointer}.closet-view-toggle:has(input:disabled){opacity:.45;cursor:not-allowed}.closet-view-toggle input{appearance:none;width:1.7rem;height:1rem;margin:0;border-radius:999px;border:1px solid var(--color-border);background:#e7dfd8;position:relative;cursor:pointer;flex-shrink:0}.closet-view-toggle input:after{content:"";position:absolute;top:1px;left:1px;width:.72rem;height:.72rem;border-radius:50%;background:#fff;transition:transform .15s ease}.closet-view-toggle input:checked{background:var(--color-primary);border-color:var(--color-primary)}.closet-view-toggle input:checked:after{transform:translate(.68rem)}.closet-view-toggle input:disabled{cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:.5rem}.modal{width:100%;max-width:640px}.modal-large{max-width:min(1100px,96vw)}.modal-panel{position:relative;background:#fff;border-radius:10px;overflow:visible}.modal-large .modal-panel:not(.modal-panel-tall){min-height:min(90vh,1100px)}.modal-panel-loading{pointer-events:none}.modal-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#ffffffeb;border-radius:10px;pointer-events:auto}.modal-loading-message{margin:0;color:#555;font-size:.95rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #eee}.modal-title{margin:0;font-size:1.25rem;font-weight:700}.modal-body{padding:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #eee}.modal-footer-inline{padding-left:0;padding-right:0;padding-bottom:0;border-top:none}.modal-panel-tall{display:flex;flex-direction:column;height:min(92vh,1200px,calc(100dvh - 1rem));max-height:calc(100dvh - 1rem);min-height:0;overflow:hidden}.modal-panel-tall>.modal-header{flex-shrink:0}.modal-body-scroll{overflow-y:auto;flex:1 1 auto;min-height:0}.clothing-editor{width:100%;max-width:46rem}.clothing-editor-panel{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);overflow:hidden}.clothing-editor-form{display:flex;flex-direction:column;min-height:0}.clothing-editor-form>.modal-body-scroll{max-height:calc(100dvh - 11rem)}.clothing-editor-form>.modal-footer{flex-shrink:0;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;width:100%;min-height:240px;padding:1rem;border:1.5px dashed var(--color-border);border-radius:12px;background:var(--color-page);color:var(--color-muted);font:inherit;cursor:pointer}.photo-dropzone img{max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.photo-dropzone-empty{font-size:.95rem}.photo-dropzone-action{font-size:.85rem;font-weight:600;color:var(--color-primary)}.photo-dropzone--busy{cursor:progress}.photo-dropzone-status{display:inline-flex;align-items:center;gap:.45rem;font-size:.95rem}.extra-photos-field{margin-bottom:.25rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.85rem;border-radius:4px;background:#eee;color:#444}.tag-small{font-size:.75rem}.tag-suggestions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.tag-suggestion{border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));background:var(--color-primary-mist);color:var(--color-primary);border-radius:999px;padding:.2rem .65rem;font:inherit;font-size:.8rem;line-height:1.3;cursor:pointer}.tag-suggestion:hover{background:var(--color-primary-soft)}.tag-highlight{background:var(--color-primary-soft);color:var(--color-primary)}.tag-nowrap{flex-shrink:0;white-space:nowrap}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid #ddd;border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-small{width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 0}.empty-state{text-align:center;padding:3rem 1rem;color:#666;font-weight:600}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-tight{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1.5rem}.relative{position:relative}.full-width{width:100%}.width-auto{width:auto}.block{display:block}.rounded{border-radius:6px}.border-bottom{border-bottom:1px solid #eee}.border-top{border-top:1px solid #eee}.bg-subtle{background:#f5f5f5}.text-center{text-align:center}.text-muted{color:#666}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bold{font-weight:700}.semibold{font-weight:600}.text-large{font-size:1.5rem}.text-small{font-size:.85rem}.text-xs{font-size:.75rem}.no-margin{margin:0}.margin-bottom-tight{margin-bottom:.25rem}.margin-bottom-sm{margin-bottom:.5rem}.margin-bottom-md{margin-bottom:.75rem}.margin-top-tight{margin-top:.25rem}.margin-top-md{margin-top:.75rem}.margin-top-lg{margin-top:1.25rem}.margin-right-sm{margin-right:.5rem}.padding-vertical-md{padding-top:1rem;padding-bottom:1rem}.item-detail{position:relative;display:flex;align-items:stretch;gap:1.35rem;overflow:hidden}.item-detail-nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:999px;background:#fffdfbf0;color:var(--color-ink);cursor:pointer;transform:translateY(-50%)}.item-detail-nav--prev{left:.85rem}.item-detail-nav--next{right:.85rem}.item-detail-nav:disabled{opacity:.35;cursor:default}.item-detail-nav-icon{width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.item-detail-nav-icon--prev{transform:rotate(135deg);margin-left:.15rem}.item-detail-nav-icon--next{transform:rotate(-45deg);margin-right:.15rem}.item-detail-media{flex:1.15 1 0;min-width:0;min-height:0;display:flex;flex-direction:column}.item-detail-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;background:var(--color-page);border-radius:10px}.item-detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.item-detail-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem;flex-shrink:0}.item-detail-thumb{padding:0;border:2px solid transparent;border-radius:6px;background:#f3f4f6;line-height:0;cursor:pointer}.item-detail-thumb img{width:64px;height:64px;object-fit:cover;border-radius:4px;display:block}.item-detail-thumb.is-active{border-color:var(--color-primary)}.item-detail-fields{flex:.85 1 0;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem;margin:0}.item-detail--text-only{display:block;overflow-y:auto}.item-detail--text-only .item-detail-media{display:none}.item-detail-fields dt{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.item-detail-fields dd{margin:.15rem 0 0}.item-detail-notes{white-space:pre-wrap}.item-detail-fields a{color:var(--color-primary);word-break:break-word}@media(max-width:720px){.item-detail{flex-direction:column;overflow-y:auto}.item-detail-stage{min-height:58vh}.item-detail-fields{overflow:visible}}.closet-item-card{cursor:grab;background:#fff;border-color:color-mix(in srgb,var(--color-border) 65%,white);box-shadow:none}.closet-item-card:hover{box-shadow:0 6px 18px #3f332e0f}.closet-item-card .card-body{padding:.4rem .45rem .5rem}.closet-item-name{font-size:.8rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}.closet-item-meta{margin-top:.12rem;font-size:.7rem;line-height:1.3;color:var(--color-muted)}.closet-item-photo{position:relative}.closet-item-tags{position:absolute;left:.3rem;right:.3rem;bottom:.3rem;opacity:0;transition:opacity .15s}.closet-item-tags .tag{background:#ffffff6b;color:var(--color-ink)}.closet-item-card:hover .closet-item-tags,.outfits-card:hover .closet-item-tags,.closet-item-card:focus-within .closet-item-tags,.outfits-card:focus-within .closet-item-tags{opacity:1}.closet-item-card:active{cursor:grabbing}.closet-item-card--selectable,.closet-item-card--selectable:active,.closet-item-card--selecting,.closet-item-card--selecting:active{cursor:pointer}.closet-item-card--selected{border-color:var(--color-primary)}.closet-item-select{position:absolute;top:.5rem;left:.5rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:#fffffff2;border-radius:4px;box-shadow:0 1px 3px #0000001f;opacity:0;transition:opacity .15s}.closet-item-card:hover .closet-item-select,.outfits-card:hover .closet-item-select,.closet-item-card--selecting .closet-item-select,.closet-item-card--selected .closet-item-select{opacity:1}.closet-item-select input{width:1rem;height:1rem;margin:0;cursor:pointer}.bulk-select-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #78485214}.bulk-select-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:.75rem;border-left:1px solid var(--color-border)}.bulk-edit-field{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.bulk-edit-field-toggle{display:flex;align-items:center;gap:.4rem;min-width:7.75rem;padding-top:.55rem;flex-shrink:0;font-weight:600;font-size:.9rem;cursor:pointer}.bulk-edit-field-control{flex:1;min-width:0}.bulk-edit-field--disabled .bulk-edit-field-control{opacity:.45;pointer-events:none}.bulk-edit-field .field-group{margin-bottom:0}.photo-holder{width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:8px 8px 0 0}.photo-holder-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.closet-item-photo-placeholder{height:auto;display:flex;align-items:center;justify-content:center;background:#fff;font-size:1.5rem;font-weight:700;color:#888}.closet-item-actions{position:absolute;top:.28rem;right:.28rem;z-index:2;display:flex;gap:.15rem;opacity:0;transition:opacity .15s}.closet-item-actions .btn,.outfits-card-actions .btn,.packing-list-card-actions .btn,.packing-list-card-clone .btn{min-width:1.25rem;width:1.25rem;height:1.25rem;padding:0;font-size:.7rem;line-height:1;background:#fffffff0;box-shadow:0 1px 3px #3f332e24}.closet-item-card:hover .closet-item-actions{opacity:1}.outfit-grid{display:flex;flex-wrap:wrap;align-items:flex-start;margin:-.4rem}.outfit-grid-cell{display:flex;padding:.4rem;width:25%}.outfit-grid-cell>.outfits-card{width:100%}@media(max-width:1100px){.outfit-grid-cell{width:33.333%}}@media(max-width:768px){.outfit-grid-cell{width:50%}}@media(max-width:480px){.outfit-grid-cell{width:100%}}.outfit-card-photo{width:100%;aspect-ratio:2 / 1;object-fit:cover}.outfits-photo-strip{--thumb-gap: 8px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:var(--thumb-gap);padding:2px;overflow:hidden;background:#fff;border-radius:8px 8px 0 0;aspect-ratio:2 / 1;box-sizing:border-box}.outfits-photo-strip--single .outfit-photo-cell{flex:1 1 100%}.outfit-photo-cell{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:#fff;padding:2px;box-sizing:border-box}.outfit-photo-cell-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.outfit-photo-cell-placeholder{width:100%;height:100%;min-height:3rem;display:flex;align-items:center;justify-content:center;background:#fff;color:#888;font-weight:600;font-size:1.25rem}.outfits-card-actions{position:absolute;top:.28rem;right:.28rem;display:flex;gap:.15rem;z-index:2;opacity:0;transition:opacity .15s}.outfits-card:hover .outfits-card-actions{opacity:1}.outfits-card-media{position:relative}.outfit-card-date{position:absolute;top:.5rem;right:.5rem;z-index:1;padding:.2rem .45rem;border-radius:4px;background:#ffffffeb;box-shadow:0 1px 3px #0000001f;font-size:.7rem;line-height:1.2;color:#555;pointer-events:none}.outfits-card{display:flex;flex-direction:column;background:#fff;border-color:color-mix(in srgb,var(--color-border) 65%,white);box-shadow:none}.outfits-card:hover{box-shadow:0 6px 18px #3f332e0f}.outfits-card.closet-item-card--selected{border-color:var(--color-primary)}.outfits-card .card-body{flex:0 0 auto;display:flex;flex-direction:column;padding:.45rem .5rem .55rem}.outfits-card .card-body .margin-bottom-md{margin-bottom:.45rem}.outfits-card .card-body .margin-bottom-sm{margin-bottom:.35rem}.outfits-card .card-body>:last-child{margin-bottom:0}.card-date{margin-top:auto;padding-top:.75rem;text-align:right}.outfit-modal-body{display:flex;flex-direction:column;gap:.75rem}.outfit-modal-fields{flex:0 0 auto}.outfit-dropzone{min-height:100px;max-height:11rem;overflow-y:auto;border:2px dashed #ccc;border-radius:8px;padding:1rem;background:#fafafa}.outfit-dropzone.drag-over{border-color:var(--color-primary);background:var(--color-primary-soft)}.outfit-picker-section{display:flex;flex-direction:column;flex:0 0 auto}.outfit-picker-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;margin-bottom:.75rem;min-width:0}.outfit-picker-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:.35rem;flex:1;min-width:0}.outfit-picker-filters .select-field,.outfit-picker-filters .input-field{flex:1 1 0;min-width:0;width:auto}.outfit-picker-filters .filter-search{flex:1.3 1 0}.outfit-picker-toolbar>.btn{flex-shrink:0;margin-left:auto}.outfit-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.65rem;align-content:start}.outfit-picker-item{cursor:pointer;text-align:center;font-size:.7rem}.outfit-picker-item img,.outfit-picker-item .placeholder{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px}.outfit-picker-item .placeholder{display:flex;align-items:center;justify-content:center;background:#eee;font-weight:600}.outfit-selected-items{display:flex;flex-wrap:wrap;gap:.5rem}.outfit-selected-item{position:relative;width:56px;text-align:center;font-size:.7rem}.outfit-selected-item img,.outfit-selected-item .placeholder{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px}.outfit-selected-item .placeholder{display:flex;align-items:center;justify-content:center;background:#eee;font-weight:600}.outfit-selected-item-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:none;background:var(--color-danger);color:#fff;font-size:12px;line-height:1;padding:0;cursor:pointer}.packing-list-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem;align-items:stretch}@media(min-width:640px){.packing-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.packing-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.packing-list-grid-cell{display:flex;min-width:0}.packing-list-card{display:flex;flex-direction:column;width:100%;overflow:hidden;background:#fff;border-color:color-mix(in srgb,var(--color-border) 65%,white);box-shadow:none}.packing-list-card:hover{box-shadow:0 6px 18px #3f332e0f}.packing-list-card-actions,.packing-list-card-clone{position:absolute;top:.28rem;display:flex;gap:.15rem;z-index:2;opacity:0;transition:opacity .15s}.packing-list-card-actions{right:.28rem}.packing-list-card-clone{left:.28rem}.packing-list-card:hover .packing-list-card-actions,.packing-list-card:hover .packing-list-card-clone{opacity:1}.packing-list-clone-icon{width:14px;height:14px;display:block}.packing-list-card-body{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-height:0;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.packing-list-card-body:hover .packing-list-card-meta{background:transparent}.packing-list-card-media{position:relative}.packing-list-preview-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding:8px;aspect-ratio:2 / 1;box-sizing:border-box;overflow:hidden;background:#fff;border-radius:8px 8px 0 0}.packing-list-preview-strip--empty{grid-template-columns:1fr;grid-template-rows:1fr}.packing-list-preview-cell{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;overflow:hidden}.packing-list-preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.packing-list-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-page);color:var(--color-muted);font-weight:600}.packing-list-preview-overflow{font-size:.95rem;font-weight:700;color:#374151}.packing-list-card-meta{flex:1 1 auto;display:flex;flex-direction:column;padding:.55rem .65rem .7rem;min-height:0}.packing-picker-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.packing-picker-create-outfit{margin-left:auto}.packing-picker-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;margin-bottom:.75rem;min-width:0}.packing-picker-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:.35rem;flex:1;min-width:0}.packing-picker-filters .select-field,.packing-picker-filters .input-field{flex:1 1 0;min-width:0;width:auto}.packing-picker-filters .filter-search{flex:1.3 1 0}.packing-picker-toolbar>.btn{flex-shrink:0;margin-left:auto}.modal-overlay-front{z-index:1100}.packing-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.packing-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.packing-picker-grid--items{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}@media(min-width:768px){.packing-picker-grid--items{grid-template-columns:repeat(5,minmax(0,1fr))}}.packing-picker-card{position:relative;display:block;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;background:#fff}.packing-picker-card--compact{padding:.35rem;border-radius:6px}.packing-picker-card--compact .bold{font-size:.75rem;line-height:1.2}.packing-picker-card--compact .text-xs{font-size:.65rem;line-height:1.2}.packing-picker-card--compact .margin-top-sm{margin-top:.25rem}.packing-picker-card input{position:absolute;top:.5rem;left:.5rem;z-index:1;width:1rem;height:1rem}.packing-picker-card--compact input{top:.25rem;left:.25rem;width:.8rem;height:.8rem}.packing-picker-card--selected{outline:2px solid var(--color-primary);outline-offset:-2px}.packing-picker-card-content{padding-top:.25rem}.packing-picker-card--compact .packing-picker-card-content{padding-top:.1rem}.packing-picker-photo,.packing-picker-item-photo{width:100%;aspect-ratio:1}.packing-picker-card--compact .packing-picker-item-photo{aspect-ratio:3 / 4}.packing-picker-outfit-strip{min-height:72px}.packing-summary-list{display:flex;flex-direction:column;gap:.75rem}.packing-summary-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #eee;border-radius:8px;background:#fafafa}.packing-summary-row--packed{opacity:.72}.packing-summary-row--packed .bold{text-decoration:line-through}.packing-summary-check{flex-shrink:0;display:flex;align-items:center;justify-content:center}.packing-summary-check input{width:1.1rem;height:1.1rem;margin:0;cursor:pointer}.packing-summary-photo{flex-shrink:0;width:56px;height:56px;border-radius:6px;overflow:hidden;background:#fff}.packing-summary-photo img{width:100%;height:100%;object-fit:contain}.packing-summary-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#eee;font-weight:600}.packing-summary-details{flex:1;min-width:0}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.packing-trip-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.packing-trip-date-fields{grid-template-columns:1fr}}.packing-day-plan{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1.25rem;min-height:28rem}@media(max-width:900px){.packing-day-plan{grid-template-columns:1fr}}.packing-day-plan-sidebar{display:flex;flex-direction:column;gap:.55rem;min-width:0;align-self:start}.packing-day-plan-day-header{display:flex;flex-direction:column;gap:.15rem}.packing-day-plan-day-title{margin:0;font-size:1rem;font-weight:700;line-height:1.25}.packing-day-plan-help{margin:0}.packing-day-plan-assign{display:flex;flex-direction:column;gap:.55rem;min-height:0}.packing-day-plan-picker-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.packing-day-plan-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;max-height:min(36vh,18rem);overflow-y:auto;padding:.1rem}.packing-day-plan-add-btn{width:100%}.packing-day-plan-assigned{border-top:1px solid #e5e7eb;padding-top:.55rem;margin-top:.1rem}.packing-day-plan-picker-card{position:relative;display:block;padding:.25rem;border:1px solid #e5e7eb;border-radius:5px;background:#fff;cursor:pointer}.packing-day-plan-picker-card input{position:absolute;top:.2rem;left:.2rem;z-index:1;width:.75rem;height:.75rem}.packing-day-plan-picker-card--selected{outline:2px solid var(--color-primary);outline-offset:-2px;background:#f8fbff}.packing-day-plan-picker-card-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.packing-day-plan-picker-photo,.packing-day-plan-picker-placeholder{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden}.packing-day-plan-picker-photo img{width:100%;height:100%;object-fit:cover;display:block}.packing-day-plan-picker-placeholder{display:flex;align-items:center;justify-content:center;background:#eee;font-size:.7rem;font-weight:700;color:#666}.packing-day-plan-picker-card .bold{font-size:.62rem;line-height:1.2}.packing-day-plan-picker-card .text-muted{font-size:.55rem;line-height:1.2}.packing-day-plan-assigned-row{justify-content:space-between}.packing-day-plan-assigned-label{flex:1;min-width:0}.packing-trip-calendar{display:flex;flex-direction:column;gap:.35rem;min-width:0}.packing-trip-calendar-actions{display:flex;justify-content:flex-end;margin-top:.35rem}.packing-trip-calendar-weekdays,.packing-trip-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.packing-trip-calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#666;padding:.25rem 0}.packing-trip-calendar-cell{min-height:7.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:.45rem;text-align:left;display:flex;flex-direction:column;gap:.35rem;cursor:pointer}.packing-trip-calendar-cell--muted,.packing-trip-calendar-cell--empty{background:#f7f7f8;opacity:.55;cursor:default;min-height:4rem}.packing-trip-calendar-cell--trip:hover{border-color:var(--color-primary);background:#f8fbff}.packing-trip-calendar-cell--selected{outline:2px solid var(--color-primary);outline-offset:-2px;background:#eef4ff}.packing-trip-calendar-cell-date{font-size:.85rem;font-weight:700}.packing-trip-calendar-cell-body{display:flex;flex-direction:column;gap:.2rem;min-height:0;overflow:hidden;flex:1}.packing-trip-calendar-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;align-content:start}.packing-trip-calendar-thumb{aspect-ratio:1;border-radius:4px;overflow:hidden;background:#eee}.packing-trip-calendar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.packing-trip-calendar-thumb-placeholder,.packing-trip-calendar-thumb--more{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#555;background:#e8e8ea}.packing-trip-calendar-thumb--more{background:var(--color-primary-soft);color:var(--color-primary)}.text-danger{color:var(--color-danger)}.packing-plan-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.packing-assignment-list{display:flex;flex-direction:column;gap:.5rem}.packing-assignment-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.packing-assignment-row>.select-field,.packing-assignment-row>.input-field{flex:1 1 9rem;min-width:0}.packing-assignment-row>.btn-icon{flex:0 0 auto}.packing-schedule{display:flex;flex-direction:column;gap:1rem}.packing-schedule-group-title{margin:0 0 .4rem;font-size:.95rem;font-weight:700}.packing-schedule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.packing-schedule-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}