@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toggle-switch{position:relative;display:inline-flex;align-items:center}.toggle-switch__input{opacity:0;width:0;height:0}.toggle-switch__label{position:relative;display:flex;align-items:center;justify-content:space-between;width:56px;height:28px;background-color:#fff;border-radius:14px;cursor:pointer;transition:background-color .3s ease;border:1px solid #d1d5db;padding:0;box-sizing:border-box}.toggle-switch__text{font-size:14px;font-weight:700;color:#666;transition:color .3s ease;z-index:3;position:absolute;top:50%;transform:translateY(-50%)}.toggle-switch__text--f{color:#fff;left:10px}.toggle-switch__text--c{color:#666;right:10px}.toggle-switch__slider{position:absolute;top:0;left:0;width:28px;height:28px;background-color:#000;border-radius:14px;transition:transform .7s ease;z-index:1}.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__slider{transform:translate(28px)}.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__text--f{color:#666}.toggle-switch__input:checked+.toggle-switch__label .toggle-switch__text--c{color:#fff}.toggle-switch__label:hover{background-color:#f9f9f9}.toggle-switch__label:hover .toggle-switch__slider{background-color:#333}.header{width:calc(100% - 80px);max-width:1360px;height:40px;margin:38px auto;background:#fff;display:flex;align-items:center;justify-content:space-between;font-family:Cabinet Grotesk,sans-serif;border-radius:8px;box-sizing:border-box;padding:0 24px}.header__left{display:flex;align-items:center;gap:20px}.header__logo-link{text-decoration:none;display:flex;align-items:center}.header__logo{width:89px;height:40px;object-fit:contain;display:block}.header__date-location{font-size:14px;color:#000;margin:0}.header__right{display:flex;align-items:center;gap:20px}.header__add-clothes-btn{background:none;border:none;color:#000;font-size:14px;font-family:Cabinet Grotesk,sans-serif;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.header__add-clothes-btn:hover{background-color:#e0e0e0}.header__user{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s ease}.header__user:hover{opacity:.8}.header__auth-buttons{display:flex;align-items:center;gap:16px}.header__signup-btn,.header__login-btn{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:24px;border:none;background:none;padding:0;cursor:pointer;color:#000;transition:opacity .2s ease}.header__signup-btn:hover,.header__login-btn:hover{opacity:.6}.header__username{font-size:14px;color:#000;margin:0}.header__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.weather-card{position:relative;display:flex;height:80px;border-radius:12px;overflow:hidden;margin-top:28px}.weather-card__temperature{font-size:36px;line-height:40px;margin:0;position:absolute;top:20px;left:16px;color:#fff;font-weight:700}.weather-card__background{object-fit:cover;object-position:right top;width:100%}.card{background:#f3f3f3;border-radius:12px;padding:0;box-shadow:0 4px 8px #0000001a;text-align:center;width:323px;height:328px;position:relative;border:1px solid rgba(0,0,0,.3);transition:transform .2s ease;overflow:hidden}.card:hover{transform:translateY(-2px)}.card_name{font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;line-height:20px;color:#333;margin:0;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:2;background:#fff;border-radius:4px;padding:2px 12px;box-shadow:0 2px 4px #0000001a}.card_image{width:100%;height:100%;object-fit:cover;border-radius:12px}.card__like-button{position:absolute;top:14px;right:18px;width:38px;height:38px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:#ffffffe6;box-shadow:0 2px 6px #00000026;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;padding:0}.card__like-button:before{content:"♡";font-size:20px;color:#5c5c5c;line-height:1}.card__like-button_active:before{content:"♥";color:#ff4d6b}.card__like-button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.card__like-button:focus-visible{outline:2px solid #1a1a1a;outline-offset:3px}.main{width:100%;max-width:1360px;margin:0 auto;padding:0 20px}.main__weather-section{margin-bottom:20px}.main__clothing-section{background:#f3f3f3;border-radius:12px;padding:20px}.main__clothing-prompt{font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;color:#333;margin:0 0 20px;text-align:left}.cards_list{display:flex;gap:20px;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.main__no-items{font-family:Cabinet Grotesk,sans-serif;font-size:14px;color:#666;text-align:center;padding:20px;background:#fff;border-radius:8px;border:1px solid #ddd;width:100%;margin:0}.sidebar{width:229px;flex-shrink:0;background:transparent;border:none}.sidebar__user{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:0;background:transparent;border-radius:0;box-shadow:none;height:fit-content;border:none;min-height:auto;margin-bottom:24px}.sidebar__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:0;border:none;display:block}.sidebar__avatar-placeholder{width:56px;height:56px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-family:Cabinet Grotesk,sans-serif;font-size:24px;font-weight:700;color:#000}.sidebar__username{font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;color:#000;margin:0;text-align:left;line-height:1.2;letter-spacing:0}.sidebar__link{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;font-style:normal;line-height:100%;letter-spacing:0%;color:#000;background:none;border:none;border-radius:0;padding:0;margin:16px 0 0;cursor:pointer;text-align:left;text-decoration:none;display:block;width:auto;height:25px;box-sizing:border-box;transition:opacity .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.sidebar__link:hover{opacity:.6}.sidebar__link:first-of-type{margin-top:24px}.clothes-section{flex:1;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;min-width:0}.clothes-section__header{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:20px;width:fit-content;max-width:100%;flex-wrap:nowrap}.clothes-section__title{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;color:#000;margin:0;padding:0;line-height:1.2;white-space:nowrap;flex-shrink:0}.clothes-section__add-button{background:none;border:none;color:#000;font-size:14px;font-family:Cabinet Grotesk,sans-serif;cursor:pointer;padding:8px 12px;margin:0;border-radius:4px;transition:background-color .2s ease;white-space:nowrap;flex-shrink:0}.clothes-section__add-button:hover{background-color:#e0e0e0}.clothes-section__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(323px,1fr));gap:20px;list-style:none;padding:0;margin:0}.clothes-section__empty{font-family:Cabinet Grotesk,sans-serif;font-size:16px;color:#666;text-align:center;grid-column:1 / -1;padding:40px}.profile{display:flex;min-height:calc(100vh - 200px);padding:0 40px;margin-top:20px;gap:40px;align-items:flex-start;width:100%;box-sizing:border-box}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:20px 0;margin-top:auto}.footer__content{max-width:1360px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer__copyright{font-family:Cabinet Grotesk,sans-serif;font-size:14px;color:#6c757d;margin:0}.footer__links{display:flex;gap:20px;align-items:center}.footer__link{font-family:Cabinet Grotesk,sans-serif;font-size:14px;color:#6c757d;text-decoration:none;transition:color .3s ease}.footer__link:hover{color:#333}@media (max-width: 768px){.footer__content{flex-direction:column;text-align:center;gap:15px}.footer__links{gap:15px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;z-index:1;border-radius:12px;padding:24px;width:496px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal__title{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;margin:0;color:#333}.modal__close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:background-color .2s}.modal__close-btn:hover{background-color:#f0f0f0}.modal__close-icon{width:16px;height:16px;display:block}.modal__form{display:flex;flex-direction:column;gap:20px}.modal__input-group{display:flex;flex-direction:column;gap:8px}.modal__label{font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;color:#333}.modal__input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-family:Cabinet Grotesk,sans-serif;font-size:16px;transition:border-color .2s}.modal__input:focus{outline:none;border-color:#007bff}.modal__input::placeholder{color:#999}.modal__weather-section{display:flex;flex-direction:column;gap:12px}.modal__weather-title{font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;color:#333;margin:0}.modal__radio-group{display:flex;flex-direction:column;gap:12px}.modal__radio-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Cabinet Grotesk,sans-serif;font-size:16px;color:#333}.modal__radio{width:18px;height:18px;accent-color:#333;cursor:pointer}.modal__radio-text{font-weight:500}.modal__submit-btn{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:8px}.modal__submit-btn:hover:not(:disabled){background-color:#0056b3}.modal__submit-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.item-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.item-modal{background:#fff;border-radius:12px;padding:24px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.item-modal__close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:10}.item-modal__close-btn:hover{color:#333}.item-modal__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.item-modal__image{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a;align-self:center}.item-modal__title{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0%;color:#000;margin:0;align-self:flex-start}.item-modal__weather{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0%;color:#000;margin:0;text-transform:capitalize;align-self:flex-start}.item-modal__delete-btn{background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:Cabinet Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;align-self:flex-start;margin-top:8px}.item-modal__delete-btn:hover{background-color:#ff7875}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Regular-D9cmwbIg.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Bold-BAQZSB8G.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Light-BW5Ou7oY.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Medium-DHJjXo9b.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Black-DZq1wtpo.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Extrabold-eFfhzJI9.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Extralight-BcNgmIMc.otf) format("opentype");font-weight:200;font-style:normal}@font-face{font-family:Cabinet Grotesk;src:url(/assets/CabinetGrotesk-Thin-BdP5o1J_.otf) format("opentype");font-weight:100;font-style:normal}.page{background-color:#f3f3f3;display:flex;flex-direction:column;min-height:100vh}.page__content{max-width:1360px;margin:0 auto}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */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}