/* Native language control: public, keyboard accessible, and legible in every script. */
.language-picker{display:flex;align-items:center;gap:5px;min-width:0;border:1px solid var(--line);border-radius:5px;padding-inline:9px;background:white;min-height:44px}
.language-picker>svg{width:17px;height:17px;flex:none;color:#526653}
.language-picker select{border:0;background:transparent;min-width:0;width:132px;max-width:100%;padding:10px 2px;font-size:12px;cursor:pointer;text-overflow:ellipsis}
.language-picker:focus-within{outline:2px solid #526653;outline-offset:3px}
.language-picker select:focus-visible{outline:0}
/* Short product copy should read naturally rather than stretching between edges. */
:where(main,dialog) p:not(.eyebrow):not([role=status]),.disclosure li{text-align:start;text-align-last:auto;text-justify:auto;hyphens:manual}
.welcome-intro p,.welcome-final p{text-align:center!important}
.card,.card>a,.header-actions,.weather-mini-copy{min-width:0}
.card h3{line-height:1.4}.card p{line-height:1.65;overflow-wrap:break-word}
.tags{flex-wrap:wrap;align-items:center;gap:6px}.tag{line-height:1.5;padding:4px 8px;white-space:normal}
.outfit-card{display:flex;flex-direction:column;height:100%}
.outfit-card>a{display:flex;flex-direction:column;flex:1}
.outfit-card .outfit-pieces{flex:1;margin-block:5px 0}
.outfit-card .tags{margin-block:14px 0}
.outfit-card .look-feedback{margin-block:16px 0;padding-block:15px 0}
.outfit-card .look-feedback .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:10px;line-height:1.5}
.outfit-card .look-feedback .actions{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.outfit-card .look-feedback button{min-height:42px;padding:9px 6px;font-size:11px;line-height:1.35;overflow-wrap:break-word}
@supports(grid-template-rows:subgrid){
 .grid:has(>.outfit-card){row-gap:0;align-items:stretch}
 .outfit-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;padding-block-end:32px}
 .outfit-card>a{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
 .outfit-card .look-photo{align-self:start}.outfit-card .card-meta{align-self:start}
 .outfit-card .tags{align-self:end}.outfit-card .look-feedback{align-self:stretch}
}
.collection-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#f4f6f1;border:1px solid var(--line);border-radius:5px;margin:0 0 30px}
.collection-invitation h2{font-size:23px;margin:0 0 6px;letter-spacing:-.4px}
.collection-invitation p{font-size:12px;margin:0;color:var(--muted);max-width:560px}
.collection-invitation button{flex:none;min-height:44px}
.page-head .segments{row-gap:6px}.weather-mini-metrics{flex-wrap:wrap;row-gap:2px}
.weather-description,.weather-details>div{min-width:0}.weather-card-footer{flex-wrap:wrap}
button,.button,input,select,textarea{border-radius:4px}button,.button{line-height:1.45}
.text-button{border-radius:0}.close{border-radius:50%}
input[type=email],input[type=password],input[type=number],#delete-confirmation{direction:ltr;text-align:start}
[data-i18n-skip],.weather-mini-temp,.weather-degrees,.weather-details dd{unicode-bidi:isolate}
.weather-mini-temp,.weather-degrees,.weather-details dd{direction:ltr}
html[dir=rtl] .wordmark{direction:ltr;text-align:start;justify-self:start}
html[dir=rtl]{--serif:Tahoma,Arial,sans-serif}
html[dir=rtl] :is(h1,h2,h3,.eyebrow,.wordmark small,.card-meta){letter-spacing:0}
html[dir=rtl] :is(h1,h2,h3){line-height:1.45}
html[dir=rtl] .welcome-intro h1{letter-spacing:0;font-style:normal}
html[dir=rtl] .welcome-intro em{font-style:normal}
html[dir=rtl] .header-weather{border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:28px}
html[dir=rtl] :is(.weather-city,.city-result,.account-menu>a,.account-menu>button,.review-ticket){text-align:start}
html[dir=rtl] .account-menu{right:auto;left:0}
html[dir=rtl] .close{right:auto;left:10px}
html[dir=rtl] .callout{border-left:0;border-right:2px solid #7e8b7f}
html[dir=rtl] .weather-card-footer button{margin-left:0;margin-right:auto}
html[lang=zh-Hans] :is(h1,h2,h3),html[lang=yue] :is(h1,h2,h3){letter-spacing:0;line-height:1.35}
@media(max-width:1100px){header{column-gap:18px}.header-weather{min-width:220px;padding-inline-end:18px}.language-picker select{width:114px}.header-actions{gap:10px}}
@media(max-width:760px){
 .language-picker{min-height:42px;padding-inline:6px;gap:3px}.language-picker select{width:104px;font-size:11px;padding-block:10px}.language-picker>svg{width:15px;height:15px}
 .header-weather,html[dir=rtl] .header-weather{border-left:0;border-right:0;padding:12px 0;min-width:0}
 .collection-invitation{padding:18px;gap:16px;margin-bottom:24px}.collection-invitation h2{font-size:21px}.collection-invitation p{font-size:12px}
 html[dir=rtl] .weather-mini-top .weather-mini-temp{margin-left:0;margin-right:auto}
}
@media(max-width:500px){.collection-invitation{align-items:flex-start;flex-direction:column;gap:14px}.collection-invitation button{min-width:110px}.outfit-card .look-feedback button{font-size:10px}.outfit-card .look-feedback .actions{gap:4px}.outfit-card .look-feedback .eyebrow{font-size:9px;letter-spacing:.4px}}
@media(max-width:380px){header{padding-inline:12px;column-gap:8px}.wordmark{font-size:25px}.header-actions{gap:6px}.language-picker select{width:83px}.language-picker{padding-inline:4px}.language-picker>svg{display:none}.header-actions .account-button{padding-inline:8px;font-size:11px}.weather-mini-condition{font-size:10px}.weather-city{max-width:110px}.weather-mini-top{gap:6px}.weather-mini-metrics{font-size:9px}.card-meta{font-size:8px;gap:4px}.tags{gap:4px}.tag{font-size:9px;padding:3px 6px}}

.brand-lockup{display:flex;align-items:center;gap:10px;direction:ltr}.brand-mark{width:31px;height:31px;flex:none}.wordmark small{text-transform:none;letter-spacing:1px}.wordmark{white-space:nowrap;font-size:33px}@media(max-width:1100px){.brand-mark{display:none}}@media(max-width:650px){.wordmark{font-size:27px}}@media(max-width:380px){.wordmark{font-size:25px}}
/* Keep the brand promise visible below the logo at every screen size. */
.wordmark{min-width:0}
.wordmark small{display:block;font:12px/1.45 Arial,Helvetica,sans-serif;color:#526653;letter-spacing:.15px;white-space:normal;max-width:24em;margin-top:7px}
@media(max-width:760px){.wordmark small{font-size:11px;max-width:17em;margin-top:5px;text-wrap:balance}}

.like-heart{color:var(--muted);font-size:1.2em;line-height:1}button[aria-pressed="true"][data-value="1"] .like-heart{color:#c62828}