body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{border-radius:8px;box-shadow:0 0 10px #0000001a;margin:auto;max-width:400px;padding:auto}.App h2{font-size:24px;margin-bottom:20px}.App label{display:block;margin-bottom:10px;text-align:left}.App input{border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:15px;margin-top:10px;padding:10px;width:calc(100% - 20px)}.App button{background-color:#f94e4e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:50%}.App button:hover{background-color:#9e0000}.App h2{font-size:32px}.App a{color:#007bff;display:block;margin-top:10px;text-decoration:none;transition:color .3s ease}.App a:hover{color:#0056b3}.profile-settings{background:#f4f4f4;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:auto;max-width:400px;padding:20px;width:100%}.skin-tone{border:2px solid #0000}.skin-tone.selected{border-color:#000}.login-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.header{color:#666}.header,.logo{margin-bottom:20px}.logo{background-color:brown}.logo-text{font-size:2em}.login-box{background-color:#fff;border:2px solid brown;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:30px;text-align:center;width:300px}.input-group{flex-direction:column}.login-button{background-color:#d8a7a7;border:none;border-radius:20px;color:#590c0b;cursor:pointer;font-size:1em;padding:10px;width:100%}.login-button:hover{background-color:#c98f8f}.links a{color:brown;display:block;margin-top:20px;text-decoration:none;transition:color .3s}.links a:hover{text-decoration:underline}.error-message{color:brown;font-size:.9em;margin-top:10px;text-align:center}.Register-container{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:125vh;overflow-y:auto;padding:0 1rem 2rem}.Register-box{background-color:#fff;border:2px solid brown;border-radius:10px;box-shadow:0 0 10px #0000001a;height:auto;padding:30px;text-align:center;width:300px}.Register-Button{background-color:#d8a7a7;border:none;border-radius:20px;color:#590c0b;cursor:pointer;font-size:1em;padding:10px;width:100%}.Register-Button:hover{background-color:#c98f8f}.links{margin-top:15px;text-align:center}.Form-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:flex;justify-content:flex-start;margin-top:100px}.Form-box{background-color:#fff;border:2px solid brown;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:30px;text-align:center;width:300px}.Form-Button,.Form-Buttonselected{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1em;height:80px;justify-content:center;transition:background-color .3s ease;width:80px}.Form-Button-Add,.Form-Buttonselected{background-color:#d8a7a7}.Form-Button-Add{border:none;border-radius:20px;cursor:pointer;padding:10px 20px;white-space:nowrap}.Form-Button-Add:hover,.Form-Button:hover{background-color:#c98f8f}.input-group input{margin-bottom:15px}.Form-Submit{background-color:#d8a7a7;border:none;border-radius:20px;cursor:pointer;font-size:1em;padding:10px;width:100%}.Form-Submit:hover{background-color:#c98f8f}.loading-message{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;color:#000;font-size:1.5em;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px;z-index:9999}.upload-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;pointer-events:all;position:fixed;top:0;width:100vw;z-index:9999}.upload-spinner{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;font-size:18px;padding:20px 30px}.ForgotPassword-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.ForgotPassword-box{background-color:#fff;border:2px solid brown;border-radius:10px;padding:30px;width:300px}.Card,.ForgotPassword-box{box-shadow:0 0 10px #0000001a;text-align:center}.Card{background-color:#f9f9f9;border-radius:8px;left:50%;margin:0 auto;max-height:1000px;max-width:400px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}body,html{height:flex;margin:0;overflow-x:hidden;padding:0;width:flex}.App{background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:column;height:844px;padding:10px;text-align:center;width:390px}.App h1{font-size:24px;margin:10px 0}.standard-btn{all:unset;background-color:#ff4d4d;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;text-align:center;text-transform:uppercase;width:120px}.standard-btn:hover{background-color:#e63939}.App .circle-btn{all:unset;align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:40px;width:40px}.circle-btn:hover{background-color:#e63939}.App .plus-icon{font-size:24px;line-height:40px}.lock-btn{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:5px 0;padding:8px 16px;text-align:center;text-transform:uppercase;width:120px}.lock-btn:hover{background-color:#e63939}.lock-btn:disabled{background-color:#ccc;cursor:not-allowed}.header-buttons{align-items:center;gap:10px;margin-bottom:10px}.header-buttons,.main-content{display:flex;justify-content:center}.main-content{flex:1 1;margin:0;overflow:auto}.button-rounded{all:unset;align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.button-rounded:hover{background-color:#e63939;transform:scale(1.1)}.content-wrapper{flex-direction:column;max-height:724px;overflow-y:auto;padding:0}.content-wrapper,.modal-container{align-items:center;display:flex;width:100%}.modal-container{background-color:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.modal-content{border:none;border-radius:16px;box-shadow:0 10px 25px #0003}.modal-header{border-bottom:1px solid #eee;padding:16px 24px}.modal-footer{border-top:1px solid #eee;padding:16px 24px}.modal-title{font-size:18px;font-weight:700;text-align:center;width:100%}.App .close-btn{all:unset;align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;height:25px;justify-content:center;position:absolute;right:0;top:0;width:25px}.close-btn:hover{background-color:#e63939}.modal-body{align-items:center;display:flex;flex-direction:column;gap:15px}.swipeable-section{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;width:100%}.swipeable-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.swipeable-container.accessory,.swipeable-container.topLayer{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:150px;overflow:hidden;padding:10px;width:150px}.swipeable-container.accessory img,.swipeable-container.topLayer img{height:120px;max-height:160px;object-fit:contain;width:100%}.swipeable-container h3{font-size:14px;margin-bottom:5px}.selected-items-box{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:150px;padding:10px;width:150px}.selected-items-box h3{font-size:14px;font-weight:700;margin-bottom:5px}.selected-items-box p{color:#666;font-size:12px;text-align:center}.selected-items{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-height:120px;overflow-y:auto;width:100%}.selected-items img{border:1px solid #ccc;border-radius:4px;height:50px;object-fit:cover;width:50px}.modal-action-btn{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px;text-align:center;width:120px}.modal-action-btn:hover{background-color:#e63939}.modal-action-btn:disabled{background-color:#ccc;cursor:not-allowed}.App .done-btn{all:unset;background-color:#ff4d4d;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:14px;margin:0 auto;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.done-btn:hover{background-color:#e63939}.outfit-builder{align-items:center;display:flex;flex-direction:column;gap:5px;margin:0;max-width:200px;width:100%}.outfit-card{border:1px solid #ddd;height:480px;justify-content:center;margin:0;padding:5px;width:100%}.swipeable-container{height:160px;margin:0;overflow:hidden;padding:5px;position:relative;width:100%}.swipeable-container.bottom,.swipeable-container.shoes,.swipeable-container.top{border-bottom:1px solid #ddd}.swipeable-container img{height:100%;object-fit:contain;width:100%}.overlay-container{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:5px;position:absolute;top:0;width:100%}.overlay-container h3{font-size:14px;margin-bottom:5px}.overlay-items{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-height:120px;overflow-y:auto;width:100%}.overlay-items p{color:#666;font-size:12px;text-align:center}.overlay-image{border:1px solid #ccc;border-radius:4px;height:60px;object-fit:cover;width:60px}.modal-dialog{margin:1.75rem auto;max-width:300px}.modal-content,.modal-dialog{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.modal-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:auto}.modal-header{padding:5px 0}.modal-title{font-size:16px}.btn-close{font-size:12px;padding:5px}.modal-body{padding:5px 0}.form-control{font-size:14px;padding:5px}.modal-footer{gap:10px;justify-content:center;padding:5px 0}.btn{font-size:14px;padding:5px 15px}.btn-danger{border-color:#ff4d4d;border-radius:10px}.btn-danger,.btn-danger:hover{background-color:#ff4d4d}.btn-secondary{background-color:#f9f9f9;border-radius:10px}.btn-secondary:hover{background-color:#f9f9f9;border-color:#5a6268}.add-clothes-link{align-items:center;background-color:#d8a7a7;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:150px;justify-content:center;transition:transform .2s ease,background-color .2s ease;width:150px}.add-clothes-link-hover{background-color:#c98f8f;transform:scale(1.05)}.App .delete-btn{all:unset;align-items:center;background-color:#ff4d4d;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:16px;height:25px;justify-content:center;width:25px}.flip-image,.lock-image{cursor:pointer;height:30px;margin:5px;transition:transform .2s ease;width:30px}.flip-image:hover,.lock-image:hover{opacity:.8;transform:scale(1.1)}.outfits-title{align-items:center;display:flex;gap:10px;justify-content:center}.save-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:28px;transition:all .3s ease;width:28px}.save-image:hover{opacity:.8;transform:scale(1.1)}.lock-sidebar{align-items:center;display:flex;flex-direction:column;margin-right:10px;position:relative}.lock-sidebar-icon{height:30px;transition:transform .2s ease;width:30px}.lock-sidebar-icon:hover{transform:scale(1.1)}.lock-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:-20px;min-width:140px;padding:12px 16px;position:absolute;top:40px;z-index:100}.lock-dropdown label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;margin:8px 0}.lock-dropdown input[type=checkbox]{cursor:pointer;margin-right:10px;transform:scale(1.2)}.App circle-btn{all:unset;align-items:center;background-color:#ff4d4d;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;outline:none;width:40px}.modal{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1050}.d-block{display:block}.d-none{display:none}.modal-dialog{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;margin:auto;max-width:500px;padding:15px;position:relative;top:20%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-body{margin-top:10px}.modal-footer{display:flex;justify-content:flex-end;margin-top:15px}.btn-close{background-color:initial;border:none;font-size:20px}.btn-close:hover{color:red;cursor:pointer}.btn-danger{background-color:#dc3545;color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.navbar{background-color:brown;box-shadow:0 2px 4px #0000001a;font-size:large;margin-bottom:20px;padding:10px 20px;top:0;width:flex;z-index:1000}.navbar-nav{list-style:none;padding:0}.container-fluid,.navbar-nav{align-items:center;display:flex;width:100%}.container-fluid{justify-content:space-between}#signout-button{white-space:nowrap}.desktop-only#signout-button{width:auto}.navbar-right{align-items:center;display:flex}.nav-item{list-style:none;margin-right:20px}.nav-link{background:none;border:none;border-radius:4px;color:#fff;font-size:16px;font-size:large;font-weight:700;padding:8px 12px;text-decoration:none;transition:background-color .3s,color .3s}.nav-link.active,.nav-link:hover{background-color:#d8a7a7;color:#fff}#home-link{background-color:initial;color:#fff}#home-link.active,#home-link:hover{background-color:#d8a7a7;color:#fff}.dropdown-menu{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;font-weight:700;opacity:0;padding:10px;position:absolute;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;visibility:hidden;z-index:1000}.nav-link.dropdown{border-radius:4px;color:#fff;margin-right:20px;padding:8px 12px}.nav-link.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-link.dropdown:after{color:#fff;content:"▼";display:inline-block;font-size:.8rem;margin-left:5px;vertical-align:middle}.dropdown-menu ul{list-style-type:none;margin:0;padding:0}.dropdown-menu ul li{border-bottom:1px solid #ccc;padding:10px 0}.dropdown-menu ul li:last-child{border-bottom:none}.dropdown-menu ul li a{color:#333;text-decoration:none;transition:color .3s ease}.dropdown-menu ul li a:hover{color:#000}.wardrobe-header{gap:15px;justify-content:flex-start;margin-bottom:20px}.wardrobe-header .nav-link{background-color:brown;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.wardrobe-header .nav-link:hover{background-color:#d8a7a7}.wardrobe-search{border:1px solid #ccc;border-radius:5px;flex:1 1;margin-left:20px;max-width:300px;padding:10px}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.navbar-nav.mobile{background-color:brown;display:none;flex-direction:column;left:0;padding:10px 0;position:fixed;top:0;transition:top .3s ease;width:100%;z-index:999}.navbar-nav.mobile.active{display:flex;gap:20px;top:50px}.mobile-only{display:none}@media (max-width:844px){.navbar-nav{display:none}.navbar-nav.mobile.active{display:flex}.navbar-nav .nav-item{margin:8px 0}.mobile-only{display:block}.desktop-only{display:none}.message-item{display:block;margin-right:10px}.navbar-right{margin-left:auto}.message-dropdown{right:-20px;width:280px}.navbar-toggle{display:block}}.message-item{margin-left:auto;margin-right:20px}.message-link{padding-right:10px;position:relative}.message-badge{align-items:center;background-color:#ff4b4b;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.message-dropdown-container{margin-right:20px;position:relative}.message-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:5px;max-height:500px;overflow-y:auto;position:absolute;right:0;top:100%;width:320px;z-index:1000}.message-dropdown h4{border-bottom:1px solid #eee;color:#333;font-size:16px;margin:0;padding:10px 15px}.message-list{list-style:none;margin:0;padding:0}.message-list li{border-bottom:1px solid #eee;cursor:pointer;padding:10px 15px}.message-list li:hover{background-color:#f5f5f5}.message-list .view-all{border-bottom:none;color:brown;font-weight:700;padding:10px;text-align:center}.message-preview{display:flex;justify-content:space-between;margin-bottom:5px}.message-time{font-size:10px;margin-top:4px;opacity:.7;text-align:right}.no-messages{align-items:center;color:#999;display:flex;font-style:italic;height:100%;justify-content:center}.message-snippet{color:#666;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-conversation{display:flex;flex-direction:column;height:400px;max-height:400px}.conversation-header{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #eee;display:flex;padding:8px 12px}.conversation-header h4{font-size:16px;margin:0}.back-button{background:none;font-size:16px;margin-right:10px}.conversation-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:10px}.message{border-radius:18px;max-width:80%;padding:10px 12px;position:relative;word-break:break-word}.message.sent{align-self:flex-end;background-color:brown;border-bottom-right-radius:4px;color:#fff}.message.received{align-self:flex-start;background-color:#f1f0f0;border-bottom-left-radius:4px;color:#333}.message-content{margin-bottom:4px}.conversation-reply{background-color:#f8f8f8;border-top:1px solid #eee;display:flex;padding:8px}.conversation-reply input{border:1px solid #ddd;border-radius:20px;flex:1 1;outline:none;padding:8px 12px}.conversation-reply button{background-color:brown;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 15px}.conversation-footer{background-color:#fff;border-top:1px solid #eee}.empty-message{color:#888;padding:20px;text-align:center}.empty-message-preview{color:#999;font-style:italic}.message-list li:hover .empty-message-preview{color:#777}.outfit-message{display:flex;flex-direction:column;width:100%}.unread-indicator{background-color:#ff4b4b;border-radius:50%;display:inline-block;flex-shrink:0;height:10px;margin-left:8px;width:10px}.outfit-preview{background-color:#ffffff1a;border-radius:8px;cursor:pointer;margin-top:5px;padding:10px;transition:background-color .2s}.outfit-preview:hover{background-color:#fff3}.outfit-images{justify-content:space-between;margin-bottom:8px}.outfit-images img{background-color:#f8f8f8;border-radius:4px;height:80px;object-fit:cover;width:32%}.outfit-name{font-weight:500;margin-bottom:5px}.view-outfit{color:#e6e6e6;font-size:12px;text-decoration:underline}.message.received .outfit-preview{background-color:#0000001a}.conversation-actions{border-top:1px solid #eee;display:flex;padding:6px 8px}.conversation-input{align-items:center;display:flex;width:100%}.conversation-input input{border:1px solid #ddd;border-radius:15px;flex:1 1;height:32px;margin-right:5px;padding:6px 10px}.conversation-input button{align-items:center;background-color:brown;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:5px 12px}.outfit-share-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1100}.outfit-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.outfit-modal-header h3{color:#333;font-size:18px;margin:0}.close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:20px}.outfit-modal-body{max-height:60vh;overflow-y:auto;padding:16px}.outfit-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-bottom:16px}.outfit-item{border:2px solid #eee;border-radius:8px;padding:8px;transition:all .2s}.outfit-item:hover{border-color:brown}.outfit-item.selected{background-color:#a52a2a0d;border-color:brown}.outfit-preview-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin-bottom:5px}.outfit-preview-grid img{background-color:#f8f8f8;border-radius:4px;height:50px;object-fit:contain;width:100%}.outfit-name{font-size:13px;margin:5px 0 0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.selected-outfit-preview{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.outfit-large-preview{display:flex;justify-content:space-between;margin:15px 0}.preview-image{background-color:#f8f8f8;border-radius:6px;height:120px;object-fit:contain;width:30%}.outfit-message-input{margin-top:16px}.outfit-message-input label{display:block;font-size:14px;margin-bottom:8px}.outfit-message-input input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.outfit-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px}.cancel-btn,.share-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.share-btn{background-color:brown;color:#fff}.share-btn:hover{background-color:#8a2020}.share-btn:disabled{background-color:#ccc;cursor:not-allowed}.cancel-btn{background-color:#f0f0f0;color:#333}.loading-outfits,.no-outfits-message{color:#777;padding:30px;text-align:center}.share-outfit-btn{background-color:brown;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;margin:0;padding:4px 8px}.share-outfit-btn:hover{background-color:#8a2020}.typing-indicator{align-items:center;align-self:flex-start;background-color:#e4e6eb;border-radius:18px;display:flex;height:20px;margin:5px 0 10px 15px;padding:8px 12px;width:40px}.typing-dot{animation:typing-dot 1.4s ease-in-out infinite both;background-color:#999;border-radius:50%;height:8px;margin:0 2px;opacity:.6;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-dot{0%,80%,to{transform:scale(.6)}40%{transform:scale(1)}}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:brown;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-overlay{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.blurred{filter:blur(5px);pointer-events:none}.tag-input-container{background:#fff;border:1px solid #ccc;border-radius:4px;display:flex;flex-wrap:wrap;padding:6px}.tag{align-items:center;background-color:#e0e0e0;display:flex;margin:4px;padding:5px 10px}.remove-tag{cursor:pointer;font-weight:700;margin-left:8px}.profile-settings h2{margin-bottom:20px;text-align:center}.profile-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.password-input{align-items:center;display:flex}.password-input input{flex:1 1}.toggle-password{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px}.toggle-password:hover{background:#0056b3}.submit-btn{background:#f94e4e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.submit-btn:hover{background:#9e0000}.input-group{margin-bottom:15px;text-align:left}.input-group label{color:brown;display:block;margin-bottom:5px}.input-group input{border:1px solid brown;border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.logo{align-items:center;background-color:#b21d1a;display:flex;height:100px;justify-content:center;left:0;margin-bottom:40px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.logo-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:2px}.UserInfo-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.UserInfo-box{background-color:#fff;border:2px solid brown;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:30px;text-align:center;width:300px}.confirmButton{background-color:#d8a7a7;border:none;border-radius:20px;color:#590c0b;cursor:pointer;font-size:1em;padding:10px;width:100%}.confirmButton:hover{background-color:#c98f8f}.skin-tone-container{display:flex;flex-direction:column}.skin-tone-group{margin-bottom:20px}.skin-tone-options{display:flex;gap:10px}.skin-tone{border:5px solid #0000;border-radius:5px;cursor:pointer;height:50px;width:50px}.skin-tone.selected{border-color:brown}.page-container{background-color:#fff5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.content-wrapper{background-color:#ffe6e6;border-radius:16px;box-shadow:0 4px 20px #f003;margin:60px auto;max-width:1000px;padding:30px}.main-heading{color:#c00;font-size:32px;margin-bottom:32px;text-align:center}.toolbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.toolbar-button{background-color:#ffe6e6;border:2px solid #c00;border-radius:8px;color:#c00;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.toolbar-button:hover{background-color:#ffd6d6}.toolbar-button.active{background-color:#c00;color:#fff;font-weight:700}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:20px 0}.card{background-color:#fff0f0;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:10px;text-align:center;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#c00;transform:scale(1.02)}.card.selected{background-color:#ffd6d6;border-color:#c00}.card-image{border-radius:6px;height:auto;margin-bottom:8px;width:100%}.card-name{color:#600;font-weight:500}.add-button-container{margin-top:30px;text-align:center}.add-button{background-color:#c00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.add-button:hover{background-color:#900}@media (max-width:600px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.toolbar{gap:10px}.toolbar-button{font-size:14px;padding:8px 16px}}.wardrobe-row{border-bottom:1px solid #ccc;margin-bottom:20px}.wardrobe-header{display:flex;justify-content:center;padding:20px}.wardrobe-item{position:relative;width:150px}.wardrobe-image{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;height:150px;object-fit:contain;width:150px}.wardrobe-content-row::-webkit-scrollbar{height:8px}.wardrobe-content-row::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.wardrobe-content-row::-webkit-scrollbar-track{background-color:#f1f1f1}.delete-button{background-color:red;border:none;border-radius:5px;color:#fff;padding:5px;position:absolute;right:5px;top:5px}.wardrobe-buttons{height:200px}.Add-Button{padding-right:30px}.Add-Button h3{text-align:center}.add-nav-link{align-items:center;background-color:#d8a7a7;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:100px;justify-content:center;transition:transform .2s ease,background-color .2s ease;width:100px}.add-nav-link:hover{background-color:#c98f8f;transform:scale(1.1)}.modal-overlay{background-color:#00000080;height:100%;overflow-y:auto;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;height:90vh;padding:20px;text-align:center;z-index:1001}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:8px;width:100%}body.modal-open{overflow:hidden}.modal-close{background-color:#d8a7a7;border:none;border-radius:20px;cursor:pointer;font-size:1em;margin-top:20px;padding:10px;width:100%}.modal-close:hover{background-color:#c98f8f}.delete-clothing-item{background-color:#d8a7a7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin:0 5px;padding:4px 8px;transition:background-color .3s ease}.delete-clothing-item:hover{background-color:#c98f8f}.header-center-group{max-width:800px}.header-actions{display:flex;gap:10px}.header-center-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;max-width:900px;width:100%}@media (max-width:844px){.wardrobe-row{flex-direction:row;gap:10px;justify-content:left;padding:10px}.Add-Button{display:flex;flex-direction:column;height:100px;padding-right:10px}.Add-Button h3{font-size:.9rem;margin-bottom:5px}.add-nav-link{height:50px;width:50px}.wardrobe-content-row{display:flex;gap:10px;overflow-x:auto;padding:10px}.wardrobe-item{flex:0 0 auto}.wardrobe-image,.wardrobe-item{height:100px;width:100px}.nav-link{font-size:.8rem;padding:3px 8px}}.Brands-List-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1em;height:80px;justify-content:center;transition:background-color .3s ease;width:80px}.Brands-List-button.selected{background-color:#d8a7a7}.Brands-List-button:hover{background-color:brown}.style-button{align-items:center;background-color:#d3d3d3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1em;height:80px;justify-content:center;transition:background-color .3s ease;width:80px}.style-button.selected{background-color:gray}.style-button:hover{background-color:#d3d3d3}.edit-clothing-container{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.edit-clothing-content{margin:0 auto;max-width:800px;padding:20px;width:100%}.edit-clothing-title{color:#2c3e50;margin-bottom:30px;text-align:center}.clothing-preview{gap:20px;margin-bottom:30px}.clothing-image{border-radius:8px;box-shadow:0 2px 10px #0000001a;height:200px;width:200px}.current-tags-section{text-align:center}.tags-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.tag{background-color:#e0c9c1;border-radius:20px;color:brown;font-size:14px;padding:5px 12px}.edit-sections{display:flex;flex-direction:column;gap:25px}.edit-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.edit-section h3{color:#2c3e50;margin-bottom:15px;margin-top:0}.input-group{display:flex;gap:10px}.form-input,.form-select{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:16px;padding:10px 15px}.form-select{background-color:#fff}.update-button{background-color:brown;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.update-button:hover{background-color:#8c2323}@media (max-width:768px){.input-group{flex-direction:column}.edit-clothing-content{padding:15px}}.styleboards-container{margin:0 auto;max-width:1200px;padding:20px}.styleboards-header{justify-content:center;width:100%}.outfit-button{border-radius:30px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.header-controls{max-width:800px;width:100%}.header-controls,.styleboards-header{align-items:center;display:flex;gap:20px}.styleboards-header{flex-direction:column;margin-bottom:30px;text-align:center}.styleboard-card{border:1px solid #f0f0f0;transition:all .3s ease}.card-footer{background:#fafafa}.styleboards-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.search-container{margin:0 auto}.actions-container{display:flex;gap:15px}.action-button{padding:10px 20px}.action-button,.delete-button{border:2px solid brown;border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s ease}.delete-button{background-color:#fff;color:brown;padding:12px 20px;white-space:nowrap}.delete-button:hover{background-color:#f8e8e8}.styleboards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:10px}.styleboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.styleboard-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-5px)}.card-checkbox{accent-color:brown;cursor:pointer;height:20px;left:15px;position:absolute;top:15px;width:20px;z-index:10}.images-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(2,1fr);height:240px;overflow:hidden}.grid-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.styleboard-card:hover .grid-image{transform:scale(1.03)}.card-footer{border-top:1px solid #f0f0f0;padding:15px}.card-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-button{border-radius:6px;font-size:14px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.share-button.shared{background-color:#f0f0f0;border:1px solid #ddd;color:#666}.share-button.unshared{background-color:brown;color:#fff}.share-button:hover{opacity:.9;transform:translateY(-1px)}.empty-state{background:#fafafa;border:1px dashed #ddd;border-radius:12px;color:#666;margin:20px 0;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:20px}.empty-state button{background-color:brown;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.modal-content{box-shadow:0 5px 20px #0003;max-width:500px;padding:25px}.modal-title{color:#333;font-size:20px;margin-bottom:20px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.modal-button{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px}.modal-confirm{background-color:brown;border:none;color:#fff}.modal-cancel{background-color:#fff;border:1px solid #ddd;color:#333}@media (max-width:768px){.styleboards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.styleboards-header{align-items:stretch;flex-direction:column}.search-container{max-width:100%}}.outfit-page-title{color:brown;font-weight:700}.mode-image{cursor:pointer;height:auto;width:50px}.outfit-outer{padding:20px;width:100%}.outfits-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0;padding:0}.outfit-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 14px #00000014;cursor:pointer;display:flex;flex-direction:column;min-height:360px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.outfit-item:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-4px)}.outfit-footer{color:#fff;padding:10px;position:relative;z-index:1}.share-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:6px 10px;position:relative;z-index:2}.outfit-image{border-radius:10px;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.image-container{justify-items:center;margin:5%}.add-outfit{background-color:brown;border-radius:5px;cursor:pointer;height:360px;width:100%}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.download-outfit-button{background-color:brown;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:8px;padding:8px 16px;transition:background-color .3s ease}.download-outfit-button:hover{background-color:#922d2d}.outfit-title{color:#333;font-size:16px;font-weight:700;margin:8px 0;padding:0 8px;text-align:center;width:100%;word-break:break-word}.circle{background-color:#ce9b9b;border-radius:50%;height:100px;width:100px}.horizontal-plus{height:12.5%;left:25%;top:43.75%;width:50%}.horizontal-plus,.vertical-plus{background-color:brown;position:relative}.vertical-plus{height:50%;left:43.75%;top:12.5%;width:10%}.outer-outfit{width:100%}.select-box{left:0;position:absolute;top:0;z-index:10}.outfit-button{background-color:#fff;border:2px solid brown;border-radius:5px 5px 0 0;box-shadow:0 -2px 5px #0000001a;color:brown;font-size:14px;padding:5px 20px;transition:background-color .3s ease}.outfit-button:hover{background-color:#cc7979;box-shadow:0 4px 10px #0003;transform:scale(1.1)}.search-container{max-width:500px}.search-icon{color:brown}.search-input{background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}@media (min-width:769px){.outer-outfit{width:100%}.select-box{height:10%;width:10%}}@media (max-width:768px){.outfit-image{height:60px;width:60px}.download-outfit-button{font-size:.75rem;padding:6px 12px}.outfit-outer{width:100%}.select-box{height:15%;width:15%}.search-input{border:1px solid brown;border-radius:5px;display:block;font-size:1em;margin:10px auto;padding:10px;width:90%}}.explore-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;margin-top:30px}.pinterest-grid{column-gap:20px;columns:250px 4;margin:0 auto;max-width:1200px;padding:20px}.pin-card{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000001a;cursor:pointer;display:inline-block;margin:0 0 20px;overflow:hidden;transition:transform .3s ease;width:100%}.pin-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.pin-image-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr);padding:5px}.pin-image-container img{border-radius:8px;height:150px;object-fit:cover;width:100%}.pin-card h3{color:#333;font-size:16px;margin:0;padding:12px 15px}@media (max-width:1024px){.pinterest-grid{columns:200px 2}.pin-image-container img{height:120px}}@media (max-width:600px){.pinterest-grid{columns:100% 1}}.outfits-list1{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:20px}.outfit-item1{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:15px;text-align:center;transition:transform .2s ease;width:250px}.outfit-item1 h2{color:#333;font-size:16px;margin-bottom:10px}.image-container1{align-items:center;display:flex;flex-direction:column;gap:10px}.image-container1 img{aspect-ratio:1/1;border:1px solid #ddd;border-radius:4px;max-width:150px;object-fit:contain;width:100%}.bookmark-container{position:absolute;right:20px;top:100px;z-index:0}.explore-detail-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:30px;position:relative}.back-button{align-self:flex-start;background-color:brown;border:none;border-radius:20px;color:#fff;font-size:14px;margin-left:20px;padding:8px 16px;transition:background-color .3s ease}.back-button:hover{background-color:#7e1f1f}.rating-section{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:10px}.rating-section h3{color:#444;font-size:1.1rem;font-weight:600;margin-bottom:4px}.rating-stars{align-items:center;display:flex;flex-direction:column;gap:6px}.avg-rating-text{color:#666;font-size:.95rem}.center{align-items:center}.page-title{border:1px solid #d3d3d3;border-radius:5px;color:brown;font-size:1em;font-weight:700}.edit-outfit-container{border:2px solid brown;border-radius:10px;justify-content:center;margin-bottom:300px;overflow-y:auto;scroll-behavior:smooth}.bottom-tab,.edit-outfit-container{align-items:center;display:flex;flex-direction:column}.bottom-tab{background-color:#f8f9facc;bottom:0;left:0;position:fixed;width:100%;z-index:1000}.tab-buttons{width:100%}.tab-button{background-color:brown;border:none;border-radius:5px 5px 0 0;box-shadow:0 -2px 5px #0000001a;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease}.edit-button{border-radius:5px;margin:0 10px}.tab-button:hover{background-color:#8b0000}.tab-button.disabled{border:1px solid #d0d0d0;cursor:not-allowed}.tab-button.disabled,.tab-button.disabled:hover{background-color:#e0e0e0;color:#a0a0a0}.cancel-button{background-color:grey}.tab-content{border-top:2px solid brown;width:100%}.wardrobe-content-row{display:flex;gap:15px;justify-content:flex-start;margin-top:15px;overflow-x:auto;scroll-behavior:smooth;width:100%}.wardrobe-row{display:flex;gap:15px;margin:0;padding:20px}.clothing-preview{align-items:center;display:flex;flex-direction:column;gap:10px}.clothing-image{height:auto;object-fit:cover;width:150px}.edit-outfit-grid-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:3fr;grid-template-rows:repeat(3,auto);margin:20px 0}.three-column-layout{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:20px}.column{gap:15px}.column,.column-item{align-items:center;display:flex;flex-direction:column}.column-item{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px;text-align:center}.column-image{border-radius:5px;height:120px;object-fit:cover;width:120px}.layer-container{align-items:center;display:flex;gap:10px}.remove-layer{border:none;border-radius:50%;color:grey;font-size:16px;font-weight:700;position:absolute}.remove-layer:hover{color:brown}@media (max-width:769px){.three-column-layout{width:100vw}.column-image{height:80px;width:80px}}.friend-page-container{font-family:Segoe UI,sans-serif;margin:40px auto;max-width:800px;padding:20px}h2{border-bottom:2px solid #e0c9c1;color:brown;font-size:1.75rem;margin-bottom:15px;padding-bottom:5px}p{color:#555;font-size:1rem;margin:10px 0 20px}.friend-search-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.search-friends{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:1rem;min-width:250px;padding:10px 15px}.send-friend-button{background-color:brown;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 18px;transition:background-color .3s ease}.send-friend-button:hover{background-color:#922121}.suggestions-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #00000014;list-style:none;margin-top:4px;max-height:150px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:1000}.suggestions-dropdown li{cursor:pointer;padding:10px 15px}.suggestions-dropdown li:hover{background-color:#f7f7f7}.friend-section ul{padding-left:20px}.friend-section li{font-size:1rem;margin-bottom:8px}.profile-container{color:#5c0a0a;font-family:Helvetica Neue,sans-serif;margin:auto;max-width:360px;padding:1.5rem}.profile-header{align-items:center;display:flex;justify-content:space-between}.profile-header h1{font-size:2.5rem;font-weight:600}.profile-star{color:#a42b2b;font-size:1.75rem}.weekly-title{font-size:1.5rem;margin-top:1rem}.weekly-highlight{background-color:#e8a4a4;border-radius:.5rem;padding:.1rem .5rem}.style-bubbles{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-around;margin:1.5rem 0}.bubble{background-color:#c55757;border-radius:50%;color:#fff;font-size:.85rem;font-weight:500;min-width:60px;padding:.6rem;text-align:center}.bubble-0{height:80px;width:80px}.bubble-1{height:50px;width:50px}.bubble-2{height:45px;width:45px}.bubble-3{height:50px;width:50px}.bubble-4{height:100px;width:100px}.measurements-box{background:#fff;border:2px solid #b43737;border-radius:1rem;padding:1rem}.measurements-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1rem}.measurements-header button{background-color:#b43737;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .8rem}.measurements-grid{grid-gap:.4rem 1rem;display:grid;font-size:.9rem;gap:.4rem 1rem;grid-template-columns:repeat(2,1fr)}.profile-section{margin-top:1.5rem}.profile-section h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.profile-section ul{color:#6b0d0d;font-size:.9rem;padding-left:1.25rem}.indicator-row{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.indicator{background-color:#a93131;border-radius:9999px;height:2rem;width:2rem}.bookmark-container1{position:absolute;right:60px;top:137px;z-index:0}.shared-outfit-container{margin:0 auto;max-width:1200px;padding:20px;position:relative;width:100%}.shared-outfit-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.outfit-title1{border-bottom:2px solid brown;color:brown;font-size:1.8rem;margin:0 0 20px;padding-bottom:10px;text-align:center}.back-btn{background-color:brown;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.back-btn:hover{background-color:#8a2020}.main-outfit-items{display:flex;gap:15px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px;width:100%}.outfit-card{background-color:#fff;box-shadow:0 2px 8px #0000001a;flex:1 1;max-width:220px;overflow:hidden;transition:transform .3s,box-shadow .3s}.outfit-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.outfit-image{background-color:#f8f8f8;height:200px;object-fit:contain;width:100%}.item-title{background-color:#f8f8f8;color:#333;font-weight:600;margin:0;padding:12px;text-align:center}.section-title{color:brown;font-size:1.5rem;margin:20px 0}.additional-items{margin-top:30px}.items-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.additional-item-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:220px;min-width:160px;overflow:hidden;transition:transform .3s,box-shadow .3s}.additional-item-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.additional-image{background-color:#f8f8f8;height:200px;object-fit:contain;width:100%}.additional-title{background-color:#f8f8f8;color:#333;font-weight:600;margin:0;padding:12px;text-align:center}@media (max-width:768px){.shared-outfit-header{align-items:flex-start;flex-direction:column}.outfit-title1{font-size:1.5rem}.main-outfit-items{gap:15px;grid-template-columns:1fr}.outfit-image{height:180px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.additional-image{height:130px}.outfit-card{max-width:220px;width:80%}}@media (max-width:480px){.shared-outfit-container{padding:15px}.main-outfit-items{display:flex;flex-direction:column}.outfit-image{height:180px}.section-title{font-size:1.3rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.additional-image{height:100px}}.bookmarked-container{padding:20px}.styleboards-list4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;padding:0}.styleboard-item4{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;padding:10px;text-align:center}.outfits-preview4{display:flex;gap:10px;justify-content:center;margin-top:10px}.outfit-preview4{align-items:center;display:flex;flex-direction:column}.outfit-image4{background-color:#fff;border:1px solid #ddd;border-radius:5px;height:50px;object-fit:contain;width:50px}.styleboards-list2{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0}.styleboard-item2{width:350px}.styleboard-grid2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);justify-items:center}.styleboard-image2{height:150px;object-fit:cover;width:150px}.outfit-image2{border:2px solid #0000;border-radius:5px;cursor:pointer;height:100px;margin:10px;width:100px}.outfit-image.selected2{border:2px solid #007bff;box-shadow:0 0 5px #007bff}.rdrCalendarWrapper{background:#fff;box-sizing:border-box;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{color:inherit;flex:1 1;text-align:center;width:0}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{align-items:center;display:flex;flex:1 1 auto;justify-content:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{box-sizing:inherit;flex-basis:14.28571%;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{color:red;font-size:1.6em;line-height:1.6em;position:absolute;right:.25em;top:0}.rdrDay{box-sizing:inherit;cursor:pointer;font:inherit;width:14.28571%}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align:auto){.rdrDay{flex-basis:14.285%!important}}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{background-color:#fff;border:1px solid #0000;border-radius:4px;box-shadow:0 1px 2px 0 #23394236}.rdrDateDisplayItem input{background:#0000;border:0;color:#849095;cursor:pointer;height:2.5em;line-height:2.5em;width:100%}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000;background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;background-position:right 8px center;border:0;border-radius:4px;color:#3e484f;cursor:pointer;outline:0;padding:10px 30px 10px 10px;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{background:#eff2f7;border:0;border-radius:5px;display:block;height:24px;margin:0 .833em;padding:0;width:24px}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{border-style:solid;display:block;height:0;margin:auto;padding:0;text-align:center;transform:translate(-3px);width:0}.rdrPprevButton i{border-color:#0000 #34495e #0000 #0000;border-width:4px 6px 4px 4px;transform:translate(-3px)}.rdrNextButton i{border-color:#0000 #0000 #0000 #34495e;border-width:4px 4px 4px 6px;margin:0 0 0 7px;transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{color:#849095;font-weight:400;line-height:2.667em}.rdrDay{background:#0000;border:0;color:#1d2429;height:3em;line-height:3em;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDay:focus{outline:0}.rdrDayNumber{align-items:center;bottom:0;bottom:5px;display:flex;font-weight:300;justify-content:center;left:0;outline:0;position:absolute;right:0;top:0;top:5px}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{background:#3d91ff;border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:18px}.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span{color:#ffffffd9}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:currentColor;bottom:5px;left:0;position:absolute;right:0;top:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrEndEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange{border-bottom-left-radius:1.042em;border-top-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-bottom-right-radius:1.042em;border-top-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview{border-bottom-left-radius:1.333em;border-left-width:1px;border-top-left-radius:1.333em;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-bottom-right-radius:1.333em;border-right-width:1px;border-top-right-radius:1.333em;right:0}.rdrDayEndPreview,.rdrDayInPreview,.rdrDayStartPreview{background:#ffffff17;border:0 solid;bottom:3px;left:0;pointer-events:none;position:absolute;right:0;top:3px;z-index:1}.rdrDayStartPreview{border-bottom-left-radius:1.333em;border-bottom-width:1px;border-left-width:1px;border-top-left-radius:1.333em;border-top-width:1px;left:0}.rdrDayInPreview{border-bottom-width:1px;border-top-width:1px}.rdrDayEndPreview{border-bottom-right-radius:1.333em;border-bottom-width:1px;border-right-width:1px;border-top-right-radius:1.333em;border-top-width:1px;right:2px;right:0}.rdrDefinedRangesWrapper{background:#fff;border-right:1px solid #eff2f7;font-size:12px;width:226px}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{background:#fff;border:0;border-bottom:1px solid #eff2f7;cursor:pointer;display:block;outline:0;padding:0}.rdrStaticRange:focus .rdrStaticRangeLabel,.rdrStaticRange:hover .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;line-height:18px;outline:0;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{border:1px solid #dee7eb;border-radius:4px;color:#6c767a;height:30px;line-height:30px;margin-right:10px;text-align:center;width:30px}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;color:#333;outline:0}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{background:#0000;border:1px solid;border-radius:1.333em;bottom:-2px;content:"";left:0;position:absolute;right:0;top:-2px}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrDayEndPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrStartEdge{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrDayEndPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrStartEdge{filter:grayscale(100%) opacity(60%)}.rdrMonthName{color:#849095;font-weight:600;padding:.833em;text-align:left}.container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.header{color:#2c3e50;margin-bottom:25px;text-align:center}.formGroup{margin-bottom:20px}.label{color:#34495e;display:block;font-weight:600;margin-bottom:8px}.input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.dateRangeContainer{border:1px solid #eee;border-radius:8px;margin:20px 0;overflow:hidden}.outfitSelector{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px}.button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .3s;width:100%}.button:hover{background-color:#2980b9}.travelboard-header{padding:20px 0;text-align:center}.travelboard-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:10px}.editable-title{background:#0000;border:none;border-bottom:2px solid #bbb;font-size:1.8rem;margin-bottom:12px;padding:4px;text-align:center;transition:border-color .3s ease;width:60%}.editable-title:focus{border-color:brown;outline:none}.travel-day-card{background:#fff;border:1px solid brown;border-radius:12px;box-shadow:0 4px 10px #0000000d;margin:10px;padding:12px;transition:transform .2s ease;width:200px}.travel-day-card:hover{transform:translateY(-3px)}.travel-day-card h4{color:brown;font-size:1rem;margin-bottom:8px}.outfit-preview img{border-radius:6px;margin-bottom:6px;object-fit:cover;width:100%}.outfit-select{background-color:#fafafa;border:1px solid #ccc;border-radius:6px;font-size:.9rem;margin-bottom:10px;padding:8px;width:100%}.outfit-button{background-color:brown;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin:8px;padding:8px 16px;transition:background-color .2s ease}.outfit-button:hover{background-color:#922121}.back-button{background-color:initial;border:2px solid brown;border-radius:6px;color:brown;cursor:pointer;font-weight:500;margin-bottom:10px;padding:6px 14px}.back-button:hover{background-color:brown;color:#fff}.trip-info{color:#555;font-size:.95rem;margin:10px 0}.center{display:flex;gap:30px;justify-content:center;padding:40px 20px}.assign-container,.outfit-planner{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:25px;width:350px}.assign-container{display:flex;flex-direction:column}.rdrDay{position:relative}.rdrDayNumber span{position:relative;z-index:1}.rdrDayPlanned:after{background-color:#a52a2a20;border:2px solid brown;border-radius:50%;content:"";height:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px}.assign-container h3{color:#333;font-size:1.2rem;margin-bottom:20px}.assign-container h3 span{color:brown;font-weight:600}.button-group{display:flex;gap:10px;margin-bottom:20px}.outfit-preview{background:#f9f9f9;border-radius:10px;flex-direction:column;gap:15px;margin:25px 0;padding:20px}.modal-overlay,.outfit-preview{align-items:center;display:flex}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-height:80vh;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:30px;width:90%}.outfit-grid{display:flex;flex-direction:row;gap:20px;margin-left:-20px;margin-top:20px;overflow-x:auto;overflow-y:hidden;padding:10px 20px;scrollbar-width:thin;width:calc(100% + 20px)}.outfit-grid::-webkit-scrollbar{height:8px}.outfit-grid::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.outfit-card{align-items:center;background:#fdfdfd;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:180px;padding:10px;scroll-snap-align:start;text-align:center;transition:.3s;width:200px}.outfit-card:hover{background-color:#f5f5f5}.outfit-images{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%}.outfit-img{background-color:#f0f0f0;border-radius:6px;height:120px;object-fit:contain;width:120px}.search-container{flex-grow:1;flex-shrink:1;max-width:400px}.search-input{border:1px solid #e0c9c1;border-radius:30px;box-sizing:border-box;font-size:16px;padding:12px 20px 12px 45px;position:relative;width:100%;z-index:1}.search-wrapper{flex:1 1;max-width:600px;min-width:250px}.search-container{position:relative;width:100%}.search-icon{left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input:focus{border-color:brown;box-shadow:0 2px 12px #a52a2a1a;outline:none}@media (max-width:768px){.center{align-items:center;flex-direction:column;padding:20px 10px}.assign-container,.outfit-planner{margin-bottom:20px;margin-right:0;width:100%}.outfit-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:480px){.button-group{flex-direction:column}.outfit-button{width:100%}}.tutorials-container{margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.tutorials-container h1{color:brown;font-size:2.5rem;font-weight:700;margin-bottom:30px}.tutorials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 10px}.tutorial-card{background-color:#fff;border:2px solid #f2dede;border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;padding:30px 20px;text-align:center;transition:transform .2s ease,box-shadow .3s ease}.tutorial-card:hover{background-color:#fff0f0;box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.tutorial-card svg{color:brown;font-size:2rem;margin-bottom:10px}.tutorial-card h2{color:#333;font-size:1.2rem;margin:0}
/*# sourceMappingURL=main.07f80bb3.css.map*/