.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.language-picker{display:inline-flex;align-items:center;flex-shrink:0;margin:0}
.language-picker select{font:inherit;font-size:13px;line-height:1.4;min-height:44px;min-width:110px;max-width:150px;padding:9px 28px 9px 12px;border:1px solid #595360;border-radius:24px;background:#242129;color:#f5f3ed;cursor:pointer;direction:ltr;color-scheme:dark}
.language-picker select:focus-visible{outline:3px solid #b8a2ff;outline-offset:3px}
.topbar{gap:18px}.topbar nav{gap:18px}
html[dir=ltr] .floating-note{text-align:start}
html[dir=ltr] .lesson-copy,html[dir=ltr] .screen-card,html[dir=ltr] .screen-select,html[dir=ltr] .step-list button{text-align:left}
html[dir=ltr] .hero h1{font-size:clamp(42px,4.5vw,66px);letter-spacing:-1.5px}
html[lang=ru] .hero h1{font-size:clamp(36px,3.8vw,55px);letter-spacing:-.8px}
html[dir=ltr] .hero-visual .floating-note strong{font-size:12px;line-height:1.5}
html[dir=ltr] .hero-visual .floating-note div>span{font-size:11px;line-height:1.6}
html[dir=ltr] .hero-visual .note-top,html[dir=ltr] .hero-visual .note-tryon{overflow-wrap:anywhere}
html[dir=ltr] .hero-visual .note-bottom,html[dir=ltr] .hero-visual .note-coach{bottom:40px}
html[dir=ltr] .hero-visual .visual-caption{bottom:0}
html[dir=ltr] .look-tags{flex-wrap:wrap}
html[dir=ltr] .mock-app-header{gap:5px;font-size:11px}
html[dir=ltr] .look-bottom strong{font-size:12px}
html[dir=ltr] .look-bottom>span{font-size:10px}
html[dir=ltr] .look-tags span{font-size:8px;padding:3px 5px}
html[dir=ltr] .hero-phone .profile-copy{min-width:0}
html[dir=ltr] .screen-primary{white-space:normal;height:auto;min-height:44px}
html[dir=ltr] .segmented button,html[dir=ltr] .stylist-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
html[dir=ltr] .macro-row>div{min-width:0}
html[dir=ltr] .home-quick-pill strong{overflow-wrap:anywhere}
html[dir=ltr] .chapter-tab{white-space:normal}
html[dir=ltr] .profile-mini{max-width:65%}
body:not(:has(.topbar))>header{position:sticky;top:0;z-index:20;background:#111214f5;backdrop-filter:blur(16px)}
body:not(:has(.topbar)) article section{scroll-margin-top:130px}
@media(max-width:1100px){.topbar nav{display:none}.topbar .language-picker{margin-inline-start:auto}.topbar .progress-button{margin-inline-start:0}}
@media(max-width:800px){.topbar{gap:10px}.topbar .brand{font-size:12px}.topbar .progress-button{font-size:11px;padding:6px 10px}.language-picker select{font-size:12px;min-width:100px}.chapter-tab{flex-shrink:0}html[dir=ltr] .hero h1{font-size:50px}html[lang=ru] .hero h1{font-size:43px}html[dir=ltr] .hero-visual .note-top{top:122px}html[dir=ltr] .hero-visual .note-tryon{top:159px}}
@media(min-width:601px) and (max-width:800px){html[dir=ltr] .hero-visual .note-top{top:39%}html[dir=ltr] .hero-visual .note-tryon{top:52%}}
@media(max-width:600px){html[dir=ltr] .hero-visual{min-height:1160px;padding-top:290px;padding-bottom:240px}html[dir=ltr] .hero-visual .orbit{height:1010px}html[dir=ltr] .hero-visual .orbit-two{height:1060px}html[dir=ltr] .hero-visual .note-food{max-width:90%;top:12px}html[dir=ltr] .hero-visual .note-top{top:148px}html[dir=ltr] .hero-visual .note-tryon{top:183px}html[dir=ltr] .hero-visual .hero-phone{translate:0 32px}html[dir=ltr] .hero-visual .note-bottom,html[dir=ltr] .hero-visual .note-coach{bottom:38px}}
@media(max-width:420px){.topbar{height:110px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:8px 16px}.topbar .brand{grid-column:1;grid-row:1;font-size:12px}.topbar .language-picker{grid-column:2;grid-row:1 / 3;margin:0}.topbar .progress-button{grid-column:1;grid-row:2;justify-self:start;min-height:40px;padding:3px 9px;font-size:10px}.topbar .progress-button span{width:25px;height:25px}.language-picker select{min-width:103px}.hero-actions{flex-wrap:wrap}.topbar .header-label{display:none}html[dir=ltr] .hero h1{font-size:43px}html[lang=ru] .hero h1{font-size:37px}html[dir=ltr] .hero-visual .floating-note strong{font-size:11px}html[dir=ltr] .hero-visual .floating-note div>span{font-size:10px}html[dir=ltr] .hero-foot{flex-wrap:wrap;justify-content:center}html[dir=ltr] .lesson-copy h3{font-size:27px}html[dir=ltr] .step-list strong{font-size:11px}}
@media print{.language-picker{display:none}}