.footer{width:100%;height:112px;background:transparent;display:flex;align-items:center}.footer__outer{width:min(100%,var(--page-max));margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.footer__inner{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;line-height:1.4;color:var(--muted, #64748b);white-space:nowrap}.footer__author,.footer__year{flex-shrink:0}@media screen and (max-width: 319px){.footer__inner{flex-direction:column;gap:10px;text-align:center}}:root{--wx-h: 80px;--wx-radius: 12px;--wx-temp-size: 40px;--wx-deg-size: 40px;--wx-icon-size: 64px}.weather-card__outer{width:100%;max-width:1360px;margin:0 auto;padding:0 16px;box-sizing:border-box}.weather-card{width:100%;height:var(--wx-h);border-radius:var(--wx-radius);display:flex;align-items:center;overflow:hidden}.weather-card_day{background:#00a3ff;color:#fff}.weather-card_night{background:#286897;color:#e2e8f0}.weather-card__inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding-inline:16px;box-sizing:border-box}.weather-card__left{display:flex;align-items:center;gap:6px}.weather-card__temp{font-size:var(--wx-temp-size);font-weight:700;line-height:1}.weather-card__deg{font-size:var(--wx-deg-size);font-weight:700;line-height:1}.weather-card__icon-wrapper{width:64px;height:64px}.weather-card__icon{width:100%;height:100%;object-fit:contain}@media (max-width: 480px){:root{--wx-h: 72px;--wx-temp-size: 36px;--wx-deg-size: 36px;--wx-icon-size: 52px}.weather-card__outer{padding-inline:19px}.weather-card__inner{padding-inline:12px}}.card__like{width:24px;height:24px;border:0;border-radius:50%;background:transparent center/contain no-repeat url(/images/heart-empty.png);cursor:pointer}.card__like.is-liked{background-image:url(/images/heart-filled.png)}.main{width:100%}.weather-block,.clothes{width:100%;max-width:1360px;margin:0 auto}.panel{width:100%}.panel__title{width:100%;max-width:1360px;margin:0 auto;padding:0 16px 34px;font-weight:700;font-size:20px;line-height:100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.modal__content{position:relative;width:496px;max-width:90vw;padding:28px 28px 36px;border-radius:20px;background:#fff;box-sizing:border-box}.modal__content--confirm{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:670px;max-width:90vw;height:280px;padding:40px 48px;text-align:center;transform:translateY(-40px)}.modal__content--item{width:498px;max-width:498px;padding:0;overflow:hidden;border-radius:20px}.modal__close{position:absolute;top:20px;right:20px;width:24px;height:24px;background:none;border:none;cursor:pointer}.modal__close:before{content:"×";font-size:24px;line-height:1;color:#000}.modal__form{width:100%;display:flex;flex-direction:column}.modal__label{display:flex;flex-direction:column;margin-bottom:24px}.modal__input{width:100%;padding:8px 0 4px;border:none;border-bottom:1px solid #000;color:#000;background:#fff;font-size:14px;line-height:1.2}.modal__input::placeholder{color:#9ca3af;font-size:14px;line-height:1.2}.modal__input:focus{outline:none;border-bottom:2px solid #000}.modal__input:disabled{opacity:.5}.modal__title{margin:0 0 24px;font-size:16px;line-height:20px;font-weight:700}.modal__footer{display:flex;align-items:center;gap:12px;margin-top:30px}.modal__footer .modal__submit{width:128px;height:44px;background:#000;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer;transition:opacity .2s ease}.modal__submit:disabled{opacity:.5;cursor:not-allowed}.modal__submit:not(:disabled):hover{opacity:.8}.modal__error{margin-top:8px;font-size:12px;line-height:16px;color:red}.modal__hint{display:block;margin-bottom:6px;font-size:12px;color:#6b7280}.modal__hint code{background:#f3f4f6;padding:2px 4px;border-radius:4px}@media (max-width: 440px){.modal__overlay{padding:12px;align-items:flex-start;overflow-y:auto}.modal__content--item{width:100%;max-width:100%;margin:16px auto;border-radius:16px}.modal__close{top:12px;right:12px}}.item-modal{width:498px;border-radius:20px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.item-modal__media{width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center}.item-modal__image{max-width:100%;max-height:100%;object-fit:contain}.item-modal__info{height:112px;padding:20px 28px 28px;display:flex;flex-direction:column;gap:8px;background:#fff}.item-modal__top{display:flex;justify-content:space-between;align-items:center}.item-modal__name{margin:0;font-size:16px;font-weight:700;color:#000}.item-modal__weather{margin:0;font-size:14px;color:#000}.item-modal__delete{background:none;border:none;color:#ff4d00;font-weight:500;cursor:pointer;padding:0}@media (max-width: 440px){.item-modal{width:100%;max-width:100%;max-height:90vh}.item-modal__info{padding:16px}}@media (max-width: 360px){.item-modal{max-height:90vh}.item-modal__media{height:200px;flex-shrink:0}.item-modal__image{width:100%;height:100%;object-fit:cover}.item-modal__info{overflow-y:auto}}.confirm-delete{display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-delete__title{margin:0;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000}.confirm-delete__subtitle{margin:4px 0 24px;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000}.confirm-delete__confirm{background:none;border:none;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#ff4d00;cursor:pointer;margin-bottom:16px}.confirm-delete__cancel{background:none;border:none;font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000;cursor:pointer}.confirm-delete__close{position:absolute;top:20px;right:20px;width:24px;height:24px;background:transparent;border:none;cursor:pointer}.confirm-delete__close:before{content:"×";display:block;font-size:24px;line-height:24px;color:#000}.modal__fieldset{display:flex;flex-direction:column;gap:8px;margin:0 0 24px;padding:0;border:none}.modal__legend{margin-bottom:12px;font-size:14px;font-weight:700;color:#000}.modal__radio-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#000}.modal__radio-label input[type=radio]{margin:0}.login__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.login__title{font-size:16px;font-weight:700;color:#111827;margin:0 0 24px;line-height:20px}.login__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:22px;line-height:20px;color:#6b7280;cursor:pointer;padding:4px}.login__form{flex:none}.login__actions{margin-top:8px}.login__label{display:flex;flex-direction:column;font-size:14px;font-weight:500;color:#111827;gap:8px;margin:0 0 28px}.login__input{border:none;border-bottom:1px solid #111827;color:#000;padding:6px 0;font-size:16px;background:transparent;outline:none}.login__input:focus{border-bottom:1px solid #000}.login__input::placeholder{color:#9ca3af;opacity:1}.login__submit{background:#d1d5db;border:none;border-radius:6px;padding:8px 18px;font-size:14px;cursor:pointer}.login__submit:not(:disabled){background:#000;color:#fff}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__alt{background:none;border:none;font-size:14px;color:#374151;cursor:pointer;padding:8px 12px}.login__input:-webkit-autofill,.login__input:-webkit-autofill:hover,.login__input:-webkit-autofill:focus,.login__input:-webkit-autofill:active{-webkit-text-fill-color:#000;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}.register__label{display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px}.register__input{border:none;border-bottom:1px solid #000;padding:4px 0;font-size:14px;background:transparent;color:#000;outline:none}.register__input::placeholder{color:#9ca3af}.register__alt{background:none;border:none;font-size:14px;color:#000;cursor:pointer;padding:0}.register__input:-webkit-autofill,.register__input:-webkit-autofill:hover,.register__input:-webkit-autofill:focus,.register__input:-webkit-autofill:active{-webkit-text-fill-color:#000;box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-in-out 0s}html{line-height:1.15;-webkit-text-size-adjust:100%}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button;font:inherit}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-pUr7ULKA.woff2) format("woff2"),url(/assets/CabinetGrotesk-Medium-C7kGvbj6.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-yJmHbigL.woff2) format("woff2"),url(/assets/CabinetGrotesk-Bold-BPymWjLi.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--container-w: 1360px;--gutter: 40px;--page-pad: var(--gutter);--card-w: clamp(240px, 30vw, 325px);--grid-gap: 21px;--wx-min-h: clamp(64px, 12vw, 96px);--wx-orb: 60px;--wx-orb-offset-x: -6px;--wx-orb-offset-y: -6px;--wx-day-bg: #00a3ff;--wx-day-fg: #ffffff;--wx-night-bg: #286897;--wx-night-fg: #e2e8f0}@media (max-width: 1024px){:root{--gutter: 24px}}@media (max-width: 768px){:root{--gutter: 16px}}:root{--gutter: 40px;--page-max: 1360px}#root{width:100%;display:block}.page{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column}.content{flex:1}.container{max-width:1360px;margin:0 auto;padding-inline:var(--gutter)}@media (max-width: 768px){:root{--gutter: 24px}}@media (max-width: 420px){:root{--gutter: 16px}}.header{background:transparent}.header__outer{width:100%;max-width:1360px;margin:0 auto;padding:32px clamp(16px,4vw,40px) 23px}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,24px);flex-wrap:wrap}.header__left{display:flex;align-items:center;gap:16px;min-width:0}.header__logo{display:block}.header__meta{display:flex;align-items:center;gap:8px;white-space:nowrap}.header__date,.header__city{font-size:16px}.header__sep{margin-inline:4px}.header__actions{display:flex;align-items:center;gap:clamp(12px,2vw,20px);flex-shrink:0}.header__add-btn{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:20px;line-height:24px;background:#fff;color:#000;padding:6px 14px;border:none;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.header__add-btn:hover{background:#f0f0f0}.header__add-btn:active{transform:translateY(1px)}.header__user{display:flex;align-items:center;gap:12px;text-decoration:none}.header__user-name{color:#000;white-space:nowrap;font-weight:700;font-size:20px;line-height:100%;padding:6px 4px;margin:0}.header__avatar img{width:40px;height:40px;border-radius:9999px;object-fit:cover}.header__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600;line-height:1}.header__btn--white{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000a}.header__btn--white:hover{background:#f9fafb}.header__btn--white:active{background:#f3f4f6}@media (max-width: 900px){.header__inner{justify-content:center}.header__left,.header__actions{width:100%;justify-content:center}.header__actions{margin-top:8px}}@media (max-width: 640px){.header__meta{display:none}.header__actions{gap:12px}}@media (max-width: 480px){.header__inner{flex-direction:column;align-items:center;gap:12px}.header__actions{flex-wrap:wrap;justify-content:center}.header__add-btn{width:100%;max-width:280px}}@media (max-width: 340px){.header__user{flex-direction:column;gap:6px}.header__user-name{white-space:normal;font-size:16px;line-height:1.2;text-align:center}}:root{--card-w: 325px;--card-h: 328px;--card-radius: 16px;--card-bg: #f3f3f3;--panel-bg: #ececec;--card-border: #cbd5e1;--gap: 16px;--mobile-margin: 19px}.cards{display:grid;grid-template-columns:repeat(auto-fill,var(--card-w));gap:var(--gap);justify-content:center;width:100%;margin:0;padding:0;list-style:none;box-sizing:border-box}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden}.card__image-button{width:100%;height:100%;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.card__panel{width:78%;height:78%;background:var(--panel-bg);border-radius:12px;display:flex;align-items:center;justify-content:center}.card[data-scale=down] .card__panel,.card[data-scale=up] .card__panel{width:78%;height:78%}.card__image-wrap{width:65%;height:65%;display:flex;align-items:center;justify-content:center}.card[data-scale=down] .card__image-wrap{width:55%;height:55%}.card[data-scale=up] .card__image-wrap{width:75%;height:75%}.card__image{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:5%}.card__meta{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:2;background:#ffffffe6;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}.card__title{padding:4px 10px;border-radius:9999px;background:#f8fafceb;color:#0f172a;font-size:16px;font-weight:700;white-space:nowrap}@media (max-width: 480px){.cards{grid-template-columns:1fr;padding-inline:var(--mobile-margin)}.card{max-width:282px;justify-self:center}}.toggle{position:relative;display:inline-flex;align-items:center;width:64px;height:32px;border-radius:999px;background:#e5e7eb;padding:2px;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toggle__option{position:relative;z-index:2;flex:1 0 0;height:28px;border:none;background:transparent;font-weight:700;line-height:28px;text-align:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.toggle__thumb{position:absolute;z-index:1;top:2px;width:30px;height:28px;border-radius:999px;background:#111827;transition:transform .2s ease}.toggle__option.is-active{color:#fff}.toggle__option:not(.is-active){color:#111827}.toggle__thumb.at-f{transform:translate(2px)}.toggle__thumb.at-c{transform:translate(32px)}.clothes{width:100%;margin-block:16px 32px}.clothes .container{max-width:1360px;margin-inline:auto;padding-inline:10px}.clothes__meta{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.clothes__summary{color:#000;margin:0;font-weight:700;font-size:20px;line-height:100%}@media (max-width: 1370px){.clothes .container{padding-inline:20px}}@media (max-width: 1280px){.clothes .container{padding-inline:18px}}@media (max-width: 1024px){.clothes .container{padding-inline:16px}}@media (max-width: 768px){.clothes .container{padding-inline:14px}}@media (max-width: 560px){.clothes .container{padding-inline:12px}.clothes__meta{flex-direction:column;align-items:flex-start}}.profile{width:100%;max-width:1360px;margin:0 auto;padding-inline:clamp(16px,4vw,40px);display:flex;gap:40px;justify-content:center}.profile__sidebar{display:flex;flex-direction:column;align-items:flex-start;width:229px;gap:16px;box-sizing:border-box}.profile__user{width:100%;max-width:229px;display:flex;align-items:center;gap:16px;min-width:0}.profile__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.profile__name{min-width:0;width:100%;max-width:157px;color:#000;font-weight:700;font-size:20px;line-height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile__button{background:#fff;color:#000;border:none;padding:6px 8px;text-align:left;cursor:pointer;border-radius:8px}.profile__button:hover{background:#f3f3f3}.profile__items{width:100%;max-width:1017px;flex:1}.profile__items-header{display:flex;align-items:center;gap:20px;margin-bottom:16px}.profile__items-title{color:#000;font-weight:700;font-size:20px;line-height:100%}.profile__add{background:transparent;border:none;font-weight:700;font-size:20px;line-height:100%;color:#0009;padding:0;cursor:pointer}@media (max-width: 1024px){.profile{flex-direction:column;align-items:center}.profile__sidebar{flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:600px;gap:24px;margin-bottom:24px}.profile__items{max-width:100%}}@media (max-width: 720px){.profile__sidebar{flex-direction:column;align-items:center;gap:12px}.profile__user{justify-content:center}.profile__name{text-align:center}}@media (max-width: 480px){.profile__items .cards{grid-template-columns:1fr}}input,button,select,textarea{font:inherit}:root{--page-bg: #ffffff;--page-fg: #0f172a;--page-max: 1440px;--container-w: 1360px;--gutter: clamp(19px, calc(13px + 1.875vw) , 40px)}html,body{margin:0;padding:0;width:100%;height:100%;max-width:100vw;background:var(--page-bg);color:var(--page-fg);font-weight:500;overflow-x:hidden}#root{width:100%;height:100%;display:block}.page{width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--page-bg)}.page main{flex:1 0 auto}.container{width:min(var(--container-w),100%);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.app-frame{width:100%;min-height:100%;margin:0;padding:0;background:transparent}input[type=password]{font-family:Cabinet Grotesk,Inter,sans-serif;font-weight:500}@supports (-webkit-text-security: disc){input[type=password]{-webkit-text-security:disc}}.page__content{width:min(var(--container-w),100%);margin:0 auto;padding:var(--gutter)}.header{width:min(var(--container-w),100%);margin:0 auto;padding-inline:0;display:flex;align-items:center;justify-content:space-between}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000;transition:background-color 5000s ease-in-out 0s}.edit-profile{width:100%;max-width:496px;display:flex;flex-direction:column;gap:20px;padding:0;box-sizing:border-box}.edit-profile__label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700;line-height:18px;color:#000}.edit-profile__input{width:100%;padding:4px 0;border:none;border-bottom:1px solid #000;font-size:14px;line-height:18px;background:transparent;color:#000;outline:none}.card{position:relative;width:325px;height:328px;background:#f3f3f3;border:1px solid #cbd5e1;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card__image-button{all:unset;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.card__surface{position:absolute;top:0;right:0;bottom:0;left:0}.card__image-wrap{display:flex;align-items:center;justify-content:center}.card__image{max-height:220px;width:auto;height:auto;object-fit:contain}.card[data-scale=down] .card__image{width:78%;height:78%}.card__meta{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:2;background:#ffffffd9;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:8px}.card__title{padding:4px 10px;border-radius:9999px;background:#f8fafceb;font-size:16px;font-weight:700;white-space:nowrap}.card__like{width:24px;height:24px;border:0;border-radius:50%;background:transparent center/contain no-repeat url(/images/heart-empty.png);cursor:pointer}.card__like.is-liked{background-image:url(/images/heart-filled.png)}.page__content{width:min(var(--container-w),100%);margin:0 auto;padding:var(--pad)}.header__brand{font-size:24px;font-weight:700}.section__title{width:min(var(--container-w),100%);margin:8px auto 12px;font-weight:600}.sidebar{display:flex;flex-direction:column;gap:24px;width:320px;max-width:100%}.sidebar__user{display:flex;align-items:center;gap:16px}.sidebar__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.sidebar__avatar--fallback{display:grid;place-items:center;background:#e6e6e6;font-weight:700;font-size:28px;color:#333}.sidebar__meta{min-width:0}.sidebar__name{margin:0;font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__email{margin:4px 0 0;color:#666;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__actions{display:flex;gap:12px}.sidebar__btn{flex:1;height:40px;border:0;border-radius:10px;cursor:pointer;font-weight:600}.sidebar__btn--primary{background:#111;color:#fff}.sidebar__btn--danger{background:#f2f2f2;color:#c00}.sidebar__btn:focus-visible{outline:2px solid #555;outline-offset:2px}@media (max-width: 768px){.sidebar{width:100%}.sidebar__actions{flex-direction:column}}*,*:before,*:after{box-sizing:border-box}:root{--page-bg: #ffffff;--page-fg: #0f172a;--gutter: clamp(19px, calc(13px + 1.875vw) , 40px)}html,body{font-family:Cabinet Grotesk,Inter,sans-serif;margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw;height:100%}html,body,#root{min-height:100%;background:var(--page-bg);color:var(--page-fg)}.app,.page,main{background:transparent}.app-frame{width:min(100%,1440px);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-pUr7ULKA.woff2) format("woff2"),url(/assets/CabinetGrotesk-Medium-C7kGvbj6.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-yJmHbigL.woff2) format("woff2"),url(/assets/CabinetGrotesk-Bold-BPymWjLi.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}