.chat-page{padding-bottom:100px}.chat-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.chat-header h1{font-size:24px}.stylist-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:white;color:var(--secondary)}.chat-messages{display:flex;flex-direction:column;gap:18px}.chat-message{max-width:92%;align-self:flex-start;min-width:0}.chat-user{align-self:flex-end}.chat-bubble{padding:14px 18px;border-radius:22px;background:white;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow)}.chat-user .chat-bubble{background:#111112;color:white;border-bottom-right-radius:6px}.chat-assistant .chat-bubble{border-bottom-left-radius:6px}.chat-empty{padding:28px 0}.chat-empty .profile-chips{margin-top:24px}.chat-composer{position:fixed;z-index:11;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:448px;display:flex;align-items:flex-end;gap:8px;padding:10px;background:white;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.chat-composer textarea{font:inherit;resize:none;min-width:0;flex:1 1;max-height:140px;border:0;padding:8px;background:transparent;color:var(--text)}.chat-composer .button{padding:10px 18px}.typing-dots{letter-spacing:4px;animation:typing-pulse 1s ease infinite alternate}.compact-outfit{display:block;margin-top:12px;color:var(--text);padding:16px}.compact-outfit .flat-lay{min-height:180px;grid-auto-rows:minmax(40px,auto);padding:8px}.compact-outfit .flat-item img{max-height:90px}.compact-outfit .flat-bottom img,.compact-outfit .flat-dress img{max-height:130px}.compact-outfit p{font-size:14px;color:var(--muted)}.profile-panel{border:0;padding:24px 0;margin:0;min-width:0}.profile-chips{gap:8px}.profile-chips,.taste-row{display:flex;flex-wrap:wrap}.taste-row{align-items:center;gap:6px}.taste-row>span{flex:1 1;min-width:120px;font-size:14px}.taste-row .chip{padding:7px 10px}.inline-input,.memory-row{display:flex;align-items:center;gap:8px}.memory-row .list-row{flex:1 1;min-width:0;overflow-wrap:anywhere}.profile-photo{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:16px;margin:16px 0}.photo-picker{position:relative;overflow:hidden;margin-top:16px}.photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.consent-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.consent-label input{width:auto;margin-top:6px}.danger-button{background:#fcecea;color:var(--red)}select{font:inherit;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-secondary);color:var(--text);max-width:100%}.skeleton-stack{grid-gap:20px;gap:20px}.skeleton{background:#e8e8ec;border-radius:16px;min-height:24px}.skeleton-title{height:38px;width:65%}.skeleton-card{height:260px;border-radius:28px;background:#ebebee}.skeleton-avatar{height:96px;width:96px;border-radius:50%;margin:auto}.skeleton-bubble{height:70px;width:82%;border-radius:22px}.skeleton-bubble:nth-child(odd){justify-self:end;width:65%}.friendly-state{padding:48px 24px;text-align:center}.friendly-state p{margin-bottom:24px}.bottom-sheet{overflow-y:auto}.gallery-caption{display:grid;grid-gap:4px;gap:4px;padding:12px;background:white;color:var(--text)}.gallery-caption time{font-size:12px;color:var(--muted)}.user-gallery .saved-grid,.user-gallery .tryon-grid{display:grid;columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.user-gallery .saved-grid a,.user-gallery .tryon-grid a{margin:0}.user-gallery .tryon-grid img{aspect-ratio:3/4;object-fit:contain;background:var(--image-bg)}.user-gallery .saved-grid:has(>a:only-child){grid-template-columns:1fr}.user-gallery .saved-grid>a:only-child .flat-lay{max-width:520px;margin:auto}.settings-page .card h2,.settings-page h2{font-size:20px!important;line-height:1.3}.settings-info .daily-occasions,.settings-info .occupation-field,.settings-info .settings-weather{grid-column:1/-1}.settings-info .occupation-field{display:grid;grid-gap:12px;gap:12px}.settings-info .occupation-field .profile-chips{margin:0}.settings-info .daily-occasions{display:grid;grid-gap:12px;gap:12px}.settings-info .daily-occasions .profile-chips{margin:0}.settings-info .pose-field{display:grid;grid-gap:8px;gap:8px;scroll-margin-top:32px}.settings-info>.button,.settings-info>button{justify-self:start}.settings-info>.form-note{grid-column:1/-1}.settings-weather .weather-row{margin:0}.settings-weather svg{vertical-align:middle}.settings-taste{grid-template-columns:1fr!important}.settings-section{padding:16px;background:white;border:1px solid var(--border);border-radius:8px}.settings-section summary{font-size:18px}.settings-section .taste-row{padding:8px 0;border-bottom:1px solid var(--border)}.settings-taste>.button{justify-self:start}.taste-panel{margin:28px 0}.taste-panel .card{margin:0}.taste-preferences{display:grid;grid-gap:16px;gap:16px}.taste-preferences .check-row{display:inline-flex!important;width:auto;margin:8px 16px 8px 0}.taste-preferences .check-row input{width:18px;height:18px;padding:0}.taste-panel input[type=range],.taste-panel progress{accent-color:var(--secondary)}.taste-panel progress{width:100%}.taste-preferences input[type=range]{padding:8px 0}.color-quiz{display:grid;grid-gap:24px;gap:24px}.color-quiz .actions{margin:0}.settings-photos{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-photos>p{grid-column:1/-1}.settings-photos>.card{margin:0}.photo-warning{padding:12px;background:#f5f1e9;border-left:3px solid #877654;border-radius:4px}.photo-warning p{font-size:13px;line-height:1.6;margin:0}.settings-data{grid-template-columns:1fr!important}.settings-data>.button{justify-self:start}.settings-data p{margin:0}@media(min-width:768px){.user-gallery .tryon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.settings-photos{grid-template-columns:1fr!important}.settings-photos>p{grid-column:auto}.user-gallery .saved-grid,.user-gallery .tryon-grid{gap:12px}.gallery-caption{padding:10px}.gallery-caption strong{font-size:13px}.gallery-caption time{font-size:11px}}.settings-page .styled-select{min-width:0}.settings-page input:disabled{opacity:1}.color-quiz .styled-select{min-width:0}.color-quiz>.actions{position:-webkit-sticky;position:sticky;bottom:0;padding:16px 0 4px;background:white}.settings-info .daily-occasions h2{margin:0}.season-picker{display:grid;grid-gap:8px;gap:8px;margin-top:20px}.color-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.taste-preferences .taste-body-group>p{font-weight:var(--weight-bold);margin-bottom:4px}.taste-preferences .check-row{font-weight:var(--weight-normal)}.settings-save{border-top:1px solid var(--border);padding-top:20px;margin-top:8px}.settings-info{align-items:start}.settings-info>label{align-self:start;align-content:start}.settings-info .pose-field{align-self:start}.settings-info-save{grid-column:1/-1;display:grid;justify-items:start;grid-gap:12px;gap:12px}.save-reason{font-size:14px;line-height:1.5;margin:0;color:var(--text)}.taste-block{border:0;border-bottom:1px solid var(--border);padding:12px 0;background:transparent;min-width:0}.taste-block>summary{font-size:18px;font-weight:600;line-height:1.4}.taste-block:not([open])>:not(summary){display:none}.taste-block[open]>:not(summary){margin-top:16px}.taste-block label{align-content:start}.taste-block progress{margin-top:8px}.taste-block input[type=range]{width:100%;max-width:420px}.settings-section{padding:12px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.settings-section summary{font-size:15px;font-weight:600}.settings-save .button{flex:0 0 auto;max-width:100%}.settings-taste,.taste-panel{gap:12px}.settings-photos>.card{display:flex;flex-direction:column;gap:16px}.settings-photos .profile-photo{height:240px;width:100%;max-height:240px;object-fit:contain;margin:0;background:white;border-radius:8px}.photo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px}.photo-actions>.button{margin:0;min-height:44px}.settings-data-group{display:grid;grid-gap:12px;justify-items:start}.danger-zone{display:grid;grid-gap:16px;gap:16px;justify-items:start;padding:24px;border:1px solid #d9938c;border-radius:8px;background:#fff6f5}.danger-zone h2,.danger-zone p{margin:0}.settings-data .danger-zone{margin-top:16px}.user-gallery .tryon-grid img{background:white}.user-gallery{width:100%}.user-gallery :is(.tryon-grid,.saved-grid){width:100%;align-items:start}.selected-photo-preview{display:block;width:auto;max-width:100%;height:auto;max-height:180px;background:white;margin:16px auto}.onboarding-body{padding:24px 0;border:0;background:transparent}.onboarding>.actions{flex-wrap:wrap}.login-form form{padding:0;border:0;background:transparent}@media(min-width:1024px){.skeleton-profile-layout,.user-layout{grid-template-columns:260px minmax(0,1fr)}}.color-quiz{gap:16px}.color-quiz>.form-note{margin:0 0 -8px;color:#444;font-size:14px}.settings-taste>.settings-section,.taste-panel>.taste-block{padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.settings-taste,.taste-panel{gap:16px}.settings-page .profile-panel>.settings-photos,.settings-page .profile-panel>.settings-taste{padding:0;border:0;background:transparent}.settings-save{border:0;margin:0;padding:0}.settings-taste>.settings-save{margin-top:0}.settings-photos>.card{align-self:start}.photo-actions{margin-top:0;padding-top:0}.settings-data-group{gap:12px}.delete-warning{margin-bottom:20px}.onboarding{padding-bottom:24px}.onboarding-body{padding-bottom:0}@media(min-width:768px) and (max-width:1023px){.user-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.user-profile{padding:20px}.user-profile .profile-heading{flex-direction:column;text-align:center}.user-profile .profile-heading .avatar{margin:0}}.settings-section>summary{font-size:18px;line-height:1.4}.auth-page{justify-content:flex-start}.settings-info .settings-weather{border:0;border-radius:0;padding:0 0 20px;background:transparent;border-bottom:1px solid var(--border);margin:0}.settings-page .taste-panel{margin:0;gap:16px}.settings-taste{gap:16px}.taste-block.taste-preferences{display:block}.taste-block:not([open]){padding:20px}.taste-block:not([open])>summary{margin:0}.season-result{font-size:24px;font-weight:600;line-height:1.3}.color-actions>.button{flex:none;white-space:nowrap}.settings-photos>.card{align-self:stretch}.settings-photos .photo-actions{margin-top:auto;padding-top:16px}.onboarding{padding:24px 20px!important;margin-block:24px;min-height:0}.onboarding>.wardrobe-back{margin-top:0}.onboarding-body{padding-top:12px}.onboarding-body>.muted:first-child{margin-top:0}.onboarding h2.spaced{font-size:20px;line-height:1.4}.onboarding .chip{display:inline-flex;align-items:center}.onboarding .actions>input{flex:1 1 200px;min-width:0}.login-form input[aria-invalid=true]{border-color:var(--danger)}.login-secondary-actions{display:flex;flex-wrap:wrap}.login-secondary-actions .button{padding:8px;min-height:40px}.login-form .form{gap:20px}.error-reference{font-family:monospace;font-size:13px}.error-state details{margin:20px 0;line-height:1.6}.skeleton-profile-card{gap:16px}.skeleton-profile-card .skeleton-button{height:44px}@media(min-width:768px) and (max-width:1023px){.user-layout{grid-template-columns:1fr}.user-profile .profile-heading{flex-direction:row;text-align:left}.user-profile{max-width:none}.profile-stats{gap:20px}.skeleton-profile-card .profile-heading{flex-direction:row}}.style-deck{position:relative;overflow:hidden;padding:16px 24px 28px;border-radius:12px;background:var(--bg-3);margin:12px 0 20px}.style-deck .style-card{position:relative;z-index:1;margin:0;padding:16px;touch-action:pan-y;transition:transform .16s ease}.style-deck .style-card,.style-next-card{background:var(--surface);border:1px solid var(--border)}.style-next-card{position:absolute;inset:30px 30px 12px;border-radius:8px;transform:rotate(-2deg);overflow:hidden;opacity:.65}.style-look .flat-lay{height:190px;min-height:0;aspect-ratio:auto;padding:8px;border-radius:4px}.style-card .palette{height:10px;min-height:10px;margin-top:12px}.style-card h2{font-size:22px;margin:16px 0 8px}.style-card p{font-size:14px;line-height:1.6}.swipe-direction{position:absolute;top:20px;left:20px;z-index:2;background:var(--surface);border:2px solid var(--text);padding:8px 16px;border-radius:6px;transform:rotate(-8deg)}.style-counter{font-size:13px;color:var(--muted);margin:12px 0 0}.onboarding-body .actions:has(>input){display:flex;flex-wrap:wrap}.onboarding-body .actions:has(>input)>input{width:100%;flex-basis:220px}.onboarding-body .actions:has(>input)>.button{flex:none}@media(prefers-reduced-motion:reduce){.style-deck .style-card{transition:none}}.settings-page :is(.taste-block,.settings-section)>summary{font-size:16px;line-height:24px;margin:0}.settings-page :is(.taste-block,.settings-section):not([open]){padding:20px}.onboarding-body>.actions:last-of-type{position:-webkit-sticky;position:sticky;bottom:16px;z-index:3;padding:12px 0;background:var(--surface)}.app-shell .onboarding-body>.actions:last-of-type{bottom:0}.select-trigger:disabled{background:var(--bg-3);color:#555;cursor:wait}.onboarding>h1{margin:12px 0 16px}.onboarding-body{padding-top:0}.profile-loading-panel{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.profile-loading-panel .skeleton-icon{width:40px;height:40px}.profile-loading-panel .skeleton-caption{width:min(70%,260px)}.profile-panel .settings-weather{border:0;background:transparent;border-radius:0;margin:0 0 24px;padding:0}.profile-panel .settings-weather .weather-row{line-height:1.7}.settings-page .profile-panel .settings-taste,.settings-page .profile-panel .taste-panel{gap:16px;margin:0}.settings-page .profile-panel .settings-taste>.taste-panel{padding:0;border:0;background:transparent}.onboarding-body>.actions:last-of-type{position:static;bottom:auto;padding:16px 0 0}.onboarding .button{white-space:nowrap}.onboarding .photo-grid>div{display:flex;flex-direction:column;min-width:0}.onboarding .photo-grid .upload-tile{margin-top:auto;min-height:220px}.onboarding .photo-grid .photo-guide{flex:1 1}.onboarding .purpose-options .chip{color:var(--text);border-color:#999;justify-content:flex-start;min-height:48px}.purpose-options .chip:before{content:"";width:18px;height:18px;border:1px solid;border-radius:4px;flex:none}.purpose-options .chip[aria-pressed=true]:before{content:"✓";display:grid;place-items:center}.selected-photo-preview{width:100%;height:280px;max-height:40dvh;object-fit:contain}.bottom-sheet .check-row{min-height:44px;gap:12px}.bottom-sheet .check-row input[type=checkbox]{width:22px;height:22px;flex:none}.login-form input[aria-invalid=true]{border:2px solid var(--danger)!important;background:#fff8f7}.login-secondary-actions>.button{border:1px solid var(--border);background:transparent;color:var(--text);min-height:44px;padding:10px 14px}.style-look .flat-lay{height:240px;padding:0}.style-look .flat-item img{max-height:100%}.style-deck{padding:12px 16px 24px}@media(max-width:767px){.onboarding .photo-grid{grid-template-columns:minmax(0,1fr);gap:24px}.onboarding .photo-grid .upload-tile{min-height:180px}.onboarding .actions{gap:8px}.onboarding .actions>.button{padding-inline:12px}.style-deck{padding-inline:8px}}.selected-photo-preview{height:360px;max-height:50dvh}.onboarding .photo-grid .upload-tile{flex:0 0 220px}.onboarding .photo-grid>div>.photo-guide{min-height:0}.style-look{max-width:320px;margin-inline:auto}.onboarding .chip{color:var(--text);border-color:#999;min-height:44px;gap:6px}.onboarding button.chip:before{content:"";display:inline-block;width:16px;height:16px;border:1px solid;border-radius:4px;flex:none}.onboarding button.chip[aria-pressed=true]:before{content:"✓";display:grid;place-items:center}.onboarding .photo-grid .upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:0 0 180px;min-height:180px;padding:20px}.onboarding .photo-grid .upload-tile strong{margin:0}.onboarding .onboarding-file-label{display:block;margin:0}.onboarding .photo-grid .photo-guide{margin-bottom:16px}.style-deck{padding:24px 36px 32px;overflow:visible}.style-look .flat-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:240px;grid-gap:4px;gap:4px}.style-look .flat-composition .flat-item{grid-column:auto;grid-row:auto;min-height:0}.style-look .flat-composition .flat-top{grid-column:1;grid-row:1}.style-look .flat-composition .flat-bottom{grid-column:1;grid-row:2}.style-look .flat-composition .flat-dress{grid-column:1;grid-row:1/3}.style-look .flat-composition .flat-outerwear{grid-column:2;grid-row:1}.style-look .flat-composition .flat-shoes{grid-column:2;grid-row:2}.style-look .flat-composition:has(.flat-dress) .flat-shoes{grid-row:1}.style-look .flat-composition :is(.flat-bag,.flat-belt){grid-column:2;grid-row:2}.style-look .flat-composition img{width:100%;height:100%;max-height:100%}.login-form #login-error{margin:-12px 0 0;font-size:13px}.login-secondary-actions{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.login-secondary-actions>.button{width:100%;margin:0}.auth-page{margin-block:24px;padding:24px 20px}.style-look .flat-composition{height:auto;aspect-ratio:1;grid-template-rows:minmax(0,4fr) minmax(0,1fr)}.style-look .flat-composition:not(:has(.flat-dress,.flat-outerwear)) .flat-bottom{grid-column:2;grid-row:1}.style-look .flat-composition:not(:has(.flat-dress,.flat-outerwear)) .flat-shoes{grid-column:1/-1;grid-row:2}.style-look .flat-composition{grid-template-rows:minmax(0,7fr) minmax(0,3fr)}.style-look .flat-composition:has(.flat-dress,.flat-outerwear){grid-template-rows:repeat(2,minmax(0,1fr))}.style-look .flat-composition .flat-shoes>img{object-fit:contain;object-position:center}.style-look .flat-composition:not(:has(.flat-dress,.flat-outerwear)) .flat-shoes>img{width:70%}.style-look .flat-composition{background:#d0d0d0}.style-look .flat-composition img{object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 1px 2px #0003)}:root{--danger:#b42318;--focus-ring:#165ec9}.button:disabled,button:disabled{opacity:1;background:#e2e2e2;color:#555;border-color:#c8c8c8;cursor:not-allowed}.button-secondary{background:transparent;border:1px solid #bdbdbd;color:var(--text)}.button-danger{background:var(--danger);color:white}.button-danger:active{background:#891a12}.button:not(:disabled):active,.icon-button:not(:disabled):active{transform:scale(.96);filter:brightness(.82)}:where(input[type=checkbox],input[type=range],progress){accent-color:var(--secondary)}input[type=search]::-webkit-search-cancel-button{display:none}textarea{resize:none;border:1px solid #bdbdbd;border-radius:8px;background:var(--surface-secondary);padding:12px;min-height:100px;color:var(--text);width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23222'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px!important}.skip-link{left:50%;top:12px;transform:translate(-50%,-180%);white-space:nowrap}.skip-link:focus{transform:translateX(-50%)}.skip-link:not(:focus){opacity:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);pointer-events:none}#main-content:focus,.bottom-sheet:focus{outline:none;box-shadow:none}.bottom-sheet{box-shadow:0 16px 60px #0004;overscroll-behavior:contain;scroll-padding-bottom:24px}.bottom-sheet::-webkit-backdrop{background:rgba(0,0,0,.58)}.bottom-sheet::backdrop{background:rgba(0,0,0,.58)}.sheet-body>.actions{position:-webkit-sticky;position:sticky;bottom:-1px;background:white;padding:16px 0 4px;margin-top:20px}.feedback-submit{margin-top:24px}.feedback-bar>.actions{width:max-content;flex-wrap:nowrap}.feedback-bar>.actions>.button{flex:0 0 auto;padding:8px!important;width:42px}.home .outfit-actions{display:flex;flex-wrap:wrap}.home .outfit-actions>.feedback-bar{margin-left:auto}.home .outfit-actions .feedback-bar .actions{margin-top:0!important}.suggestion-grid:has(>.suggestion-card:only-child){grid-template-columns:1fr}.suggestion-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.week-tile{background:transparent;border-color:#aaa}.week-tile .flat-lay{background:transparent;grid-auto-rows:0;min-height:0}.week-tile .flat-item img{height:100%;max-height:100%;min-height:0}.week-tile .library-label{display:none}.home .outfit-skeleton{height:auto;min-height:280px;padding:24px;gap:16px}.skeleton-outfit-pieces{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:80px 100px;grid-gap:12px;gap:12px;width:min(100%,360px)}.skeleton-outfit-pieces i{height:auto}.skeleton-outfit-pieces i:first-child{grid-row:span 2}.error-state{min-height:calc(100dvh - 200px);display:grid;place-items:center}.error-state>.card{width:100%;max-width:520px;text-align:center;padding:40px 24px}.error-state h1{font-size:var(--heading-5);line-height:1.15;margin-top:20px;text-wrap:balance}.error-state p{text-wrap:pretty;margin-bottom:24px}.skeleton-stack{display:grid;grid-gap:24px;gap:24px}.skeleton{background:linear-gradient(100deg,#e7e7e7 25%,#f4f4f4 45%,#e7e7e7 65%);background-size:250% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:8px}.skeleton-title{height:18px;width:180px}.skeleton-heading{height:48px;width:60%}.skeleton-topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:24px}.skeleton-tool{width:100px;height:32px}.skeleton-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:16px 0;color:var(--muted)}.skeleton-filter-row{display:flex;gap:8px;overflow:hidden}.skeleton-chip{width:90px;height:32px;flex-shrink:0}.skeleton-product{aspect-ratio:4/5;height:auto!important}.skeleton-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.skeleton-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.skeleton-profile-layout{display:grid;grid-gap:32px;gap:32px}.skeleton-profile-card{padding:24px;background:white;display:grid;grid-gap:24px;gap:24px}.skeleton-profile-card .skeleton-avatar{width:96px;height:96px;border-radius:50%}@keyframes skeleton-shimmer{to{background-position:-250% 0}}@media(min-width:1024px){.home-brand{display:none}.home-topbar{justify-content:flex-end}.skeleton-profile-layout{grid-template-columns:300px minmax(0,1fr)}.skeleton-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.bottom-sheet{bottom:calc(82px + env(safe-area-inset-bottom));max-height:calc(100dvh - 114px - env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.suggestion-card:only-child{display:flex}.home-section-heading{flex-wrap:wrap;gap:8px}.home-section-heading>span{display:block}.week-empty span{display:block;font-size:11px;text-align:center;line-height:1.4}.week-empty{gap:5px}}@media(prefers-reduced-motion:reduce){.spinner{border:0;border-radius:0;width:auto;height:auto;animation:none}.spinner .sr-only{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal}.typing-dots{animation:none!important}.skeleton{background:#e5e5e5}}#main-content:focus,.bottom-sheet:focus{outline:none!important;box-shadow:none!important}@media(min-width:768px){.suggestion-grid:not(:has(>.suggestion-card:only-child)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.suggestion-grid:not(:has(>.suggestion-card:only-child)){grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes typing-pulse{0%{opacity:.45}to{opacity:1}}.styled-select{position:relative;min-width:140px}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:40px;padding:8px 12px;color:var(--text);text-align:left;font-weight:500}.select-options,.select-trigger{background:white;border:1px solid #bdbdbd;border-radius:8px}.select-options{position:absolute;top:calc(100% + 6px);left:0;z-index:15;min-width:180px;margin:0;padding:6px;list-style:none;box-shadow:0 8px 24px #0002}.select-options li{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-radius:4px;cursor:pointer}.select-options li.is-focused{background:var(--bg-3)}.select-options li[aria-selected=true]{font-weight:700}.home-occasion>.card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px}.home-occasion>.card:not(.suggestion-error) p{margin:0;flex:1 1 220px}@media(max-width:767px){.skip-link{top:84px}}.feedback-sheet-actions{width:100%!important}.feedback-sheet-actions>.button{width:auto!important;flex:1 1!important}.feedback-sheet-actions .feedback-submit{margin-top:0}.approval-content h2{font-size:18px}.bottom-sheet .approval-content{margin-top:20px}.bottom-sheet .approval-content>.actions{position:-webkit-sticky;position:sticky;bottom:0;padding:16px 0 0;background:white}.auth-page{min-height:0;margin:clamp(24px,8vh,80px) auto}.login-form{margin-top:28px}.login-form h2{font-size:20px}.login-form .form-note{margin:0}.approval-content>.actions{flex-wrap:wrap}.bottom-sheet input:not([type=checkbox]){border-color:#bdbdbd}:root :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 2px white}:root :where(input,textarea,select):focus-visible{border-color:var(--focus-ring);background:white}#home-content:focus{outline:none;box-shadow:none}.week-tile.week-empty{border:1px dashed #818181;padding:8px 4px;color:#555}.week-tile.week-empty:hover{border-color:var(--text);background:var(--bg-3)}.week-day,.week-outfits{min-width:0}.week-tile .flat-lay{width:100%;max-width:100%;overflow:hidden}.week-tile .flat-item{overflow:hidden}.flat-item .library-label{font-size:11px;line-height:1.4;color:#444;background:#fff;border:1px solid #bbb;padding:2px 5px;white-space:normal;text-align:center}.feedback-status:empty{display:none}.feedback-status{font-size:12px;line-height:1.5;margin:8px 0 0;flex-basis:100%;color:var(--text)}.bottom-sheet{overflow:hidden;max-height:calc(100dvh - 48px);opacity:0;transform:translateY(12px);transition:opacity .16s ease,transform .16s ease,display allow-discrete .16s,overlay allow-discrete .16s}.bottom-sheet[open]{opacity:1;transform:none}.bottom-sheet>.sheet-heading{flex-shrink:0;margin-bottom:12px}.bottom-sheet>.sheet-handle{flex-shrink:0}.sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0 2px 2px;scroll-padding-bottom:80px}.sheet-body::-webkit-scrollbar{display:none}.sheet-body .actions{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);padding:12px 0 4px;z-index:2;margin-top:12px}.sheet-subtitle{font-size:18px;line-height:1.4;margin:12px 0}.feedback-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 16px;gap:8px 16px;margin:16px 0}.feedback-reasons .check-row{gap:8px}.sheet-body textarea{min-height:64px}.feedback-sheet-actions{margin-top:12px!important}.system-topbar{padding:16px;border-bottom:1px solid var(--border)}.system-topbar+.app-main .error-state{min-height:calc(100dvh - 230px)}.app-main:has(>.error-state){display:grid;align-items:center;min-height:100dvh}.error-state{min-height:calc(100dvh - 160px)}.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.skeleton-page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px}.skeleton-page-heading .skeleton-chip{width:90px}.skeleton-profile-layout .skeleton-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-profile-layout .skeleton-product{aspect-ratio:3/4}.skeleton-profile-card{align-content:start}.skeleton-loading{font-size:13px;margin:0;color:var(--muted)}@keyframes toast-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes toast-out{to{opacity:0;translate:0 -8px}}@starting-style{.bottom-sheet[open]{opacity:0;transform:translateY(12px)}}@media(min-width:768px){.system-topbar{display:none}.feedback-reasons{gap:10px 20px}}@media(max-width:767px){.bottom-sheet{max-height:calc(100dvh - 114px - env(safe-area-inset-bottom))}.week-strip{overflow-x:auto;scrollbar-width:none;grid-template-columns:repeat(7,minmax(64px,1fr));padding-bottom:4px}.week-empty span{font-size:11px}.week-empty{min-height:90px}.feedback-reasons{font-size:13px}}@media(prefers-reduced-motion:reduce){.spinner{border:0;border-radius:0;width:auto;height:auto}.spinner-label{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal}.skeleton-stack:after{content:none}.typing-dots{font-size:0;letter-spacing:normal}.typing-dots:after{content:"Đang trả lời…";font-size:14px;letter-spacing:normal}.skeleton{background:#e5e5e5}.bottom-sheet{transition:none;animation:none}}.app-main:has(>.error-state){min-height:calc(100dvh - 72px)}.app-main>.error-state,.system-topbar+.app-main .error-state{min-height:0}.system-topbar+.app-main{flex:1 1}.app-shell:has(>.system-topbar):has(>.app-main>.error-state){display:flex;flex-direction:column;min-height:100dvh}@media(min-width:768px){.app-main:has(>.error-state){min-height:100dvh}}.skeleton-page-tools{display:flex;align-items:center;gap:12px}.skeleton-profile .skeleton-page-heading{margin:12px 0 8px}.app-main .empty-state h2,.bottom-sheet .empty-state h2{font-size:20px;line-height:1.4}.bottom-sheet .empty-state{padding:24px 8px}.bottom-sheet .empty-icon{width:44px;height:44px;margin-bottom:16px}.bottom-sheet .empty-icon svg{width:24px;height:24px}.button-danger:disabled{background:#fce5e3;color:#8f2820;border:1px solid #dc9c95}@media(max-width:767px){.bottom-sheet:has(.photo-crop-area){max-height:calc(100dvh - 160px - env(safe-area-inset-bottom))}.bottom-sheet:has(.photo-crop-area) .sheet-handle{display:block;min-height:4px;margin-bottom:12px}}@media(min-width:768px) and (max-width:1023px){.home-topbar>.home-brand{visibility:hidden}}@media(max-width:767px){.week-strip{grid-template-columns:repeat(7,76px);gap:12px}.week-empty{padding:8px}.week-empty span{font-size:12px;line-height:1.5;text-align:center}.home-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.home-section-heading>span{font-size:12px}}.app-shell:has(>.app-main>.error-state)>.system-topbar{display:block}.button-danger-outline{color:var(--danger);border:1px solid var(--danger);background:transparent}.button-danger-outline:not(:disabled):hover{background:#fff1f0}.form :is(input:not([type=checkbox]):not([type=range]):not([type=file]),select,.select-trigger),.onboarding :is(input:not([type=checkbox]):not([type=range]):not([type=file]),select,.select-trigger){min-height:48px;border:1px solid #bdbdbd;border-radius:8px;background-color:var(--surface);padding:12px;color:var(--text);font-weight:400}.layer-alternatives,.occasion-chips,.profile-chips,.wardrobe-categories,.week-strip{padding:6px;scroll-padding:6px}.week-empty{border-color:#777}.week-empty:hover{border-color:var(--text);background:var(--bg-3)}.wardrobe-tabs a{border-radius:8px;align-self:center;margin:0 0 4px;padding-block:12px}.wardrobe-tabs{padding-top:4px;gap:4px}@media(min-width:768px){.app-shell:has(>.app-main>.error-state)>.system-topbar{display:none}}@media(max-width:767px){.bottom-sheet{inset:auto 0 0;bottom:0;margin:0;width:100%;max-height:calc(100dvh - 24px);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.bottom-sheet::-webkit-backdrop{background:#0009}.bottom-sheet::backdrop{background:#0009}.bottom-sheet:has(.photo-crop-area){max-height:calc(100dvh - 24px)}}.skeleton-page{display:block;width:100%;min-width:0}.skeleton-page .skeleton{min-height:0}.skeleton-tile{min-width:0}.skeleton-caption{height:16px;width:80%;margin-top:10px}.skeleton-caption.short{width:45%}.skeleton-button{height:44px;width:100%;max-width:140px}.skeleton-page .skeleton-tabs{gap:0;padding:0}.skeleton-tabs>span{display:block;flex:1 1;text-align:center;padding:16px;border-bottom:2px solid transparent;line-height:24px}.skeleton-tabs>span:first-child{border-bottom-color:var(--text)}.wardrobe-tabs.skeleton-tabs>span{flex:0 0 160px}.skeleton-page .wardrobe-heading>.skeleton-loading{margin-left:auto}.skeleton-page .wardrobe-heading>.skeleton-button{width:90px}.skeleton-profile .skeleton-page-heading{margin:12px 0 32px;min-height:0}.skeleton-profile-card{display:block;align-self:start;gap:0;border:1px solid var(--border);border-radius:8px}.skeleton-profile-card .skeleton-avatar{width:72px;height:72px;margin:0;flex:none}.skeleton-profile-card .skeleton-name{width:110px;height:24px}.skeleton-stat{width:28px;height:26px;margin:auto}.skeleton-profile-card .profile-stats>div{flex:1 1;min-width:0}.skeleton-profile-card .profile-stats .skeleton-caption{height:14px;width:48px;margin-inline:auto}.skeleton-profile-card>.skeleton-button{max-width:none}.skeleton-profile .tryon-grid .skeleton-product{aspect-ratio:3/4}.skeleton-profile .profile-tabs{border-bottom:1px solid var(--border)}.skeleton-eyebrow{width:160px;height:20px}.skeleton-home-heading{width:75%;height:var(--heading-4);margin:12px 0 20px}.skeleton-greeting{width:90%;height:28px;margin-top:12px}.skeleton-week-label{width:44px;height:16px}.skeleton-date{width:32px;height:32px;border-radius:50%}.skeleton-occasion{width:90px;height:20px;margin:32px 0 16px}.skeleton-preview{aspect-ratio:1;width:100%}.skeleton-home .suggestion-content{gap:12px}.skeleton-home .suggestion-content>.skeleton-caption{margin:0}.skeleton-home .suggestion-content>.skeleton-button{margin-top:8px}@media(min-width:1024px){.skeleton-profile-card .skeleton-avatar{width:96px;height:96px}}@media(max-width:767px){.wardrobe-tabs.skeleton-tabs>span{flex:1 1;min-width:0}.skeleton-page .wardrobe-heading{gap:8px}.skeleton-page .wardrobe-heading>.skeleton-button{width:70px}.skeleton-home .home-section-heading{margin-bottom:24px}}.skeleton-eyebrow{height:28px;margin-top:12px}.skeleton-greeting-line{height:20px;margin-top:4px}.skeleton-greeting-line.mobile-line{display:none;width:75%;margin-top:8px}.home-section-heading>.skeleton-section-note{display:block;width:180px;height:16px}.skeleton-home .weather-chip{min-width:100px;text-align:center}@media(max-width:767px){.skeleton-greeting{height:56px}.skeleton-greeting-line.mobile-line{display:block}}.skeleton-page .wardrobe-sort{width:140px}.loading-indicator{display:inline-flex;align-items:center;gap:10px;min-width:0;line-height:1.5}.loading-label{font-size:14px}.loading-indicator>.spinner{flex:none;width:20px;height:20px;border:2px solid;border-right:2px solid transparent;border-radius:50%}.suggestion-loading-label{grid-column:1/-1}.home .suggestion-grid.outfit-skeleton{display:grid;padding:0;background:transparent;border:0;min-height:0;height:auto;grid-gap:20px;gap:20px}.suggestion-grid.outfit-skeleton .skeleton-preview{min-height:240px}.suggestion-error>svg{margin-bottom:12px}.suggestion-error h4{margin:0 0 12px}.skeleton-page>.skeleton-loading{display:block;margin:12px 0 20px}.skeleton-wardrobe .skeleton-tile{display:block}.bottom-sheet .sheet-heading>button{width:44px;height:44px;min-height:44px;padding:0;font-size:28px;line-height:1;flex:0 0 44px}.sheet-body>.actions:last-child{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);padding-top:16px}.sheet-body .actions{flex-wrap:wrap}.sheet-body .actions>.button{flex:0 1 auto;min-width:100px}.system-topbar{justify-content:space-between}.empty-icon{display:grid;place-items:center;margin:0 auto 16px;width:48px;height:48px;color:var(--muted)}.empty-icon svg{width:32px;height:32px}.week-scheduled{display:block;font-size:11px;font-weight:600;line-height:1.35;margin-top:6px}.week-outfit-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.35;margin-top:4px}.week-tile:has(.week-scheduled){height:auto;aspect-ratio:auto;padding:6px;background:var(--surface);border-color:#888}.week-tile:has(.week-scheduled) .flat-lay{aspect-ratio:1;min-height:0;padding:0;overflow:visible}.week-tile .flat-composition .flat-item{overflow:visible}.week-empty{border-color:#777!important}@media(max-width:767px){.week-strip{grid-template-columns:repeat(7,92px)!important;gap:12px!important}.week-tile:has(.week-scheduled) .flat-lay{height:112px}.bottom-sheet{max-height:calc(100dvh - 24px);bottom:0}.suggestion-grid.outfit-skeleton .skeleton-preview{min-height:0}}@media(prefers-reduced-motion:reduce){.loading-indicator>.spinner,.spinner[aria-hidden=true]{display:none}.loading-label{display:inline}.skeleton{background:#e5e5e5}.loading-indicator{min-height:24px}}.sheet-body .actions>.button{white-space:nowrap}.bottom-sheet .sheet-heading>button.button.button-ghost{font-size:28px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}@media(max-width:767px){.week-strip:has(.week-scheduled) .week-empty{min-height:170px;aspect-ratio:auto}}@media(min-width:1200px){.skeleton-wardrobe .skeleton-tile:nth-child(n+11){display:none}}@media(max-width:767px){.skeleton-wardrobe .skeleton-tile:nth-child(n+9){display:none}}@media(max-width:767px){.app-shell:has(>.app-main>.error-state)>.system-topbar{display:flex;align-items:center}}.home-section-heading>.week-scroll-hint{display:none}@media(max-width:767px){.home-section-heading>.week-desktop-note{display:none}.home-section-heading>.week-scroll-hint{display:flex;align-items:center;gap:6px}}.sheet-body{overflow-x:hidden;min-width:0}.sheet-body>.actions{display:flex;gap:12px}.sheet-body>.actions>.button{flex:1 1;min-width:0;padding-inline:10px}.home .suggestion-grid.outfit-skeleton{place-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.suggestion-grid.outfit-skeleton>.suggestion-card{width:100%;min-width:0;justify-self:stretch}.suggestion-grid.outfit-skeleton .skeleton-preview{width:100%;height:auto;aspect-ratio:1;min-height:0}.home .suggestion-error{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.suggestion-error p{margin:0;color:var(--muted);font-size:15px}.week-day{display:flex;flex-direction:column}.week-outfits{flex:1 1;display:flex;flex-direction:column}.week-day>.week-tile,.week-outfits>.week-tile{flex:1 1;min-height:180px}.week-tile:has(.week-scheduled) .flat-lay{height:100px;aspect-ratio:auto;overflow:hidden}.week-tile .flat-composition .flat-item{overflow:hidden}.week-tile .flat-composition{padding:2px;gap:2px}.week-tile .flat-composition img{max-width:100%;max-height:100%}.week-strip{align-items:stretch}.week-strip .week-day-label{position:static;opacity:1;visibility:visible}.skeleton-page .wardrobe-categories{padding-inline:0}.skeleton-profile .skeleton-page-heading{display:block}.skeleton-profile .skeleton-loading{display:block;margin:12px 0 20px}.skeleton-profile .profile-loading-panel{border:0;background:transparent}.error-reference{font-family:inherit}.error-state details>summary,.photo-guide>summary,.preview-samples details>summary{list-style:none;display:flex;align-items:center;gap:12px}.error-state details>summary::-webkit-details-marker,.photo-guide>summary::-webkit-details-marker,.preview-samples details>summary::-webkit-details-marker{display:none}.error-state details>summary:after,.photo-guide>summary:after,.preview-samples details>summary:after{content:"";width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;rotate:45deg;margin-left:auto;flex:none}.error-state details[open]>summary:after,.photo-guide[open]>summary:after,.preview-samples details[open]>summary:after{rotate:225deg}@media(max-width:767px){.home .suggestion-grid.outfit-skeleton{grid-template-columns:minmax(0,1fr)}.sheet-body>.actions>.button{min-height:44px}.week-day-label>span{display:block!important}.week-day>.week-tile,.week-outfits>.week-tile{min-height:192px}.sheet-body .actions>.button{flex:1 1;min-width:0}.skeleton-profile .profile-tabs{border:0;border-bottom:1px solid var(--border);background:transparent;border-radius:0}.suggestion-grid.outfit-skeleton .suggestion-card{display:flex;flex-direction:column}.week-strip{grid-template-columns:repeat(7,calc((100% - 24px)/3))!important;scroll-snap-type:x mandatory}.week-day{scroll-snap-align:start}}.wardrobe-tabs a{align-self:stretch;margin-bottom:-1px;border-radius:0}.wardrobe-tabs{padding-top:0;gap:0}.sheet-body .actions>.button{flex:1 1 140px;min-width:0}.toast{position:fixed;transform:none;width:auto;inset:auto 24px 24px auto;z-index:100;display:flex;align-items:center;gap:8px;max-width:min(440px,calc(100vw - 48px));padding:8px 12px;background:var(--text);color:var(--surface);border-radius:8px;box-shadow:var(--shadow);animation:toast-in .16s ease both}.toast>span{min-width:0;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.toast>svg{flex:none}.toast>button{width:32px;height:32px;border:0;padding:0;background:transparent;color:inherit;font-size:24px;flex:none}.toast.is-leaving{animation:toast-out .16s ease both}@media(max-width:767px){.toast{inset:auto 16px calc(88px + env(safe-area-inset-bottom)) 16px;max-width:none}.toast>button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.home .suggestion-error{min-height:0;height:auto;justify-content:flex-start}.home .suggestion-error>.button{margin-top:0;align-self:flex-start}.home .outfit-skeleton .suggestion-content{gap:12px}.home .outfit-skeleton .suggestion-content>.skeleton{margin:0}.suggestion-content{padding:16px}.home .suggestion-card .outfit-actions{display:grid;grid-template-columns:auto minmax(0,1fr) 114px;grid-gap:6px;gap:6px;align-items:center;flex-wrap:nowrap}.home .suggestion-card .outfit-actions>.button{padding-inline:10px;font-size:12px;white-space:nowrap}.home .suggestion-card .detail-link{font-size:12px;white-space:nowrap}.home .suggestion-card .feedback-bar>.actions{margin:0!important;gap:6px!important;flex-wrap:nowrap}.home .suggestion-card .feedback-bar>.actions>.button:first-child{width:76px!important;min-width:76px;padding:0 6px;font-size:12px;white-space:nowrap;gap:4px}.home .suggestion-card .feedback-bar>.actions>.button:last-child{width:32px!important;min-width:32px;padding:0}.home .suggestion-card .feedback-bar>.actions>.button{height:42px;min-height:42px}.home .suggestion-card .feedback-bar svg{width:18px;height:18px;flex:none}.week-navigation{display:none}.skeleton-profile .skeleton-page-heading{position:relative}.skeleton-profile .skeleton-page-heading>.skeleton-loading{position:absolute;top:100%;left:0;margin:4px 0 0;font-size:12px}.bottom-sheet .consent-label{min-height:44px;align-items:center;gap:12px}.bottom-sheet .consent-label>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-content:center;width:22px;min-width:22px;height:22px;margin:0;border:1px solid #777;border-radius:4px;background:var(--surface);padding:0}.bottom-sheet .consent-label>input[type=checkbox]:checked{background:var(--text)}.bottom-sheet .consent-label>input[type=checkbox]:checked:after{content:"";width:6px;height:11px;border-right:2px solid white;border-bottom:2px solid white;rotate:45deg;translate:0 -2px}@media(max-width:767px){.week-navigation{display:flex;gap:8px}.week-navigation button{min-width:36px;height:36px}.home-section-heading:has(.week-navigation){display:grid;grid-template-columns:1fr auto}.home-section-heading:has(.week-navigation)>h2{grid-column:1/-1}}.week-nav-prev svg{rotate:180deg}.feedback-bar>.actions>.button:has(>.liked-label){width:auto;min-width:auto;white-space:nowrap;gap:6px;padding-inline:10px!important}.feedback-bar>.actions>.button>svg{flex:none}.scroll-fade-row{min-width:0;max-width:100%;--fade-start:0px;--fade-end:0px}.scroll-fade-row[data-before=true]{--fade-start:24px}.scroll-fade-row[data-after=true]{--fade-end:24px}.scroll-fade-row>.wardrobe-categories{min-width:0;max-width:100%;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent)}.library-browser{margin-block:24px;min-width:0}.library-brands{margin-block:12px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));grid-gap:16px;gap:16px}.library-grid article{min-width:0}.library-tile{border:0;background:transparent;width:100%;cursor:pointer}.library-tile img{height:180px;background:#f6f4ef;border-radius:12px}.library-tile span{display:block;margin-block:8px;overflow-wrap:anywhere}.library-images img{width:70%;max-height:320px}.tryon-item-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-block:12px}.tryon-item-thumbs a,.tryon-item-thumbs button{display:block;width:48px;height:60px;padding:3px;border:1px solid #dedbd3;border-radius:8px;background:#fff;overflow:hidden;font-size:10px}.tryon-item-thumbs img{width:100%!important;height:100%!important;object-fit:contain!important}.library-trigger{cursor:pointer}.progress-banner{margin-block:16px}.progress-banner>.icon-button{float:right}.progress-banner h2{font-size:18px}.progress-banner progress{width:min(100%,320px)}.item-field-rows{margin-block:16px}.item-field-row{display:flex;justify-content:space-between;gap:16px;text-align:left;width:100%;padding:12px 0;border:0;border-bottom:1px solid #dedbd3;background:transparent;cursor:pointer}.item-field-row strong{max-width:65%;overflow-wrap:anywhere}.avatar-value{max-width:560px;margin:24px auto}.avatar-value-pictures{display:flex;justify-content:center}.avatar-value-pictures figure{margin:0;flex:1 1;text-align:center}.avatar-value-pictures svg{max-height:240px}.item-detail .actions,.occasion-label,.onboarding-body>.actions{flex-wrap:wrap}.onboarding-body>.actions>.button{max-width:100%;overflow-wrap:anywhere}.item-detail .form>label[hidden]{display:none!important}dialog.bottom-sheet:not([open]){display:none}.add-layer-results .add-layer-grid,.editor-layer .layer-alternatives{scrollbar-width:none}.add-layer-results .add-layer-grid::-webkit-scrollbar,.editor-layer .layer-alternatives::-webkit-scrollbar{display:none}.home .progress-banner:has(>.icon-button),.skeleton-home .skeleton-progress{min-height:226px}.skeleton-home .skeleton-progress{height:226px}.skeleton-profile .skeleton-progress,.user-page>.progress-banner{min-height:160px}.skeleton-profile .skeleton-progress{height:160px}@media(max-width:767px){.skeleton-profile .skeleton-progress,.user-page>.progress-banner{min-height:204px}.skeleton-profile .skeleton-progress{height:204px}}.bottom-sheet[open]{display:flex;flex-direction:column;overflow:hidden}.bottom-sheet>.sheet-handle,.bottom-sheet>.sheet-heading{flex:none}.bottom-sheet>.sheet-body{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:2px}.bottom-sheet .sheet-body .actions>.button{white-space:normal}.bottom-sheet .selected-photo-preview{height:200px;max-height:25dvh}.bottom-sheet .photo-crop-actions{position:-webkit-sticky!important;position:sticky!important;bottom:0;background:var(--surface);padding:12px 0}.onboarding button.chip:before,.onboarding button.chip[aria-pressed=true]:before{display:none;content:none}.coordinate-picker .wardrobe-tile[aria-pressed=true] .wardrobe-image{outline:2px solid var(--text);outline-offset:-2px;box-shadow:none}.coordinate-picker .wardrobe-grid .wardrobe-tile[aria-pressed=true]{outline:0}.scroll-fade-row{position:relative}.scroll-fade-row[data-after=true]:after{position:absolute;right:0;top:0;bottom:20px;width:24px;pointer-events:none}@media(prefers-reduced-motion:reduce){.typing-dots:after{content:" Đang trả lời…";font-size:13px}.skeleton-preview:before{content:"Đang tải…";display:grid;position:absolute;inset:0;place-items:center;color:var(--muted);font-size:13px}}.bottom-sheet:has(.add-layer-content){height:min(520px,calc(100dvh - 120px))!important;display:flex;flex-direction:column}.bottom-sheet:has(.add-layer-content)>.sheet-body{flex:1 1;min-height:0;overflow:hidden}.add-layer-content{height:100%;min-height:0}.add-layer-results{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden}.layer-type-chips .has-layer:before{content:none}.button:disabled,.icon-button:disabled{color:#595959;background:#ededed;border-color:#bcbcbc;opacity:1;cursor:not-allowed}.chip.is-selected,.chip[aria-pressed=true],.onboarding .chip[aria-pressed=true]{color:var(--surface);background:var(--text);border-color:var(--text)}.chip input[type=checkbox]{display:none}.progress-banner{position:relative;margin:24px 0;padding:20px;min-width:0}.progress-banner:has(>.icon-button){padding-right:68px}.progress-banner>.icon-button{top:12px;right:12px}.progress-banner h2{font-size:var(--card-title);line-height:1.4;margin-bottom:12px}.progress-banner ul{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:12px 0 0}.progress-banner li{min-width:0}.progress-banner li .button{font-size:13px;white-space:normal;min-height:40px}.progress-banner progress{max-width:100%}.skeleton-progress{min-height:150px}.skip-link:focus{z-index:110;top:8px;left:8px;box-shadow:0 4px 20px #0003}.app-main:focus{outline:0}.home .week-section{padding-top:16px}.week-section>.home-section-heading{margin-bottom:12px}.home .suggestion-error h4{font-size:var(--card-title)}.home .suggestion-error p{font-size:var(--label)}.home .suggestion-card .outfit-actions .detail-link{padding:0 10px;min-height:42px}.feedback-reasons{align-items:stretch}.feedback-reasons .check-row{margin:0;min-height:64px;line-height:1.4}.outfit-board .board-grid{--board-unit:min(560px,calc((92cqw - var(--board-gap)*(var(--board-max-columns) - 1))/var(--board-max-columns)),calc((92cqh - var(--board-gap)*var(--board-row-gaps))/var(--board-row-units)))}.outfit-board .board-bag{height:100%;max-height:calc(var(--board-unit)*1.2)}.board-missing{display:grid;place-items:center;width:100%;height:100%;color:var(--muted)}.board-missing svg{width:42%;height:42%}.board-pin{position:absolute;bottom:3px;right:3px;background:var(--surface);border-radius:4px;padding:2px}.outfit-board .board-item{outline-offset:-2px}.outfit-board .board-item:has(.board-pin){outline:2px solid var(--secondary)}@container outfit-board (max-height:140px){.board-pin{display:none}.outfit-board .board-grid{--board-gap:1px}}.item-neighbours{display:flex;justify-content:space-between;gap:8px;margin:0 0 16px}.item-neighbours .button{min-height:36px;padding:6px 12px;font-size:13px}.item-field-row .field-value{font-weight:600}.item-field-row .field-empty{color:var(--muted);font-weight:400;text-decoration:underline;text-underline-offset:3px}.item-styling-controls{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.item-styling-controls .form-note{margin:8px 0}.item-detail-info .item-detail-edit{margin-top:20px}.attribute-colors{border:0;padding:0;min-width:0}.attribute-colors legend{font-size:var(--label);font-weight:600}.attribute-colors .chips{max-height:240px;overflow-y:auto}.attribute-colors .chip{min-height:38px}.item-detail .item-field-rows .item-field-row{gap:20px}.library-browser>h2{font-size:var(--card-title);margin:24px 0 16px}.library-browser>.form{font-size:var(--label);font-weight:600;gap:8px}.library-brands{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.library-grid{align-items:stretch}.library-grid>article{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.library-tile{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:0;text-align:left;gap:0}.library-tile img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f3f3f3;mix-blend-mode:multiply}.library-tile>span{display:block;padding:12px;font-size:var(--label);line-height:1.5;overflow-wrap:anywhere}.library-card-actions{display:grid;grid-gap:8px;gap:8px;padding:12px;margin-top:auto}.library-card-actions .button{width:100%;font-size:12px;padding:8px;white-space:normal}.library-product{display:grid;grid-gap:16px;gap:16px;padding-bottom:8px;min-width:0}.library-product>h2,.library-product>p{margin:0}.library-product>h2{font-size:var(--card-title);line-height:1.5}.library-product>.actions{position:static!important;inset:auto;display:grid;grid-template-columns:1fr 1fr;padding:0;margin:0;box-shadow:none;background:none}.library-product>.actions>*{white-space:normal;min-width:0}.library-images{display:flex;overflow-x:auto;scrollbar-width:none;gap:12px;max-height:280px;min-width:0}.library-images::-webkit-scrollbar{display:none}.library-images img{display:block;flex:0 0 auto;max-width:100%;height:260px;object-fit:contain;background:#f3f3f3;mix-blend-mode:multiply}.tryon-item-thumbs{padding:12px;gap:10px;background:var(--surface);border-radius:0 0 8px 8px;margin:0;scrollbar-width:none}.tryon-item-thumbs>a,.tryon-item-thumbs>button{display:flex;flex-direction:column;gap:4px;flex:0 0 76px;width:76px;height:auto;padding:0;border:0;background:transparent}.tryon-item-thumbs img{width:76px;height:76px;object-fit:contain;background:#f3f3f3;mix-blend-mode:multiply}.tryon-item-thumbs span{display:block;width:76px;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wardrobe-sort>.text-small{font-size:var(--label)}.scroll-fade-row[data-after=true]:after{content:"›";display:grid;place-items:center;font-size:24px;color:var(--text);background:linear-gradient(90deg,transparent,var(--bg) 45%)}.picker-item-image,.picker-selected-item,.wardrobe-tile{position:relative}.wardrobe-grid .wardrobe-tile[aria-pressed=true]{outline:2px solid var(--text);outline-offset:-2px;border-width:0}.coordinate-history>h2,.picker-tray h2{font-size:var(--card-title)}.picker-tray h2{white-space:nowrap}.editor-layer header{flex-wrap:wrap;gap:8px}.editor-layer header h2{min-width:0;line-height:1.5}.hidden-layer-label{display:inline-block;font-size:12px;padding:2px 6px;background:var(--bg-3);border-radius:4px;color:var(--text)}.editor-layer.is-hidden{opacity:1}.editor-layer.is-hidden .editor-layer-items{opacity:.6}.editor-panel{padding-bottom:32px}.add-layer-content,.add-layer-grid,.picker-selected{scrollbar-width:none}.add-layer-grid::-webkit-scrollbar{display:none}.layer-choice span{font-size:var(--label)}.outfit-details-panel>.button{margin-bottom:16px}.outfit-details-panel .outfit-detail-block h2{font-size:var(--card-title)}.outfit-item-controls{gap:6px}.outfit-item-controls .button{font-size:12px;padding:6px 10px;min-height:36px}.swap-saving{height:auto;position:absolute;top:12px;right:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.outfit-details-visual{position:relative}.outfit-caption{margin-top:16px}.package-previews,.package-previews>div{min-width:0}.package-previews .flat-lay{min-height:130px}.settings-info input[aria-invalid=true]{border-color:var(--red);outline-color:var(--red)}.settings-info small.error{font-size:13px;line-height:1.5}.photo-pictograms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.photo-pictograms:has(figure:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.photo-pictograms figure{max-width:none}.photo-guide summary{display:flex;justify-content:space-between;align-items:center;gap:12px}.photo-guide summary small{white-space:nowrap}.photo-crop-actions{position:static!important;flex-wrap:wrap}.photo-crop-area{margin:16px auto}.photo-crop-actions>.button{min-width:100px;white-space:normal}.bottom-sheet .consent-label{align-items:flex-start}.bottom-sheet .button{white-space:normal;line-height:1.4}.onboarding .photo-grid{grid-template-columns:1fr}.onboarding>.wardrobe-back{margin-bottom:12px}.onboarding{padding-top:24px}.onboarding .chips{gap:6px}.onboarding .chips .chip{font-size:12px;min-height:34px;padding:6px 10px}.onboarding-body>.actions{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);padding:12px 0;z-index:2}.onboarding-body>.actions>.button{min-width:0;white-space:normal;font-size:13px}.onboarding .onboarding-body>.form{gap:12px}.onboarding h1{margin:12px 0 20px}.avatar-value-pictures svg{max-height:190px}.avatar-value{max-width:600px;margin:auto}.add-page .actions{flex-wrap:wrap}.add-page .actions>.button{flex:1 1;min-width:0}.add-page .upload-tile{padding:20px}.add-library-action{margin:16px 0 32px}.skeleton-page .skeleton-loading{font-size:13px}.onboarding{padding-bottom:130px}.onboarding>progress{margin-top:0}.onboarding-body>.actions:last-child{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:432px;padding:12px;background:var(--surface);border-top:1px solid var(--border);border-radius:8px 8px 0 0;z-index:8}.layer-choice{position:relative}.add-layer-results{scrollbar-width:none}.add-layer-results::-webkit-scrollbar{display:none}.progress-banner>.icon-button:focus-visible{outline-offset:-3px}.photo-warning{font-size:13px;line-height:1.5}.avatar-value-pictures{gap:24px}.avatar-value-pictures svg{width:100%;filter:drop-shadow(0 3px 5px #0001)}@media(max-width:1023px){.coordinate-picker-layout .coordinate-picker{padding-bottom:calc(var(--picker-tray-height,260px) + 24px)}.picker-tray{max-height:42dvh;overflow-y:auto}.picker-tray>h2{grid-column:1/-1;grid-row:1}.picker-tray>.picker-selected{grid-column:1;grid-row:2}.picker-tray>.button{grid-column:2;grid-row:2}.editor-save{scroll-margin-bottom:140px}}@media(max-width:767px){.feedback-reasons{grid-template-columns:1fr}.progress-banner{padding:16px;margin:16px 0}.progress-banner:has(>.icon-button){padding-right:66px}.progress-banner .button{min-height:36px;padding:6px 10px}.progress-banner h2{font-size:16px}.progress-banner ul{gap:6px}.progress-banner li .button{font-size:12px}.user-profile{padding:16px}.user-profile .avatar{width:64px;height:64px}.picker-tray h2{font-size:16px}.coordinate-picker-layout{padding-bottom:0}.editor-panel{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.library-card-actions .button{font-size:11px}.library-product>.actions{grid-template-columns:1fr}.library-images img{height:220px}.tryon-item-thumbs>a,.tryon-item-thumbs>button{flex-basis:64px;width:64px}.tryon-item-thumbs img{width:64px;height:64px}.tryon-item-thumbs span{width:64px}.photo-guide summary small{font-size:11px}.onboarding-body>.actions{bottom:0}.home .suggestion-card .outfit-actions{grid-template-columns:1fr 1fr}.home .suggestion-card .outfit-actions>.feedback-bar{grid-column:1/-1;justify-self:end}.skip-link:focus{position:relative;display:block;transform:none;margin:8px;width:max-content;max-width:calc(100% - 16px)}}.onboarding .legal-links{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.library-search{min-width:0}.library-search details{margin-top:12px}.library-search .library-tile{width:100%}.library-search .library-tile img{width:100%;aspect-ratio:1;object-fit:contain}.rec-reason{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#6b6b6b);font-size:11px;line-height:1.5}.library-search .library-tile>.item-caption{margin:0;padding:12px 12px 4px}.library-search .item-caption>span{margin:0}.library-search .rec-reason{box-sizing:border-box;width:100%;padding:0 12px 12px;text-align:left}:root{--section-gap:clamp(20px,2.5vw,28px)}.home .week-section{padding-block:var(--section-gap)}.home .suggestions-section{padding-top:var(--section-gap)}.home .home-section-heading{margin-bottom:var(--section-gap)}.home .suggestions-section>.home-section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.home .home-heading-copy h2{margin:0}.coordinate-header,.wardrobe-heading,.wardrobe-tabs{margin-bottom:var(--section-gap)}.coordinate-history,.library-browser,.profile-panel{margin-top:var(--section-gap)}.editor-layout,.outfit-details-layout,.user-layout{gap:var(--section-gap)}.settings-page>section+section,.user-page>section+section{margin-top:var(--section-gap)}.personalisation-nudge{min-height:0;padding:14px 16px;display:grid;grid-gap:12px;gap:12px;margin-bottom:var(--section-gap)}.nudge-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:24px}.nudge-heading h2{font-size:15px;line-height:1.35;font-weight:500;margin:0}.nudge-heading .button{min-height:32px;padding:4px 10px;font-size:12px;flex:none}.nudge-progress{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.4}.nudge-progress progress{width:auto;max-width:none;flex:1 1;height:6px;margin:0}.nudge-progress>span{flex:none;text-align:right}.personalisation-nudge>.nudge-dismiss{width:24px;height:24px;min-height:24px;right:6px;top:8px;font-size:18px}.week-tile .flat-lay{height:100%;aspect-ratio:auto}.week-outfits>.week-tile{display:flex;align-items:stretch}.week-outfits>.week-tile>.flat-lay{flex:1 1;min-height:180px}.board-source:has(svg){width:14px;height:14px;padding:2px}.board-source svg{width:10px;height:10px}.nav-weather{font-size:12px;line-height:1.45;color:var(--muted);margin:6px 0 18px;text-align:center}.nav-weather,.nav-weather>span{display:block}.system-topbar .nav-weather{margin:4px 0 0;text-align:left}.app-shell>.system-topbar{display:none}.system-topbar .home-brand{display:flex}.home>.home-topbar{display:none}.occasion-dress-code{display:block;margin:8px 0 8px 28px}.sheet-body>label.check-row:has(.occasion-dress-code){display:block}.occasion-dress-code .select-control{width:100%}.wardrobe-toolbar{flex-wrap:nowrap;justify-content:space-between}.wardrobe-sort,.wardrobe-toolbar{display:flex;align-items:center;gap:8px}.wardrobe-sort{min-width:0}.wardrobe-sort>[aria-live]{white-space:nowrap}.wardrobe-tools{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;flex:none}.library-tile-caption,.wardrobe-caption{display:grid;grid-gap:4px;gap:4px;min-width:0}.library-tile-caption>.wardrobe-brand,.wardrobe-caption>.wardrobe-brand{display:block;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tile-caption>.wardrobe-name,.wardrobe-caption>.wardrobe-name{display:block;font-size:12px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-tile-caption{width:100%;text-align:left}.wishlist-empty-action{padding-block:var(--section-gap)}.wardrobe-selection-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:6px 8px;min-height:0}.wardrobe-selection-bar{display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;padding:0;border:0}.wardrobe-selection-bar strong{font-size:13px;line-height:1.35;white-space:nowrap}.wardrobe-selection-controls .icon-button{width:30px;height:30px;min-height:30px;padding:4px}.wardrobe-selection-footer{padding:0;margin:0;flex:none}.wardrobe-selection-footer .button{min-height:32px;font-size:12px;padding:4px 8px}.wardrobe-selection-footer svg{width:14px;height:14px}@media(min-width:768px){.app-shell>.system-topbar{display:none}.bottom-nav>.nav-weather{font-size:10px;overflow-wrap:anywhere}.bottom-nav .nav-brand{margin-bottom:0}}@media(min-width:1024px){.bottom-nav>.nav-weather{font-size:12px;text-align:left;margin-left:50px}}@media(max-width:767px){.bottom-nav>.nav-weather{display:none}.wardrobe-sort,.wardrobe-toolbar{gap:4px}.wardrobe-sort .select-trigger{font-size:12px;padding-inline:8px}.wardrobe-sort>[aria-live]{font-size:11px}.wardrobe-tools{gap:4px}.wardrobe-tools>.button{min-height:32px;padding:4px 8px;font-size:12px}.wardrobe-tools>.icon-button{width:30px;height:32px;min-height:32px;padding:4px}.wardrobe-add>span:last-child{display:none}.wardrobe-add{min-width:30px}.wardrobe-selection-bar strong{font-size:12px}}.skeleton-home .skeleton-progress{height:100px;min-height:100px;margin-bottom:var(--section-gap)}.wardrobe-toolbar .wardrobe-sort{flex-direction:row;flex-wrap:nowrap;align-items:center;width:auto}.wardrobe-sort .styled-select{width:auto;min-width:0;max-width:150px}.wardrobe-sort .select-trigger{min-height:34px;height:34px;padding-block:6px}.wardrobe-page .wardrobe-caption>.wardrobe-brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.4}.wardrobe-page .wardrobe-caption>.wardrobe-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.4;font-weight:400}@media(max-width:767px){.app-shell:has(.home)>.system-topbar{display:block}.system-topbar .nav-weather>span{display:inline;margin-left:8px}.wardrobe-sort .styled-select{max-width:120px}}.home .personalisation-nudge.progress-banner:has(>.icon-button){min-height:0;padding:14px 16px;margin-top:0}.personalisation-nudge>.nudge-dismiss{position:absolute;float:none}.home .personalisation-nudge .nudge-heading h2{font-size:15px;line-height:1.35;margin:0}.item-caption{display:flex;flex-direction:column;min-width:0;width:100%;text-align:left;gap:3px}.item-caption>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-caption .wardrobe-brand{font-size:13px;line-height:1.4}.item-caption .wardrobe-name{font-size:12px;line-height:1.4;color:var(--muted)}.item-name-edit{font:inherit;color:inherit;letter-spacing:inherit;text-align:left;border:0;background:none;padding:0;cursor:text}.item-detail-info>h1 input{width:100%;font:inherit}.item-detail-info>.feedback{margin-block:8px 16px}.item-field-row input[role=switch]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;flex:none;border-radius:20px;background:#ccc;border:0;position:relative;cursor:pointer}.item-field-row input[role=switch]:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}.item-field-row input[role=switch]:checked{background:#222}.item-field-row input[role=switch]:checked:before{left:19px}.add-page .upload-tile{min-height:0;padding:12px}.add-page .upload-tile .file-picker{display:flex;width:100%;min-height:48px;justify-content:center;align-items:center;padding:12px}.library-product .library-images{display:block;overflow:hidden}.library-product .library-images img{width:100%;max-height:360px;object-fit:contain}.library-product .library-product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;position:static}.library-product-actions>.button{width:100%;min-width:0;padding-inline:10px;font-size:13px;white-space:normal}.library-similar{padding:0}.library-similar .library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-similar .library-tile{width:100%;min-width:0}.library-similar .library-tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.layer-choice .item-caption{padding:6px}.layer-choice:has(.item-caption){display:flex;flex-direction:column;height:auto}.layer-choice:has(.item-caption)>img{min-height:0;height:110px;object-fit:contain}@media(max-width:600px){.library-similar .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-product .library-images img{max-height:240px}}.coordinate-progress{width:100%;margin:12px 0}.coordinate-progress progress{display:block;width:100%;height:6px;accent-color:var(--ink,#171717)}.coordinate-progress p{font-size:13px;margin:8px 0}.coordinate-occasion{max-width:640px;gap:16px}.coordinate-slot-board{min-width:0;display:grid;grid-gap:12px;gap:12px}.coordinate-slot-board .flat-lay{min-height:240px}.coordinate-slot-actions{display:flex;flex-wrap:wrap;gap:6px}.coordinate-slot-actions .button{padding:6px 10px;min-height:32px;font-size:12px}.coordinate-picker-layout>.coordinate-slot-board{grid-column:1/-1}.outfit-details-visual>.outfit-detail-block{width:100%;margin:0 0 12px}.outfit-details-visual .segmented{display:flex;width:100%}.outfit-details-visual .segmented button{flex:1 1}.outfit-details-panel>section.outfit-detail-block{display:flex;flex-wrap:wrap;gap:8px}.outfit-details-panel>section.outfit-detail-block>h2{width:100%}.outfit-details-panel>section.outfit-detail-block>.outfit-item-row{display:block;position:relative;width:calc(50% - 4px);height:210px;padding:8px;border-radius:12px;background:var(--surface-alt,#f4f4f4);overflow:visible}.outfit-details-panel>section.outfit-detail-block>.outfit-item-row>:is(img,.outfit-thumb){width:100%;height:160px;object-fit:contain}.outfit-details-panel .outfit-item-name{position:absolute;inset:0 0 42px;opacity:0;overflow:hidden}.outfit-details-panel .outfit-item-name:focus-visible{opacity:1;background:white}.outfit-details-panel .outfit-item-controls{position:absolute;bottom:6px;left:4px;right:4px;display:flex;justify-content:center;gap:3px}.outfit-details-panel .outfit-item-controls .button{width:28px;min-width:28px!important;height:30px;min-height:30px;padding:3px!important}.outfit-details-panel .outfit-item-controls svg{width:15px;height:15px}.outfit-details-panel .outfit-item-controls>.feedback-bar>.actions{margin:0!important;gap:3px!important}.outfit-details-panel .outfit-item-controls>.feedback-bar{display:flex}.swap-results.wardrobe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.swap-results .wardrobe-image{height:160px}.swap-results .wardrobe-image img{width:100%;height:100%;object-fit:contain}.coordinate-board-slots{display:grid;grid-auto-rows:90px;grid-gap:8px;gap:8px;background:#eee;padding:12px;border-radius:12px}.coordinate-board-slot{border:1px dashed #ccc;border-radius:8px;background:#fafafa;min-width:0;min-height:0;padding:8px;font-size:13px;cursor:pointer}.coordinate-board-slot img{width:100%;height:100%;object-fit:contain}.outfit-details-panel .outfit-item-controls{flex-wrap:nowrap!important}.outfit-details-panel .outfit-item-controls>.feedback-bar>.actions>.button{width:28px!important;min-width:28px!important}.outfit-details-panel .outfit-item-controls>.feedback-bar>.actions{display:flex;flex-wrap:nowrap!important}.outfit-item-picker .wardrobe-tabs button{flex:1 1;border:0;border-bottom:2px solid transparent;background:none;padding:12px 4px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.outfit-item-picker .wardrobe-tabs button[aria-pressed=true]{border-bottom-color:var(--text);color:var(--text);font-weight:600}.outfit-item-picker .wardrobe-tile{border:0;padding:0;background:none;text-align:left;color:var(--text);height:auto;overflow:visible}.outfit-item-picker .wardrobe-caption{padding-top:8px}.outfit-item-picker .wardrobe-image{position:relative;border-radius:8px;overflow:hidden}.coordinate-slot-actions{display:none}.coordinate-picker-layout>.picker-tray{position:static;grid-column:1/-1;grid-row:2;max-height:none}.coordinate-picker-layout>.coordinate-picker{grid-column:1/-1;grid-row:3}.outfit-details-panel>section.outfit-detail-block>.outfit-item-row>:is(img,.outfit-thumb){height:194px}.outfit-details-panel .outfit-item-controls .button,.outfit-details-panel .outfit-item-controls>.feedback-bar>.actions>.button{width:24px!important;min-width:24px!important;background:rgba(255,255,255,.88)}@media(max-width:767px){.outfit-details-panel>section.outfit-detail-block>.outfit-item-row{height:210px}.swap-results.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coordinate-board-slots{grid-auto-rows:45px}}.context-fields,.request-options{min-width:0;margin-block:12px}.context-fields>summary,.request-options>summary{cursor:pointer;padding-block:10px;font-weight:500}.context-fields>.form,.request-options>.form{margin-top:12px}.library-skeleton-image{width:100%;aspect-ratio:4/5}.library-similar .library-skeleton-image{aspect-ratio:1}.legal-page{max-width:760px;margin:auto;padding:32px 24px}.legal-content{min-width:0;line-height:1.7}.legal-content h2{margin-top:24px;font-size:18px}.legal-links{line-height:1.8}.legal-links a{text-decoration:underline}.suggestion-content .skeleton-caption{margin-bottom:12px}.editor-canvas>.skeleton-preview{width:100%;height:100%;min-height:320px}.grid-skeleton-caption .skeleton-caption{margin:0;height:18.2px}.grid-skeleton-caption .skeleton-caption.short{height:16.8px}.library-card-actions .skeleton-button{max-width:none}.wardrobe-page .wardrobe-image.skeleton{background:#e7e7e7}.grid-skeleton-caption .skeleton-caption{min-height:0}