.app-shell{display:grid;min-height:100vh;grid-template-columns:268px minmax(0,1fr);grid-template-rows:auto 1fr}.topbar{position:sticky;z-index:30;top:0;display:flex;grid-column:2;align-items:center;gap:1rem;padding:1.25rem 2rem .75rem;background:#f7f2eadb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgb(221 214 202 / 70%)}.topbar-user{margin-left:auto}.sidebar{position:sticky;top:0;grid-row:1 / span 2;height:100vh;overflow-y:auto;padding:1.5rem;border-right:1px solid var(--line);background:#fffaf1}.page-area{grid-column:2;padding:1.5rem 2rem 3rem}.nav-stack{display:grid;gap:1.5rem}.nav-section{display:grid;gap:.35rem}.nav-heading{color:var(--muted);font-size:.73rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.nav-link{display:flex;min-height:42px;align-items:center;gap:.7rem;padding:.65rem .75rem;color:var(--muted);border-radius:8px}.nav-group{display:grid;gap:.25rem}.subnav-stack{display:grid;gap:.15rem;margin-left:1.45rem}.subnav-link{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:.55rem;padding:.45rem .65rem;color:var(--muted);border-radius:8px;font-size:.9rem}.nav-count{display:inline-flex;min-width:24px;height:22px;align-items:center;justify-content:center;margin-left:auto;padding:0 .38rem;border-radius:999px;background:#245c631f;color:var(--accent-strong);font-size:.75rem;font-weight:800}.nav-empty{padding:.45rem .75rem;color:var(--muted);font-size:.92rem}.nav-link:hover,.nav-link.is-active,.subnav-link:hover,.subnav-link.is-active{color:var(--ink);background:#eee4d6}.icon-button.mobile-only,.mobile-drawer,.menu-scrim{display:none}@media (max-width: 860px){.app-shell{display:block}.desktop-only{display:none}.icon-button.mobile-only{display:inline-flex}.topbar{grid-column:auto;padding:1rem}.page-area{padding:1rem 1rem 2rem}.menu-scrim{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:block;background:#25252561}.mobile-drawer{position:fixed;z-index:50;top:0;bottom:0;left:0;display:block;width:min(86vw,320px);overflow-y:auto;padding:1rem;border-right:1px solid var(--line);background:#fffaf1;box-shadow:var(--shadow);transform:translate(-105%);transition:transform .18s ease}.mobile-drawer.is-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}}.calendar-picker-dialog{display:grid;width:min(1120px,calc(100vw - 2rem));max-height:min(900px,92vh);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.calendar-picker-body{display:grid;gap:1rem;overflow-y:auto;padding:1.25rem}.panel.calendar-picker-filter-panel{min-height:0}.calendar-picker-filter-row{display:flex;width:100%;overflow-x:auto;gap:.5rem;padding-bottom:.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.calendar-picker-filter-row .filter-chip{flex:0 0 auto;width:auto;min-width:130px}.calendar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.calendar-picker-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.calendar-picker-card.is-selected{box-shadow:inset 0 0 0 2px var(--accent),var(--shadow)}.calendar-picker-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#f2eadf}.calendar-picker-card-body{display:grid;gap:.8rem;padding:.9rem}.calendar-picker-card-body p:not(.eyebrow){color:var(--muted);line-height:1.45}.calendar-picker-empty{min-height:260px}@media (max-width: 860px){.calendar-picker-dialog{width:100%;height:100vh;max-height:100vh;border-radius:0}.calendar-picker-dialog .dialog-header{align-items:start;padding:.9rem 1rem}.calendar-picker-dialog .dialog-header h2{font-size:1.35rem;line-height:1.08}.calendar-picker-body{align-content:start;gap:.8rem;padding:1rem}.panel.calendar-picker-filter-panel{gap:.7rem;padding:1rem}.calendar-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.calendar-picker-card img{aspect-ratio:3 / 4}.calendar-picker-card-body{gap:.55rem;padding:.7rem}.calendar-picker-card-body h3{font-size:.95rem}.calendar-picker-card-body p:not(.eyebrow){font-size:.9rem}.calendar-picker-card-body .primary-button,.calendar-picker-card-body .secondary-button{min-height:36px;width:100%;padding:.5rem .55rem;font-size:.9rem}}@media (max-width: 340px){.calendar-picker-grid{grid-template-columns:1fr}}.dialog-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.25rem;background:#25252585}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:1.6rem}.dialog-body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 340px}.generation-side{display:grid;align-content:start;gap:1rem;overflow-y:auto;padding:1.25rem;border-left:1px solid var(--line);background:#fffaf1}.generation-side p{color:var(--muted);line-height:1.5}@media (max-width: 860px){.dialog-backdrop{padding:.75rem}.dialog-backdrop.is-fullscreen-mobile{align-items:stretch;padding:0}.dialog-body{grid-template-columns:1fr;overflow-y:auto}.generation-side{border-top:1px solid var(--line);border-left:0}}.outfit-preview-dialog{display:grid;width:min(1120px,100%);max-height:min(900px,92vh);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.outfit-preview-body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 340px}.outfit-preview-image{display:grid;min-height:580px;overflow:auto;place-items:center;padding:1rem;background:#f2eadf}.outfit-preview-image img{width:min(100%,420px);height:auto;max-height:76vh;border:1px solid var(--line);border-radius:8px;object-fit:contain;box-shadow:var(--shadow)}.outfit-item-list{display:grid;gap:.65rem}.outfit-item-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.65rem;align-items:center}.outfit-item-row img{width:54px;height:54px;border-radius:8px;object-fit:cover;background:#f2eadf}.outfit-item-row div{display:grid;min-width:0;gap:.15rem}.outfit-item-row span{overflow:hidden;color:var(--muted);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 860px){.outfit-preview-dialog{width:100%;max-height:100vh;border-radius:0}.outfit-preview-body{grid-template-columns:1fr;overflow-y:auto}.outfit-preview-image{min-height:420px}}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.calendar-weekday{min-height:38px;padding:.65rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);background:#fffaf1;font-size:.78rem;font-weight:800;text-align:center;text-transform:uppercase}.calendar-cell{display:grid;min-height:214px;grid-template-rows:auto 1fr auto;gap:.55rem;padding:.65rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-cell.is-muted{background:#f6efe6}.calendar-cell.is-today{box-shadow:inset 0 0 0 2px #245c635c}.calendar-cell-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.calendar-cell-header span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);background:#f0e8dc;font-weight:760}.calendar-remove-button{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #e6c7ce;border-radius:999px;color:#8b2638;background:#f7e8eb}.calendar-outfit-thumb{display:block;overflow:hidden;width:100%;min-height:96px;border:1px solid var(--line);border-radius:8px;padding:0;background:#f2eadf}.calendar-outfit-thumb img{width:100%;height:118px;object-fit:cover}.calendar-empty-slot{min-height:96px;border:1px dashed #d2c8ba;border-radius:8px;background:#fffaf19e}.calendar-assign-field{display:grid;gap:.25rem}.calendar-assign-field span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.calendar-select-button{min-height:36px;width:100%;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;background:#e5f1ef;color:var(--accent-strong);font-size:.86rem;font-weight:800}.calendar-select-button:disabled{color:var(--muted);background:#f1ece4;cursor:not-allowed}@media (max-width: 860px){.calendar-nav-text{display:none}.button-row.calendar-nav-actions{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;width:100%}.button-row.calendar-nav-actions .secondary-button{width:100%;padding-inline:.65rem}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-weekday{display:none}.calendar-cell{min-height:100px}}.clothing-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.clothing-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #245c632e,var(--shadow)}.clothing-card-image{aspect-ratio:4 / 5;overflow:hidden;background:#f2eadf}.clothing-card-image img{width:100%;height:100%;object-fit:cover}.clothing-card-body{display:grid;gap:.7rem;padding:.9rem}.select-row{display:inline-flex;min-height:36px;width:100%;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:999px;background:#fffaf1;color:var(--ink);cursor:pointer;font-weight:760}.select-row input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.card-edit-button{position:absolute;top:.65rem;right:3.7rem;color:var(--accent-strong);background:#ffffffe0}.generate-confirmation-dialog{display:grid;align-self:center;width:min(520px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.generate-confirmation-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.25rem}.generate-confirmation-body svg{color:var(--accent-strong)}.generate-confirmation-body p{margin-top:.35rem;color:var(--muted);line-height:1.55}.generate-confirmation-items{font-weight:700}.generate-confirmation-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.25rem 1.25rem}@media (max-width: 520px){.generate-confirmation-dialog{width:min(360px,calc(100vw - 1rem))}.generate-confirmation-dialog .dialog-header{padding:.9rem 1rem}.generate-confirmation-dialog .dialog-header h2{font-size:1.35rem;line-height:1.08}.generate-confirmation-body{grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem}.generate-confirmation-body svg{width:28px;height:28px}.generate-confirmation-body p{line-height:1.45}.generate-confirmation-actions{flex-direction:column;gap:.65rem;padding:0 1rem 1rem}.generate-confirmation-actions .primary-button,.generate-confirmation-actions .secondary-button{min-height:42px}}.generation-dialog{display:grid;width:min(1120px,100%);max-height:min(900px,92vh);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.generation-preview{display:grid;min-height:580px;overflow:auto;place-items:center;padding:1rem;background:#f2eadf}.generation-preview img{width:min(100%,420px);height:auto;max-height:76vh;border:1px solid var(--line);border-radius:8px;object-fit:contain;box-shadow:var(--shadow)}.generation-state{display:grid;max-width:380px;place-items:center;gap:.75rem;text-align:center}.generation-state p{color:var(--muted);line-height:1.5}.generation-limit-panel{display:grid;gap:.6rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.generation-season-field{margin:0;padding:0;border:0}.generation-season-options{display:flex;flex-wrap:wrap;gap:.55rem .9rem}.limit-rows{display:grid;gap:.45rem;color:var(--muted);font-weight:720}.dialog-actions{display:grid;gap:.7rem}.regenerate-prompt-dialog{position:fixed;z-index:90;top:50%;left:50%;display:grid;width:min(560px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141457;transform:translate(-50%,-50%)}.regenerate-prompt-body{display:grid;gap:1rem;padding:1.25rem}@media (max-width: 860px){.generation-dialog{width:100%;max-height:100vh;border-radius:0}.generation-preview{min-height:420px}.regenerate-prompt-dialog{top:auto;right:0;bottom:0;left:0;width:100%;border-radius:8px 8px 0 0;transform:none}}.outfit-validation-dialog{display:grid;align-self:center;width:min(460px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.outfit-validation-body{display:grid;justify-items:start;gap:1rem;padding:1.25rem}.outfit-validation-body svg{color:#8b2638}.outfit-validation-body p{color:var(--muted);line-height:1.55}@media (max-width: 520px){.outfit-validation-dialog{width:min(360px,calc(100vw - 1rem))}.outfit-validation-dialog .dialog-header{padding:.9rem 1rem}.outfit-validation-dialog .dialog-header h2{font-size:1.35rem;line-height:1.08}.outfit-validation-body{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;padding:1rem}.outfit-validation-body svg{width:28px;height:28px}.outfit-validation-body .primary-button{grid-column:1 / -1;width:100%;min-height:42px}}.selection-summary{display:flex;flex-wrap:wrap;gap:.5rem}.selection-summary span{display:inline-flex;min-height:32px;align-items:center;padding:.45rem .7rem;border-radius:999px;background:#e5f1ef;color:var(--accent-strong);font-weight:760}.wardrobe-form{display:grid}.form-grid{display:grid;grid-template-columns:minmax(240px,.48fr) minmax(0,1fr);gap:1.25rem}.item-image-field{display:grid;align-content:start;gap:.85rem}.item-image-preview{display:grid;overflow:hidden;min-height:360px;place-items:center;border:1px dashed #c9beb0;border-radius:8px;background:#f2eadf;color:var(--muted)}.item-image-preview img{width:100%;height:100%;object-fit:cover}.form-fields{display:grid;align-content:start;gap:1rem}.season-field{margin:0;padding:0;border:0}.season-options{display:flex;flex-wrap:wrap;gap:.55rem}@media (max-width: 860px){.form-grid{grid-template-columns:1fr}.item-image-preview{min-height:300px}}.form-panel{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.suggest-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.suggest-panel p{max-width:56ch;color:var(--muted);line-height:1.55}.suggest-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.suggest-checkbox{padding:.5rem .75rem;border:1px solid var(--line);border-radius:999px;background:#fffaf1}.confirm-delete-dialog{display:grid;width:min(520px,calc(100vw - 2rem));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #14141447}.confirm-delete-body{display:grid;grid-template-columns:92px minmax(0,1fr);gap:1rem;align-items:center;padding:1.25rem}.confirm-delete-body p{margin-top:.35rem;color:var(--muted);line-height:1.55}.confirm-delete-thumb{width:92px;height:116px;border-radius:8px;object-fit:cover;background:#f2eadf}.confirm-delete-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:0 1.25rem 1.25rem}@media (max-width: 860px){.suggest-panel,.suggest-actions{align-items:stretch;flex-direction:column}.confirm-delete-body{grid-template-columns:1fr}.confirm-delete-thumb{width:100%;height:220px}.confirm-delete-actions{flex-direction:column}}.avatar-uploader{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.avatar-uploader--profile{border:0;box-shadow:none;padding:0;background:transparent}.avatar-preview{display:grid;overflow:hidden;min-height:360px;place-items:center;border:1px dashed #c9beb0;border-radius:8px;background:#f2eadf;color:var(--muted)}.avatar-uploader--profile .avatar-preview{min-height:280px}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-actions{display:grid;gap:.9rem}.avatar-actions p:not(.eyebrow){color:var(--muted);line-height:1.5}@media (max-width: 860px){.avatar-preview{min-height:300px}}.outfit-card{position:relative;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.outfit-card-image{position:relative;display:block;width:100%;overflow:hidden;border:0;aspect-ratio:4 / 5;padding:0;background:#f2eadf}.outfit-card-image img{width:100%;height:100%;object-fit:cover}.outfit-open-indicator{position:absolute;right:.65rem;bottom:.65rem;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:#ffffffe0;color:var(--accent-strong)}.outfit-card-body{display:grid;gap:.7rem;padding:.9rem}.outfit-season-editor{display:grid;gap:.45rem;margin:0;padding:0;border:0}.outfit-season-editor legend{color:var(--muted);font-size:.76rem;font-weight:760;text-transform:uppercase}.outfit-season-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .7rem}.outfit-season-options .checkbox-pill{min-height:24px}.user-name-form{display:grid;gap:.8rem}.user-name-form--onboarding{margin-top:.35rem}.user-name-submit{width:fit-content}@media (max-width: 860px){.user-name-submit{width:100%}}.profile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(460px,100%);gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:8px;background:#fffaf1}.profile-tab{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.profile-tab.is-active,.profile-tab:hover{color:#fff;background:var(--accent)}.outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.panel.outfit-filter-panel{min-height:0}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.outfit-filter-row{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.filter-chip{display:inline-flex;flex:0 0 auto;min-width:130px;min-height:36px;align-items:center;justify-content:center;padding:.45rem .7rem;border:1px solid var(--line);border-radius:999px;background:#fffaf1;color:var(--muted);font-weight:760}.outfit-filter-row .filter-chip{width:auto}.filter-chip.is-active,.filter-chip:hover{color:#fff;background:var(--accent);border-color:var(--accent)}@media (max-width: 860px){.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.outfit-grid{grid-template-columns:1fr}}.onboarding-shell{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:linear-gradient(140deg,#fffdf8db,#e5f1efc7),#f7f2ea}.onboarding-panel{display:grid;width:min(960px,100%);grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);gap:1.5rem;align-items:stretch}.onboarding-copy{display:grid;align-content:end;gap:.9rem;min-height:420px;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.onboarding-copy h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.95}.onboarding-copy p:not(.eyebrow){max-width:42ch;color:var(--muted);line-height:1.55}@media (max-width: 860px){.onboarding-shell{align-items:start;padding:1rem}.onboarding-panel{grid-template-columns:1fr}.onboarding-copy{min-height:auto;padding:1.25rem}}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:linear-gradient(140deg,#fffdf8db,#e5f1efc7),#f7f2ea}.auth-panel{display:grid;width:min(980px,100%);grid-template-columns:minmax(0,.88fr) minmax(320px,1fr);gap:1.5rem;align-items:stretch}.auth-copy,.auth-loading-panel,.auth-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.auth-copy{display:grid;align-content:end;gap:.9rem;min-height:480px;padding:1.5rem}.auth-copy h1,.auth-loading-panel h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.95}.auth-copy p:not(.eyebrow),.auth-loading-panel p:not(.eyebrow){max-width:42ch;color:var(--muted);line-height:1.55}.auth-loading-panel{display:grid;min-height:300px;align-content:center;justify-items:center;gap:1rem;padding:1.5rem;text-align:center}.auth-loading-panel code{font-size:.95rem}.auth-card{display:grid;align-content:start;gap:1rem;padding:1rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid var(--line);border-radius:8px;background:#fffaf1}.auth-tab{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.auth-tab.is-active,.auth-tab:hover{color:#fff;background:var(--accent)}.clerk-root-box,.clerk-card-box{width:100%}@media (max-width: 860px){.auth-shell{align-items:start;padding:1rem}.auth-panel{grid-template-columns:1fr}.auth-copy{min-height:auto;padding:1.25rem}}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f2ea;color:#252525;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #252525;--muted: #706d67;--line: #ddd6ca;--accent: #245c63;--accent-strong: #1c464b;--rose: #a04f62;--shadow: 0 18px 50px rgb(58 45 29 / 12%);--select-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23252525' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-chevron-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23252525' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.2rem;font-weight:760}h2{font-size:clamp(1.6rem,2vw,2.4rem);line-height:1.05}h3{font-size:1.05rem}.eyebrow{color:var(--muted);font-size:.73rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.spin-icon{animation:spin .9s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}@keyframes spin{to{transform:rotate(360deg)}}.page-grid{display:grid;gap:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.compact-header h2{font-size:1.45rem}.primary-button,.secondary-button,.danger-button,.icon-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:8px;font-weight:720}.primary-button{padding:.7rem 1rem;color:#fff;background:var(--accent)}.primary-button:hover{background:var(--accent-strong)}.secondary-button{padding:.7rem 1rem;color:var(--accent-strong);background:#e5f1ef;border-color:#c8dcda}.danger-button{padding:.7rem 1rem;color:#8b2638;background:#f7e8eb;border-color:#e6c7ce}.icon-button{width:42px;padding:0;color:var(--ink);background:var(--surface-strong);border-color:var(--line)}.empty-state,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.empty-state{display:grid;min-height:280px;place-items:center;align-content:center;gap:.7rem;padding:2rem;text-align:center}.empty-state p,.panel p,.muted-copy{max-width:56ch;color:var(--muted);line-height:1.55}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{display:grid;align-content:start;gap:.85rem;min-height:220px;padding:1.25rem}.field{display:grid;gap:.4rem;color:var(--ink);font-weight:720}.field span,.field legend{font-size:.86rem}.field input,.field select,.field textarea{min-height:44px;width:100%;border:1px solid var(--line);border-radius:8px;padding:.68rem .78rem;color:var(--ink);background:#fff}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:3rem;background-color:#fff;background-image:var(--select-chevron-down);background-repeat:no-repeat;background-position:right 1rem center;background-size:20px 20px}.field select:open{background-image:var(--select-chevron-up)}.field textarea{resize:vertical;line-height:1.45}.field select:disabled{color:var(--muted);background-color:#f1ece4}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.checkbox-pill{display:inline-flex;min-height:38px;align-items:center;gap:.45rem;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;font-weight:700}.checkbox-pill input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.align-right{justify-content:flex-end}.file-button{width:fit-content}.form-error{color:#8b2638;font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem}.tag{display:inline-flex;min-height:26px;align-items:center;padding:.26rem .55rem;border-radius:999px;color:#5e3340;background:#f4e0e5;font-size:.78rem;font-weight:760}.card-delete-button{position:absolute;top:.65rem;right:.65rem;color:#8b2638;background:#ffffffe0}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}@media (max-width: 860px){.section-header{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.two-column,.field-row{grid-template-columns:1fr}.button-row,.file-button{width:100%}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.wardrobe-grid{grid-template-columns:1fr}}