html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.page{background-color:#f3f3f3}.page__content{max-width:1360px;margin:0 auto;padding:0 20px}.header{display:flex;align-items:center;padding:32px 0 28px}.header__logo{margin-right:24px}.header__logo-link{display:flex;text-decoration:none}.header__date-and-location{margin:0}.header__add-clothes-btn{margin:0 20px 0 0;border:none;background:transparent;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;cursor:pointer}.header__toggle-wrapper{margin-left:auto;margin-right:20px}.header__user-container{display:flex;align-items:center;gap:12px;text-decoration:none;color:#000}.header__user-name{margin:0}.header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__avatar-placeholder{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;position:relative}.header__auth-buttons{display:flex;gap:12px}.header__auth-btn{border:none;background:transparent;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;cursor:pointer}.toggle-switch{width:56px;height:28px;border:2px solid rgba(126,126,126,.4);border-radius:20px;position:relative;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;overflow:hidden}.toggle-switch__checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-switch__label{position:absolute;top:5px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:14px;line-height:1;color:#7e7e7e;z-index:2;transition:color .2s ease}.toggle-switch__label_f{left:9px}.toggle-switch__label_c{right:9px}.toggle-switch__label_active{color:#fff}.toggle-switch__circle{position:absolute;width:28px;height:28px;border-radius:50%;background-color:#000;left:-2px;top:-2px;z-index:1;transition:transform .25s ease}.toggle-switch__checkbox:checked~.toggle-switch__circle{transform:translate(28px)}.weather-card{position:relative;min-height:80px;background-color:#f3f3f3;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;transition:background .3s ease}.weather-card__temp{margin:0 0 8px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:36px;line-height:40px;color:#000}.weather-card__condition{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;color:#0009}.weather-card_type_sunny_day{background:linear-gradient(135deg,#ffd89b,#19547b)}.weather-card_type_sunny_day .weather-card__temp,.weather-card_type_sunny_day .weather-card__condition{color:#fff}.weather-card_type_cloudy_day{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.weather-card_type_cloudy_day .weather-card__temp,.weather-card_type_cloudy_day .weather-card__condition{color:#fff}.weather-card_type_snowy_day{background:linear-gradient(135deg,#e6f3ff,#667eea)}.weather-card_type_snowy_day .weather-card__temp,.weather-card_type_snowy_day .weather-card__condition{color:#fff}.weather-card_type_sunny_night{background:linear-gradient(135deg,#2c3e50,#fd746c)}.weather-card_type_sunny_night .weather-card__temp,.weather-card_type_sunny_night .weather-card__condition{color:#fff}.weather-card_type_cloudy_night{background:linear-gradient(135deg,#232526,#414345)}.weather-card_type_cloudy_night .weather-card__temp,.weather-card_type_cloudy_night .weather-card__condition{color:#fff}.weather-card_type_snowy_night{background:linear-gradient(135deg,#2c3e50,#3498db)}.weather-card_type_snowy_night .weather-card__temp,.weather-card_type_snowy_night .weather-card__condition{color:#fff}.card{position:relative;border:1px solid rgba(0,0,0,.3);border-radius:10px;overflow:hidden;transition:transform .2s ease,opacity .2s ease;aspect-ratio:1}.card_deleting{opacity:0;transform:scale(.96);pointer-events:none}.card:hover{transform:translateY(-4px)}.card__top-row{position:absolute;top:16px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}.card__actions{display:flex;align-items:center;gap:8px}.card__name{margin:0;padding:2px 12px;background-color:#fff;border-radius:4px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000;text-align:center}.card__like-button{width:22px;height:22px;border:none;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14.6L7.35 13.1C3.45 9.6 1 7.35 1 4.55C1 2.35 2.75 0.6 4.95 0.6C6.2 0.6 7.4 1.2 8.15 2.15L9 3.2L9.85 2.15C10.6 1.2 11.8 0.6 13.05 0.6C15.25 0.6 17 2.35 17 4.55C17 7.35 14.55 9.6 10.65 13.1L9 14.6Z' fill='none' stroke='%23999999' stroke-width='1.2'/%3E%3C/svg%3E") center no-repeat;cursor:pointer;transition:transform .15s ease}.card__delete-button{width:20px;height:20px;border:none;background:transparent url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H15' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 2.5H11' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6 5V14C6 14.55 6.45 15 7 15H11C11.55 15 12 14.55 12 14V5' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E") center no-repeat;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.card__delete-button:hover{transform:scale(1.06);opacity:.75}.card__like-button_active{background-image:url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 14.6L7.35 13.1C3.45 9.6 1 7.35 1 4.55C1 2.35 2.75 0.6 4.95 0.6C6.2 0.6 7.4 1.2 8.15 2.15L9 3.2L9.85 2.15C10.6 1.2 11.8 0.6 13.05 0.6C15.25 0.6 17 2.35 17 4.55C17 7.35 14.55 9.6 10.65 13.1L9 14.6Z' fill='%23000000' stroke='%23000000' stroke-width='1.2'/%3E%3C/svg%3E")}.card__like-button:hover{transform:scale(1.06)}.card__image{width:100%;height:100%;display:block;cursor:pointer;object-fit:cover;object-position:center}.card__image-error{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;cursor:pointer;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:14px;color:#00000080;text-align:center;padding:20px;box-sizing:border-box}.main{padding:0 40px}.cards{margin-top:40px}.cards__text{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:25px;margin:0 0 34px}.cards__note{margin:-20px 0 20px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;color:#0009}.cards__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(328px,1fr));gap:17px;list-style:none;padding:0;margin:0}.footer{display:flex;justify-content:space-between;padding:20px 40px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;color:#00000080}.footer__text{margin:0}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;visibility:hidden;opacity:0;pointer-events:none;transition:visibility .3s,opacity .3s;z-index:100}.modal_opened{visibility:visible;opacity:1;pointer-events:auto}.modal__content{position:relative;background-color:#fff;border-radius:20px;padding:28px;max-width:496px;width:100%;transform:translateY(10px);transition:transform .25s ease}.modal_opened .modal__content{transform:translateY(0)}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal__title{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000;flex:1}.modal__close{position:absolute;top:24px;right:28px;width:20px;height:20px;background:transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19 19M19 1L1 19' stroke='%23000' stroke-opacity='0.3'/%3E%3C/svg%3E") center no-repeat;border:none;cursor:pointer;padding:0}.modal__close:hover{opacity:.6}.modal__body{margin-bottom:24px}.modal__form{display:flex;flex-direction:column}.modal__footer{display:flex;justify-content:flex-start;align-items:center;gap:12px}.modal__submit{min-width:73px;height:36px;padding:0 16px;background-color:#000;border:none;border-radius:4px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#fff;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}.modal__submit:hover{background-color:#4a4a4a}.modal__submit:disabled{background-color:#ccc;cursor:not-allowed}.modal__switch-button{margin:0;border:none;background:transparent;color:#00000080;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;cursor:pointer;padding:0}.modal__error{margin:0 0 12px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:14px;line-height:18px;color:#b91c1c}@media(max-width:600px){.modal__content{max-width:90vw}}.modal__label{display:flex;flex-direction:column;width:100%;margin-bottom:24px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:16px;line-height:20px;color:#000}.modal__input{width:100%;margin-top:8px;padding:0 0 4px;border:none;border-bottom:1px solid #000;border-radius:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;background-color:#fff;box-sizing:border-box}.modal__input:focus{outline:none;border-bottom-color:#000}.modal__fieldset{border:none;padding:0;margin:0 0 20px}.modal__legend{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:600;font-size:14px;line-height:18px;color:#000;margin-bottom:12px;padding:0}.modal__radio-label{display:flex;align-items:center;margin-bottom:12px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:500;font-size:14px;line-height:18px;color:#000;cursor:pointer}.modal__radio-label input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #cccccc;border-radius:50%;cursor:pointer;margin-right:12px;background-color:#fff;transition:border-color .2s ease,background-color .2s ease}.modal__radio-label input[type=radio]:checked{border-color:#000;background-color:#000;box-shadow:inset 0 0 0 3px #fff}.modal__avatar-options{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.modal__avatar-option{border:2px solid transparent;border-radius:999px;background:transparent;padding:0;cursor:pointer}.modal__avatar-option_selected{border-color:#2563eb}.modal__avatar-image{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block}.modal__avatar-default-btn{margin:-8px 0 12px;align-self:flex-start;border:none;background:transparent;color:#1d4ed8;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:14px;cursor:pointer;padding:0}.modal__avatar-preview{display:flex;align-items:center;gap:10px;margin:0 0 16px}.modal__avatar-preview-label{font-family:Cabinet Grotesk,Arial,sans-serif;font-size:14px}.modal__avatar-preview-image{width:44px;height:44px;border-radius:50%;object-fit:cover}@media(max-width:600px){.modal__avatar-options{grid-template-columns:repeat(3,1fr)}}.modal__content.modal__content_type_image{position:relative;background-color:#fff;border-radius:20px;padding:0!important;width:min(460px,calc(100vw - 40px))!important;max-width:460px!important;overflow:hidden;box-sizing:border-box}.modal__content_type_image .modal__close,.modal__close_type_preview{background:transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19 19M19 1L1 19' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center no-repeat;top:24px;right:24px;z-index:3}.modal__content_type_image .modal__image-wrapper{width:100%;aspect-ratio:1 / .95;background-color:#f3f3f3;overflow:hidden}.modal__content_type_image .modal__image{width:100%;height:100%;min-height:0;display:block;object-fit:cover;object-position:center}.modal__content_type_image .modal__image_type_starter{transform:scale(1.42);transform-origin:center}.modal__content_type_image .modal__details{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 28px 24px!important;min-height:104px;box-sizing:border-box}.modal__text{display:flex;flex-direction:column;gap:12px;min-width:0}.modal__caption{margin:0;padding:0;background:transparent;border-radius:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.modal__weather{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.modal__delete-button{margin:0;border:none;background:transparent;color:#ff4d00;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;line-height:24px;font-weight:700;padding:0;flex-shrink:0;cursor:pointer}.modal__delete-button:hover{opacity:.75}@media(max-width:560px){.modal__content.modal__content_type_image{width:calc(100vw - 20px)!important}.modal__content_type_image .modal__image{min-height:280px}.modal__content_type_image .modal__details{padding:18px 20px 22px!important;flex-direction:column;align-items:flex-start}.modal__delete-button,.modal__weather,.modal__caption{font-size:18px;line-height:22px}}.modal__content_type_confirm{position:relative;width:min(670px,calc(100vw - 40px));max-width:670px;min-height:280px;padding:60px 40px 52px;border-radius:20px;text-align:center;box-sizing:border-box}.modal__content_type_confirm .modal__close{top:20px;right:20px;width:20px;height:20px;opacity:.4}.modal__content_type_confirm .modal__close:hover:not(:disabled){opacity:.7}.confirm-modal__title{max-width:420px;margin:0 auto;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.confirm-modal__subtitle{max-width:420px;margin:0 auto 40px;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;color:#000}.confirm-modal__error{margin:0 0 20px;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;line-height:20px;color:#b91c1c}.confirm-modal__actions{display:flex;flex-direction:column;align-items:center;gap:24px}.confirm-modal__confirm-btn,.confirm-modal__cancel-btn{padding:0;background:transparent;border:none;font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:24px;cursor:pointer;transition:opacity .2s ease}.confirm-modal__confirm-btn{color:#ff4d00}.confirm-modal__cancel-btn{color:#000}.confirm-modal__confirm-btn:hover:not(:disabled),.confirm-modal__cancel-btn:hover:not(:disabled){opacity:.75}.confirm-modal__confirm-btn:disabled,.confirm-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.modal__content_type_confirm{width:calc(100vw - 20px);min-height:auto;padding:56px 20px 32px}.confirm-modal__title,.confirm-modal__subtitle,.confirm-modal__confirm-btn,.confirm-modal__cancel-btn{font-size:18px;line-height:22px}}.clothes-section{width:100%}.clothes-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.clothes-section__title{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:24px;font-weight:600;line-height:28px}.clothes-section__add-btn{padding:0;border:none;background:transparent;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:16px;font-weight:500;cursor:pointer;color:#333;transition:color .2s ease;white-space:nowrap}.clothes-section__add-btn:hover{color:#000;font-weight:600}.clothes-section__list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0}@media(max-width:1200px){.clothes-section__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.clothes-section__header{flex-direction:column;align-items:flex-start}.clothes-section__list{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.clothes-section__list{grid-template-columns:1fr}}.sidebar{width:229px;display:flex;align-items:flex-start}.sidebar__user{display:flex;align-items:center;gap:12px;width:229px;height:40px;padding:0 16px;background-color:#f5f5f5;border-radius:8px;opacity:1}.sidebar__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.sidebar__name{font-family:Cabinet Grotesk,Arial,sans-serif;font-weight:700;font-size:20px;line-height:100%;letter-spacing:0%;margin:0;white-space:nowrap;color:#272221;width:157px;height:25px;opacity:1}@media(max-width:768px){.sidebar{max-width:100%;justify-content:center;align-items:center}.sidebar__user{display:none}.sidebar__avatar{width:80px;height:80px}.sidebar__name{font-size:16px;width:auto;height:auto}}.profile{display:grid;grid-template-columns:240px 1fr;gap:48px;padding:0 40px 40px;max-width:1400px;margin:0 auto}.profile__sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px}.profile__user{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.profile__avatar-placeholder{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:24px;font-weight:700}.profile__name{margin:0;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:600;line-height:24px;text-align:left}.profile__button{width:auto;padding:0;border:none;background:transparent;font-family:Cabinet Grotesk,Arial,sans-serif;font-size:20px;font-weight:500;cursor:pointer;line-height:24px;text-align:left}.profile__button:hover{opacity:.7}.profile__button:active{opacity:.5}@media(max-width:900px){.profile{grid-template-columns:1fr;gap:24px}.profile__sidebar{flex-direction:column;align-items:flex-start;gap:10px;padding-top:0}.profile__name,.profile__button{font-size:18px;line-height:22px}}