@import url(https://fonts.googleapis.com/css2?family=Gloock&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px 20px}.login-header-image{height:auto;margin-bottom:30px;margin-top:50px;width:200px}.login-container .login-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;margin-top:0;max-width:300px;padding:.85rem;width:100%}.login-container .login-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:.85rem;text-align:center}.login-container .form-group{margin-bottom:.85rem}.login-container .form-group label{color:#333;display:block;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin-bottom:.35rem}.login-container .form-group input{background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:.6rem;transition:all .3s ease;width:80%}.login-container .form-group input:hover{background:#f5f5f5;border-color:#e5e5e5;outline:none;transform:scale(1.02)}.login-container .button-group{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1rem;width:100%}.login-container .login-button{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.2rem;margin:0 auto;padding:.6rem .2rem;transition:all .3s ease;width:65%}.login-container .login-button:hover:not(:disabled){background:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;background-image:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;transform:scale(1.05)}.login-container .login-button:disabled{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;cursor:not-allowed;opacity:.7}.login-container .signup-button{background:radial-gradient(circle at center,#96e6ff 0,#31b7ff 100%)!important;background-image:radial-gradient(circle at center,#96e6ff 0,#31b7ff 100%)!important;color:#fff}.login-container .signup-button:hover{background:radial-gradient(circle at center,#67dcff 0,#009ef3 100%)!important;background-image:radial-gradient(circle at center,#67dcff 0,#009ef3 100%)!important;transform:scale(1.05)}.login-container .divider{align-items:center;display:flex;margin:1rem 0 .5rem;text-align:center}.login-container .divider:after,.login-container .divider:before{border-bottom:1px solid #e5e5e5;content:"";flex:1 1}.login-container .divider span{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;padding:1rem}.login-container .google-button{align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;font-size:1rem;gap:10px;justify-content:center;margin:0 auto;padding:.6rem;transition:all .3s ease;width:90%}.login-container .google-button:hover{background:#f5f5f5;transform:scale(1.02)}.login-container .google-icon{height:20px;width:20px}.login-container .profile-description{line-height:1.4;margin:0 0 1.5rem;padding:0 1rem}.login-container .message,.login-container .profile-description{color:#333;font-family:IBM Plex Mono,monospace;font-size:.9rem;text-align:center}.login-container .message{align-items:center;border-radius:8px;display:flex;justify-content:center;margin:1rem auto;max-width:300px;padding:.75rem;width:90%}.login-container .message.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.login-container .message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}@media (min-width:768px){.login-header-image{margin-top:0;max-width:300px;width:70%}.login-container .login-box{max-width:350px;padding:1.3rem}.login-container .login-box h2{font-size:2rem;margin-bottom:1rem}.login-container .form-group{margin-bottom:1rem}.login-container .form-group label{font-size:1.2rem}.login-container .form-group input{font-size:1.1rem;padding:.85rem}.login-container .button-group{width:100%}.login-container .login-button{font-size:1.3rem;padding:.85rem .4rem}.login-container .google-button{font-size:1.1rem;padding:.85rem}.login-container .google-icon{height:24px;width:24px}.login-container .profile-description{font-size:1rem;margin:.5rem 0 2rem}}.reports-container{padding:0 20px 20px}.reports-header-image{margin-top:-110px}.reports-container .form-group{margin-bottom:1.5rem}.reports-container .form-group label{color:#333;display:block;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin-bottom:.35rem}.reports-container .form-group input{background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:.6rem;transition:all .3s ease;width:80%}.reports-container .form-group input:hover{background:#f5f5f5;border-color:#e5e5e5;outline:none;transform:scale(1.02)}.reports-container .submit-button{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;display:block;font-family:Gloock,serif;font-size:1.2rem;margin:0 auto;padding:.6rem;transition:all .3s ease;width:50%}.reports-container .submit-button:hover{background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:scale(1.05)}.reports-container .platform-options{display:flex;gap:20px;justify-content:center;margin-top:10px}.reports-container .platform-option{align-items:center;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;font-size:1rem;gap:8px}.reports-container .platform-option input[type=radio]{cursor:pointer;height:16px;width:16px}.reports-container .additional-text{color:#333;font-family:IBM Plex Mono,monospace;font-size:.9rem;line-height:1.4;margin-top:1.5rem;text-align:center}.reports-container .additional-text .login-link{color:#e8d0fa;font-size:1.3rem;transition:all .4s ease}.reports-container .additional-text .login-link:hover{color:#d5aaf6;transform:scale(1.15)}.reports-container .message{align-items:center;border-radius:8px;color:#333;display:flex;font-family:IBM Plex Mono,monospace;font-size:.9rem;justify-content:center;margin:1rem auto;max-width:300px;padding:.75rem;text-align:center;width:90%}.reports-container .message.success{background-color:#e8f5e9;color:#2e7d32}.reports-container .message.error{background-color:#ffebee;color:#c62828}@media (min-width:768px){.reports-header-image{margin-top:-60px;max-width:300px;width:70%}.reports-box{margin-top:0;max-width:400px;padding:1rem 2rem}.reports-box h2{font-size:2rem;margin-bottom:1rem}.reports-container .form-group{margin-bottom:1.8rem}.reports-container .form-group label{font-size:1.2rem}.reports-container .form-group input{font-size:1.1rem;padding:.85rem}.reports-container .submit-button{font-size:1.3rem;padding:.85rem}.description-text{font-size:1.1rem;margin-bottom:2rem}.reports-container .platform-option{font-size:1.1rem}.reports-container .additional-text{font-size:1rem;margin-top:2rem}}@media (max-width:767px){.reports-box{margin-top:0;max-width:400px;padding:1rem 1.5rem;width:90%}.reports-header-image{margin-top:20px;max-width:300px;width:80%}.reports-box h2{font-size:1.5rem;margin-bottom:.5rem}.reports-container .form-group{margin-bottom:1.5rem}.reports-container .form-group label{font-size:1rem}.reports-container .form-group input{font-size:.9rem;padding:.7rem}.reports-container .submit-button{font-size:1.1rem;padding:.7rem}.description-text{font-size:.9rem;margin-bottom:1.5rem}.reports-container .platform-option{font-size:.9rem}.reports-container .additional-text{font-size:.85rem;margin-top:1.5rem}}.reports-container{align-items:center;background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px 20px}.reports-header-image{cursor:pointer;height:auto;margin-bottom:30px;margin-top:0;width:200px}.reports-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;height:auto;margin-top:0;max-width:400px;min-height:-webkit-min-content;min-height:min-content;overflow:visible;padding:.85rem 1.5rem;width:100%}.reports-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:.85rem;text-align:center}.description-text{color:#333;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.radio-group{flex-direction:row;gap:40px;margin-bottom:1.5rem;padding-bottom:.75rem;width:100%}.radio-group,.text-radio-option{align-items:center;display:flex;justify-content:center}.text-radio-option{color:#333;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.8rem;gap:8px;height:24px}.text-radio-option input[type=radio]{cursor:pointer;height:16px;width:16px}.text-radio-option.selected{color:#8bd024;font-weight:500}.form-group{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin-bottom:.35rem}.form-group input,.form-group textarea{background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;font-size:1rem;padding:.6rem;transition:all .3s ease;width:80%}.form-group textarea{box-sizing:border-box;display:block;font-family:IBM Plex Mono,monospace;height:150px;min-height:150px;text-align:center}.form-group textarea::placeholder{color:#999;font-family:IBM Plex Mono,monospace;font-size:1rem;text-align:center}.form-group textarea:not(:placeholder-shown){text-align:left}.form-group input:hover:not(:disabled),.form-group textarea:hover:not(:disabled){background:#f5f5f5;border-color:#e5e5e5;outline:none;transform:scale(1.02)}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.character-count{color:#666;font-family:IBM Plex Mono,monospace;font-size:.8rem;margin-left:auto;margin-right:auto;margin-top:.5rem;text-align:right;width:80%}.button-group{display:flex;gap:20px;justify-content:space-between;margin-top:1rem}.screenshot-button{align-items:center;background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Gloock,serif;font-size:1.1rem;gap:.2rem;height:3.2rem;justify-content:center;min-width:0;padding:.4rem 1rem;position:relative;transition:all .3s ease}.screenshot-button .filename{color:#333;display:block;font-family:IBM Plex Mono,monospace;font-size:.9rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.screenshot-button:hover:not(:disabled){background:radial-gradient(circle,#67dcff 0,#009ef3 100%);transform:scale(1.05)}.submit-button{border-radius:15px;font-size:1.2rem;height:3.2rem;padding:.6rem}.submit-button:hover:not(:disabled){background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:scale(1.05)}.screenshot-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.message{border-radius:8px;color:#787878;font-family:IBM Plex Mono,monospace;font-size:.9rem;margin:1rem 0;padding:.75rem;text-align:center}.message.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.submit-button:disabled{background-color:#ccc}@media (min-width:768px){.reports-container{padding:40px 20px 20px}.reports-header-image{margin-top:0;max-width:300px;width:70%}.reports-box{height:auto;margin-top:0;max-width:400px;min-height:-webkit-min-content;min-height:min-content;padding:1rem 2rem}.reports-box h2{font-size:2rem;margin-bottom:1rem}.form-group{margin-bottom:1.8rem}.form-group label{font-size:1.2rem}.form-group input,.form-group textarea{font-size:1.1rem;padding:.85rem}.screenshot-button,.submit-button{font-size:1.1rem;height:3.2rem;padding:.85rem}.button-group{gap:30px}.description-text{font-size:1.1rem}.form-group textarea{font-size:1.1rem;height:165px;min-height:165px;padding:.85rem}}@media (max-width:767px){.reports-header-image{margin-top:40px;max-width:300px;width:80%}.reports-box{margin-top:0;max-width:400px;padding:1rem 1.5rem;width:90%}.description-text{font-size:.9rem}}.dashboard-container{align-items:center;background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px 20px}.dashboard-header-image{cursor:pointer;height:auto;margin-bottom:30px;margin-top:50px;width:200px}.dashboard-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;margin-top:0;max-width:400px;padding:.85rem 1.5rem;width:100%}.dashboard-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:.85rem;text-align:center}.dashboard-box .profile-section{display:flex;flex-direction:column;gap:1rem!important;padding-bottom:100px;position:relative}.dashboard-box .profile-info{text-align:center}.dashboard-box .profile-image-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.dashboard-box .profile-image{border-radius:50%;cursor:pointer;height:150px;margin-bottom:.5rem!important;object-fit:cover;width:150px}.dashboard-box .profile-image-placeholder{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#666;cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;height:150px;justify-content:center;margin-bottom:1rem;width:150px}.dashboard-box .edit-overlay{background-color:#b5b5b5ac;border-radius:10px;bottom:0;color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.8rem;left:50%;padding:.3rem .8rem;position:absolute;transform:translateX(-50%);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.dashboard-box .welcome-text{color:#333;font-family:Gloock,serif;font-size:1.5rem;margin-bottom:1rem}.dashboard-box .profile-data{border-top:1px solid #f0f0f0;bottom:0;left:0;margin-top:1.5rem;padding-top:2rem;position:absolute;right:0;text-align:center}.dashboard-box .email-text,.dashboard-box .last-login,.dashboard-box .member-since{color:#999;font-family:IBM Plex Mono,monospace;font-size:.6rem;margin:.3rem 0}.dashboard-box .action-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:2rem;margin-top:.8rem!important}.dashboard-box .action-btn{background:radial-gradient(circle,#e0e0e0 0,#b0b0b0 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.2rem;padding:.6rem 1.2rem;transition:all .3s ease;width:120px}.dashboard-box .action-btn:hover{background:radial-gradient(circle,#e0e0e0 0,#7f7f7f 100%);transform:scale(1.05)}.loading{color:#333;font-family:IBM Plex Mono,monospace;font-size:1.2rem;justify-content:center;min-height:100vh}.aboutme-button,.loading{align-items:center;display:flex}.aboutme-button{flex-direction:column;gap:1rem;margin:1.5rem 0;width:100%}.about-me-button,.chat-history-button,.closet-button{align-items:center;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:Gloock,serif;font-size:1.2rem;height:auto;justify-content:center;line-height:1.2;min-height:2.5rem;padding:.6rem 1.2rem;text-align:center;transition:all .3s ease;width:50%}.chat-history-button{background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%)}.chat-history-button:hover{background:radial-gradient(circle,#67dcff 0,#009ef3 100%);transform:scale(1.05)}.about-me-button{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%)}.about-me-button:hover{background:radial-gradient(circle,#c2f01e 0,#41ba00 100%);transform:scale(1.05)}.closet-button{background:radial-gradient(circle,#db70ff 0,#9000ff 100%)}.closet-button:hover{background:radial-gradient(circle,#db70ff 0,#4902c4 100%);transform:scale(1.05)}.dashboard-box .profile-image-wrapper,.dashboard-box .user-profile-image{margin-bottom:.5rem!important}@media (min-width:768px){.dashboard-header-image{margin-top:0;max-width:300px;width:70%}.dashboard-box{max-width:400px;padding:1.3rem 2rem}.dashboard-box h2{font-size:2rem;margin-bottom:1rem}.dashboard-box .welcome-text{font-size:1.8rem}.dashboard-box .email-text,.dashboard-box .last-login,.dashboard-box .member-since{font-size:.66rem}.dashboard-box .action-btn{font-size:1.3rem;padding:.85rem 1.5rem}.dashboard-box .profile-image,.dashboard-box .profile-image-placeholder{height:180px;margin-bottom:.5rem!important;width:180px}.about-me-button,.chat-history-button,.closet-button{font-size:1.3rem;padding:.85rem 1.5rem}.dashboard-box .user-profile-image{height:180px;margin-bottom:.5rem!important;width:180px}}@media (max-width:767px){.dashboard-box{max-width:400px;padding:1rem 1.5rem;width:90%}.dashboard-box h2{font-size:1.5rem;margin-bottom:.5rem}.dashboard-box .welcome-text{font-size:1.3rem}.dashboard-box .email-text,.dashboard-box .last-login,.dashboard-box .member-since{font-size:.54rem}.dashboard-box .action-btn{font-size:1.1rem;padding:.7rem 1.2rem}.dashboard-box .profile-image,.dashboard-box .profile-image-placeholder{height:120px;margin-bottom:.5rem!important;width:120px}.about-me-button,.chat-history-button,.closet-button{font-size:1.1rem;padding:.7rem 1.2rem}.dashboard-box .user-profile-image{height:120px;margin-bottom:.5rem!important;width:120px}}.header-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:20px;padding-top:50px;transition:all .5s ease}.header-container.expanded{padding-top:20px}.header-image{height:auto;margin-bottom:10px;transform-origin:top center;transition:all .5s ease;width:100px}.header-image.shrink{transform:scale(.5)}.header-container .slogan{color:#fff;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;margin:-10px -10px 15px;text-shadow:-.2px -.2px 0 #fff,.2px -.2px 0 #fff,-.2px .2px 0 #fff,.2px .2px 0 #fff;transition:all .5s ease}.header-container .slogan.hide{opacity:0;transform:translateY(-20px)}.header-slogan{color:#333;font-family:IBM Plex Mono,monospace;font-size:1rem;margin-top:.5rem;text-align:center}.login-link-container,.mobile-signup-container,.report-bug-container{align-items:center;display:flex;flex-direction:column;gap:5px;position:fixed;z-index:1000}.report-bug-container{right:10px;top:10px}.mobile-signup-container{left:10px;top:10px}.login-link-container{left:50%;top:10px;transform:translateX(-50%)}.mobile-signup-text,.report-bug-text{font-size:1rem;margin:0;white-space:nowrap}.login-link,.mobile-signup-text,.report-bug-text{color:#fff;font-family:Gloock,serif;text-align:center}.login-link{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;display:inline-block;font-size:1.2rem;padding:8px 16px;text-decoration:none;transition:all .3s ease}.login-link:hover{transform:scale(1.15)}.report-bug-button{background:radial-gradient(circle,#ffa600 0,#ff4971 100%)}.mobile-signup-button,.report-bug-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;text-align:center;transition:all .3s ease;width:50px}.mobile-signup-button{background:radial-gradient(circle,#db70ff 0,#9000ff 100%)}.report-bug-button:hover{background:radial-gradient(circle,#ffa600 0,#ff0037 100%);transform:scale(1.1)}.mobile-signup-button:hover{background:radial-gradient(circle,#db70ff 0,#4902c4 100%);transform:scale(1.1)}@media (min-width:768px){.header-image{width:300px}.header-container .slogan{font-size:1.8rem;margin-bottom:20px}.mobile-signup-button,.report-bug-button{font-size:2.5rem;height:62.5px;width:62.5px}.mobile-signup-text,.report-bug-text{font-size:1.2rem}}@media (max-width:767px){.header-image{max-width:300px;width:80%}.header-container .slogan{font-size:1.5rem;margin-bottom:10px}.login-link{font-size:1.1rem;padding:6px 12px}}.chat-container{box-sizing:border-box;left:50%;margin:0 auto;max-width:400px;padding:0;position:absolute;top:calc(50% + 150px);transform:translate(-50%,-50%);transition:all .5s ease;width:90%}.chat-container.expanded{max-width:600px;top:calc(50% + 50px);width:95%}.model-selector-container{align-items:center;display:flex;left:50%;position:absolute;top:0;transform:translateX(-50%)}.model-selector{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');background-position:right 12px center;background-repeat:no-repeat;border:2px solid #f5ffb4;border-radius:12px;box-sizing:border-box;color:#333;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.9rem;height:36px;outline:none;padding:8px 30px 8px 12px;text-align:center;transition:all .3s ease;width:140px}.model-selector:hover{background-color:#fafff0;border-color:#c2f01e}.model-selector:focus{border-color:#8bd024;box-shadow:0 0 0 2px #c2f01e33}.model-selector:disabled{cursor:not-allowed;opacity:.6}.chat-box{background:#fff;border:4px solid #f5ffb4;border-radius:20px;box-sizing:border-box;height:220px;justify-content:center;margin:15px auto;overflow:hidden;transition:height .5s ease,border-color .5s ease;width:100%}.chat-box,.chat-box.expanded{display:flex;flex-direction:column}.chat-box.expanded{border-color:#653ec027;height:400px;justify-content:flex-start}.chat-messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.chat-messages-container::-webkit-scrollbar{width:4px}.chat-messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.chat-messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:#555}.chat-message{display:flex;flex-direction:column;margin-bottom:8px;max-width:80%}.user-message{align-self:flex-end}.agent-message{align-self:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;font-family:IBM Plex Mono,monospace;font-size:.95rem;line-height:1.4;max-width:100%;padding:10px 12px}.user-bubble{background-color:#abe6fd81;border-top-right-radius:4px;color:#333;text-align:right}.agent-bubble{background-color:#653ec027;border-top-left-radius:4px;color:#333;text-align:left}.agent-bubble.thinking{color:#999;font-style:italic}.message-image{border-radius:12px;margin-bottom:5px;max-width:200px;overflow:hidden}.message-image img{display:block;height:auto;width:100%}.user-image{align-self:flex-end}.agent-image{align-self:flex-start}.chat-input-container{background:#fff;border-top:1px solid #eee;padding:10px}.new-message-form{display:flex;gap:8px}.new-message-input{border:2px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:.95rem;outline:none;padding:10px 15px;transition:border-color .3s}.new-message-input:focus{border-color:#5ad0ffce}.send-button{background:#8bd024;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;padding:0 15px;transition:background-color .3s}.send-button:hover{background:#c2f01e}.send-button:disabled{background:#ccc;cursor:not-allowed}.chat-box-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.chat-box-text{word-wrap:break-word;background:#0000;border:none;box-sizing:border-box;color:#333;font-family:IBM Plex Mono,monospace;font-size:1rem;height:100%;line-height:1.5;outline:none;overflow-y:hidden;padding:90px 15px 0;text-align:center;white-space:pre-wrap;width:100%}.chat-box-wrapper.scrollable .chat-box-text{overflow-y:auto;padding:15px}.chat-box-placeholder{color:#aaa;font-family:IBM Plex Mono,monospace;font-size:1.2rem;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.model-info{color:#999;font-size:.8rem;font-style:italic;margin-left:10px;padding-top:4px;text-align:right}.chat-buttons{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:10px;padding:0;position:relative;width:100%;z-index:1}.prompt-button,.reference-button{align-items:center;border:none;border-radius:15px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;font-family:Gloock,serif;height:80px;justify-content:center;margin:0;transition:all .3s ease;width:102px}.reference-button{background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%);font-size:1.32rem;line-height:1.2;margin-left:-35px;padding:.4rem}.reference-button:not(:has(.filename)){font-size:3.025rem}.prompt-button{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);font-size:2.75rem}.reference-button .filename{color:#333;display:block;font-family:IBM Plex Mono,monospace;font-size:.72rem;margin-top:2px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.reference-button:hover{background:radial-gradient(circle,#67dcff 0,#009ef3 100%);transform:scale(1.05)}.prompt-button:hover{background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:scale(1.05)}.prompt-button:disabled{background:radial-gradient(circle,#e0e0e0 0,#b0b0b0 100%);cursor:not-allowed;transform:none}.reference-button-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;margin:0;padding:0}.reference-button-label{color:#fff;font-family:Gloock,serif;font-size:1.21rem;margin-top:5px;min-width:120px;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.prompt-button{flex-shrink:0}.grey-box-placeholder{background-color:#e0e0e0;border-radius:10px;height:250px;margin:1rem auto;width:250px}.chat-container[data-model="gemini-2.0-flash"] .chat-box:not(.expanded),.chat-container[data-model=gpt-4o] .chat-box:not(.expanded){border-color:#f5ffb4}.chat-container[data-model="gemini-2.0-flash"] .model-info,.chat-container[data-model=gpt-4o] .model-info{color:#8bd024}.api-error-indicator{color:#c90;cursor:help;font-size:.65rem;margin-left:4px;opacity:.7;position:absolute;right:-10px;top:0}@media (min-width:768px){.chat-box{height:250px}.chat-box.expanded{height:450px}.chat-box-text{font-size:1.3rem}.model-selector{width:160px}}@media (max-width:767px){.chat-container{top:calc(50% + 120px);width:95%}.chat-container.expanded{max-width:400px;width:95%}.model-selector{font-size:.8rem;width:145.2px}.prompt-button,.reference-button{height:75px;width:93px}.model-selector-container{top:15px}}.prompt-tips-container{opacity:0;pointer-events:none;position:absolute;right:-240px;top:30%;transform:translateX(-20px) translateY(-50%);transition:opacity 2s cubic-bezier(.19,1,.22,1),transform 2s cubic-bezier(.19,1,.22,1);width:270px;will-change:opacity,transform;z-index:100}.prompt-tips-container.fade-in{opacity:1;transform:translateX(0) translateY(-50%)}.prompt-tips-box{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#f0f0f0bf;border:1px solid #a0a0a080;border-radius:12px;box-shadow:0 4px 12px #0000000a;padding:14px}.prompt-tips-box h4{color:#7e7e7e;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:500;margin:0 0 8px}.prompt-tips-box ul{list-style-type:disc;margin:0;padding:0 0 0 16px}.prompt-tips-box li{color:#7e7e7e;font-family:IBM Plex Mono,monospace;font-size:.8rem;line-height:1.3;margin-bottom:6px;text-align:left}.prompt-tips-box li::marker{color:#7e7e7e}@media (max-width:767px){.prompt-tips-container{right:-175px;top:30%;width:160px}.prompt-tips-box{padding:10px}.prompt-tips-box h4{font-size:.8rem}.prompt-tips-box li{font-size:.7rem}}@media (max-width:480px){.prompt-tips-container{right:-165px;top:25%;width:150px}}.auth-page,body{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);margin:0;min-height:100vh;padding:0}.auth-page{align-items:center;display:flex;flex-direction:column;width:100%}.auth-page .header-image{margin-bottom:10px;margin-top:50px}@media (min-width:768px){.auth-page .header-image{width:300px}}@media (max-width:767px){.auth-page .header-image{width:200px}}.chat-history-container{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);box-sizing:border-box;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:20px 10px 10px;position:relative}.chat-history-container,.chat-history-header{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.chat-history-header{padding-bottom:20px}.chat-history-header-image{cursor:pointer;height:auto;margin-bottom:10px;margin-top:0;width:200px}.chat-history-header h2{color:#fff;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin:0}.chat-history-content{background-color:#fff;border:4px solid #653ec027;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:flex;height:calc(100vh - 180px);margin-bottom:20px;max-width:1000px;overflow:hidden;width:95%}.chat-history-sidebar{background-color:#f8f8f8;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding-top:10px;width:280px}.chat-history-sidebar-item{align-items:center;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin:0 10px 5px;padding:12px 20px;position:relative;text-align:left;transition:background-color .2s ease,border-left .2s ease,border-bottom .2s ease}.chat-history-sidebar-item:hover{background-color:#f0f0f0;border-left:3px solid #e8d0fa80}.chat-history-sidebar-item.selected{background-color:#e8e8e8;border-left:3px solid #e8d0fa80}.chat-history-sidebar-content{display:flex;flex-direction:column;flex-grow:1;margin-right:10px;overflow:hidden}.chat-history-sidebar-title{color:#333;font-family:IBM Plex Mono,monospace;font-size:.95rem;font-weight:400;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;transition:font-weight .2s ease;white-space:nowrap}.chat-history-sidebar-item.selected .chat-history-sidebar-title{font-weight:500}.chat-history-sidebar-date{color:#888;font-family:IBM Plex Mono,monospace;font-size:.8rem}.chat-history-empty{color:#888;font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-style:italic;margin:auto;padding:20px;text-align:center}.chat-history-main{background-color:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.chat-history-date-header{background-color:#f9f9f9;border-bottom:1px solid #eee;color:#888;font-family:IBM Plex Mono,monospace;font-size:.9rem;padding:15px;text-align:center}.chat-history-messages{background-color:#f5f5f5;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chat-history-message{display:flex;flex-direction:column;max-width:80%;position:relative}.chat-history-message.user{align-self:flex-end}.chat-history-message.agent{align-self:flex-start}.chat-history-message-content{position:relative}.chat-history-message-text{word-wrap:break-word;border-radius:18px;font-family:IBM Plex Mono,monospace;font-size:.95rem;line-height:1.4;margin:0;padding:12px 16px}.chat-history-message.user .chat-history-message-text{background-color:#abe6fd81;border-top-right-radius:4px;color:#333;text-align:right}.chat-history-message.agent .chat-history-message-text{background-color:#653ec027;border-top-left-radius:4px;color:#333;text-align:left}.chat-history-message-time{color:#888;font-size:.7rem;margin-top:4px;text-align:right}.chat-history-message.agent .chat-history-message-time{display:none}.chat-history-image-container{border-radius:12px;margin-bottom:8px;max-width:200px;overflow:hidden}.chat-history-image{border-radius:10px;display:block;max-height:200px;max-width:100%;object-fit:contain}.chat-history-message-model{color:#8bd024;font-size:.7rem;font-style:italic;margin-top:4px;text-align:right}.chat-history-no-selection{color:#888;font-style:italic;height:100%}.chat-history-loading,.chat-history-no-selection{align-items:center;display:flex;font-family:IBM Plex Mono,monospace;justify-content:center}.chat-history-loading{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);color:#333;font-size:1.2rem;height:100vh}.chat-history-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #e8d0fa;border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:70vh;margin-top:0;max-width:600px;padding:1.5rem 2rem;width:100%}@media (min-width:768px){.chat-history-container{padding:30px 50px 20px}.chat-history-header-image{width:250px}.chat-history-header h2{font-size:2.2rem}.chat-history-message{max-width:70%}}@media (max-width:767px){.chat-history-content{flex-direction:column;height:calc(100vh - 150px)}.chat-history-sidebar{border-bottom:2px solid #e8e0f5;box-sizing:border-box;flex-direction:row;height:120px;overflow-x:auto;overflow-y:hidden;padding:10px 5px;width:100%}.chat-history-sidebar-item{align-items:stretch;border-bottom:3px solid #0000;border-left:none;border-radius:6px;display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 10px);justify-content:space-between;margin:0 5px;padding:10px 15px;width:180px}.chat-history-sidebar-item:hover{background-color:#f0f0f0;border-bottom:3px solid #d0d0d0;border-left:none}.chat-history-sidebar-item.selected{background-color:#e8e8e8;border-bottom:3px solid #b0a0f8;border-left:none}.chat-history-header-image{width:150px}.chat-history-header h2{font-size:1.5rem}.chat-history-message{max-width:85%}.chat-history-sidebar-content{flex-grow:1;margin-bottom:5px;margin-right:0;overflow:hidden}.chat-history-sidebar-title{font-size:.9rem}.chat-history-sidebar-date{font-size:.75rem}}.chat-history-delete-button{align-items:center;background:#e3e3e3;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:31px;justify-content:center;line-height:1;opacity:0;transition:color .2s ease,background-color .2s ease,opacity .2s ease,visibility .2s ease;visibility:hidden;width:31px}.chat-history-sidebar-item.selected .chat-history-delete-button{opacity:1;visibility:visible}.chat-history-delete-button:hover{background-color:#8787871a}.chat-history-delete-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:767px){.chat-history-delete-button{bottom:8px;font-size:.9rem;height:26px;position:absolute;right:8px;width:26px}}@keyframes outfits-glow-pulse{0%{box-shadow:0 0 5px #db70ff,0 0 15px #db70ff,0 0 25px #db70ff;transform:scale(1)}50%{box-shadow:0 0 10px #db70ff,0 0 25px #db70ff,0 0 40px #db70ff;transform:scale(1.02)}to{box-shadow:0 0 5px #db70ff,0 0 15px #db70ff,0 0 25px #db70ff;transform:scale(1)}}.outfits-page{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);box-sizing:border-box;min-height:100vh;padding:10px}.outfits-page,.outfits-page .outfits-container{align-items:center;display:flex;flex-direction:column;width:100%}.outfits-page .outfits-container{max-width:918px;position:relative}.outfits-page .action-button{border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.01rem;padding:.74rem .92rem;text-align:center;text-transform:lowercase;transition:all .3s ease;width:100%}.outfits-page .action-button:hover{transform:scale(1.05)}.outfits-page .action-button.simulator{animation:outfits-glow-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#db70ff 0,#9000ff 100%);font-size:1.13rem;padding:.84rem 1.68rem;transform:scale(1.12);transform-origin:right center;transition:all .3s ease;white-space:nowrap;width:auto}.outfits-page .action-button.simulator:hover{animation:outfits-glow-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#db70ff 0,#4902c4 100%);transform:scale(1.16)}.outfits-page .outfits-box{background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;display:flex;flex-direction:column;min-height:calc(100vh - 350px);overflow:hidden;width:100%}.outfits-page .outfits-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:1rem;text-align:center}.outfits-page .outfits-content{display:flex;flex:1 1;min-height:0}.outfits-page .outfits-gallery-sidebar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:8px;width:220px}.outfits-page .sidebar{background:#f8f8f8;border:2px solid #e5e5e5;border-radius:18px;flex-grow:1;gap:8px;padding:11.5px;width:100%}.outfits-page .sidebar-header h3{color:#e8d0fa;font-family:Gloock,serif;font-size:1.56rem;font-style:italic;font-weight:400;margin:0}.outfits-page .outfits-header-image{height:auto;margin-bottom:30px;width:242px}.outfits-page .items-grid{flex:1 1;overflow-y:auto;padding:8px}.outfits-page .empty-closet-message{color:#999;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin:2rem 0;text-align:center}.outfits-page .mobile-warning{background-color:#ff6b6b;border-radius:10px;box-sizing:border-box;color:#fff;display:none;font-family:IBM Plex Mono,monospace;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center;width:100%}@media (min-width:768px){.outfits-container{padding:30px 50px 20px}.outfits-header-image{width:300px}.outfits-box{padding:2rem 3rem}.outfits-box h2{font-size:2.2rem}}@media (max-width:767px){.outfits-page .outfits-content{flex-direction:column;margin-top:1rem}.outfits-page .outfits-gallery-sidebar{max-height:300px;padding:0;width:100%}.outfits-page .sidebar{border-radius:20px;height:auto;margin:0;max-height:none;padding:1rem;width:100%}.outfits-page .items-grid{margin-top:1rem;padding:1rem}.outfits-page .outfits-box h2{font-size:1.5rem;margin-bottom:.5rem}.outfits-page .action-button.simulator{margin:0 .5rem;transform:none;width:auto}.outfits-page .mobile-warning{display:block}.outfits-page .nav-button-positioner{left:auto;margin-bottom:1rem;margin-top:1.5rem;max-width:100%;padding:0 1rem;position:static;transform:none;width:100%}.outfits-page .switch-label{color:#fff;margin-bottom:6px;position:static;transform:none}.outfits-page .view-switch{max-width:420px;width:100%}}@media (max-width:480px){.outfits-page .action-button.simulator{font-size:1rem;padding:.7rem 1.2rem}.outfits-page .switch-option:not(.active):hover{background-color:#e0e0e0}.outfits-page .nav-button-positioner{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;left:50%;max-width:918px;padding:0 50px;position:absolute;top:130px;transform:translateX(-50%);width:100%;z-index:2}}.outfits-page .switch-label{color:#fff;display:block;font-family:IBM Plex Mono,monospace;font-size:1.05rem;font-style:italic;left:50%;margin-bottom:6px;position:absolute;text-align:center;top:-22px;transform:translateX(-50%);white-space:nowrap}.outfits-page .view-switch{background-color:#e0e0e0;border:1px solid #ccc;border-radius:25px;display:flex;margin:0 auto;overflow:hidden;position:relative;width:308px}.outfits-page .switch-option{background-color:initial;border:none;border-radius:25px;color:#858585;cursor:pointer;flex:1 1;font-family:Gloock,serif;font-size:1.4rem;padding:.84rem 1.4rem;text-align:center;text-transform:lowercase;transition:background-color .3s ease,color .3s ease}.outfits-page .switch-option.active{background:radial-gradient(circle,#db70ff 0,#9000ff 100%);box-shadow:inset 0 1px 3px #0003;color:#fff}.outfits-page .switch-option:not(.active):hover{background-color:#e0e0e0}.outfits-page .nav-button-positioner{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;left:50%;max-width:918px;padding:0 50px;position:absolute;top:130px;transform:translateX(-50%);width:100%;z-index:2}.outfits-page .upload-outfit-button-container{margin-top:auto;padding-top:8px;width:100%}.outfits-page .action-button.upload-outfit{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);font-size:1.1rem;padding:.84rem 1.68rem;text-align:center;transform:none;transition:all .3s ease;white-space:nowrap;width:75%}.outfits-page .action-button.upload-outfit:hover{background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:none}.outfits-page .outfits-placeholder-text{align-items:center;color:#888;display:flex;flex-grow:1;font-family:IBM Plex Mono,monospace;font-size:.8rem;justify-content:center;line-height:1.5;padding:1rem;text-align:center}.outfits-page .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.outfits-page .modal-content{animation:modalFadeIn .3s ease;max-width:800px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.outfits-page .sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.outfits-page .outfits-gallery-sidebar .sidebar{padding-bottom:10px}@keyframes simulator-glow-pulse{0%{border-color:#88ebff;box-shadow:0 0 8px #88ebff,0 0 20px #88ebff,0 0 30px #88ebff}50%{border-color:#9000ff;box-shadow:0 0 15px #db70ff,0 0 35px #db70ff,0 0 55px #db70ff}to{border-color:#db70ff;box-shadow:0 0 8px #db70ff,0 0 20px #db70ff,0 0 30px #db70ff}}.outfit-simulator{align-items:center;animation:simulator-glow-pulse 2.5s ease-in-out infinite;background-color:#fdfdff;border:3px solid #db70ff;border-radius:15px;box-shadow:0 0 8px #db70ff,0 0 20px #db70ff,0 0 30px #db70ff;display:flex;flex-direction:column;justify-content:center;margin-left:30px;min-height:200px;overflow-y:auto;padding:1.5rem;position:relative;text-align:center}.outfit-simulator .simulator-header h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin:0 0 1rem}.outfit-simulator p{color:#888;font-family:IBM Plex Mono,monospace;font-size:1.05rem;line-height:1.6;max-width:80%}@media (max-width:767px){.outfit-simulator{margin-top:1rem;min-height:200px;padding:1rem}.outfit-simulator p{font-size:.95rem;max-width:95%}}.simulator-view-switch{background-color:#e0e0e0;border:1px solid #ccc;border-radius:20px;cursor:not-allowed;display:flex;opacity:.6;overflow:hidden;position:absolute;right:1.5rem;top:1.5rem;transform:scale(.5);transform-origin:top right;width:300px;z-index:2}.simulator-switch-option{background-color:initial;border:none;border-radius:20px;color:#555;cursor:not-allowed;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:1.3rem;padding:.6rem 1rem;text-align:center;text-transform:lowercase;transition:background-color .3s ease,color .3s ease}.simulator-switch-option.active{background:radial-gradient(circle,#88ebff 0,#41dbf9 100%);border:1px solid #41dbf9;box-shadow:inset 0 1px 3px #0003;color:#fff}.simulator-switch-option:not(.active):hover{background-color:initial}.upload-outfit-form{background-color:#fff;border-radius:20px;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:100%}.upload-outfit-form h3{color:#e8d0fa;font-family:Gloock,serif;font-size:2rem;font-style:italic;font-weight:400;margin-bottom:1.5rem;text-align:center}.upload-form-layout{flex-direction:column}.image-upload-container{gap:10px;width:100%}.image-placeholder{background-color:#f9f9f9;border:2px dashed #ccc;height:300px}.image-placeholder.has-image{background-color:initial;border:none}.placeholder-icon{margin-bottom:10px}.placeholder-text{color:#888}.image-upload-instructions{color:#888;font-size:.8rem;margin-top:8px;max-width:400px}.form-container{width:100%}.form-group{margin-bottom:15px}.form-group input,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:IBM Plex Mono,monospace;font-size:.9rem;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.form-actions{gap:10px;margin-top:20px;width:100%}.form-actions,.submit-button{align-items:center;display:flex}.submit-button{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-family:Gloock,serif;font-size:1.1rem;height:58px;justify-content:center;text-transform:lowercase;transition:all .3s ease}.submit-button:hover{background:radial-gradient(circle,#bef300 0,#41ba00 100%)}.submit-button:disabled{background:#ccc;cursor:not-allowed}.delete-button{align-items:center;background:#f0f0f0;border:1px solid #e5e5e5;border-radius:15px;color:#ff6b6b;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;font-size:1.6rem;height:58px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:58px}.delete-button:hover:not(:disabled){background:#e0e0e0;border-color:#d9d9d9;color:#e74c3c;transform:scale(1.02)}.delete-button:disabled{background:#ccc;border-color:#ccc;color:#999;cursor:not-allowed;opacity:1;transform:none}.close-modal-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;position:absolute;right:15px;top:10px}.close-modal-btn:hover{color:#555}@media (min-width:768px){.upload-form-layout{flex-direction:row}.image-upload-container{width:40%}.form-container{padding-left:20px;width:60%}}@media (max-width:767px){.upload-outfit-form{max-width:95%;padding:15px}.upload-outfit-form h3{font-size:1.5rem;margin-bottom:1rem}.image-placeholder{height:200px}.delete-button{border-radius:14px;height:auto;margin-top:10px;padding:8px;position:static;transform:none;width:100%}.delete-button:hover:not(:disabled){transform:scale(1.02)}}.image-action-button{position:relative}.outfits-gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:10px;max-height:300px;overflow-y:auto;padding:5px}.outfit-item{background-color:initial;border-radius:10px;box-shadow:none;cursor:pointer;overflow:hidden;transition:transform .2s ease;width:100%}.outfit-item:hover{transform:translateY(-2px)}.outfit-image-container{align-items:center;background-color:#f5f5f54d;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:100%}.outfit-image-container img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.outfit-item:hover .outfit-image-container img{transform:scale(1.05)}.outfits-gallery::-webkit-scrollbar{width:6px}.outfits-gallery::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.outfits-gallery::-webkit-scrollbar-thumb{background:#e8d0fa;border-radius:10px}.outfits-gallery::-webkit-scrollbar-thumb:hover{background:#db70ff}.outfits-placeholder-text{max-height:300px;overflow-y:auto;padding:5px}@media (max-width:767px){.outfits-gallery{gap:8px;max-height:250px;padding:8px}.outfit-image-container{height:100px}.outfits-placeholder-text{max-height:250px}}.home-container{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);min-height:100vh;padding:0 20px 20px}.home-container,.home-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.home-content-wrapper{gap:30px;max-width:1200px;width:100%}.home-phone-container{align-items:center;display:flex;justify-content:center}.home-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;margin-top:0;max-width:300px;padding:.85rem;width:100%}.home-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-weight:400;margin-bottom:.85rem;text-align:center}.description-text{color:#a8a8a8;font-family:IBM Plex Mono,monospace;font-size:.9rem;line-height:1.4;margin:0 auto 1.5rem;padding:0;text-align:center;width:100%}.home-container .form-group{margin-bottom:.85rem}.home-container .form-group label{color:#a8a8a8;display:block;font-family:IBM Plex Mono,monospace;font-size:.9rem;margin-bottom:.35rem}.home-container .form-group input[type=email]{background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:.6rem;transition:all .3s ease}.home-container .form-group input[type=email]::placeholder{color:#e5e5e5;font-family:IBM Plex Mono,monospace;text-align:center}.home-container .form-group input[type=email]:hover{background:#f5f5f5;border-color:#e5e5e5;outline:none;transform:scale(1.02)}.home-container .home-button{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;border:none;border-radius:15px;color:#fff;cursor:pointer;display:grid;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:1.5rem;height:50px;line-height:1;margin:0;padding:0 0 5px;place-items:center;transition:all .3s ease;width:50px}.home-container .home-button:hover:not(:disabled){background:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;background-image:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;transform:scale(1.05)}.home-container .home-button:disabled{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;cursor:not-allowed;opacity:.7}.home-container .platform-options{display:flex;gap:20px;justify-content:center;margin-top:10px}.home-container .platform-option{align-items:center;color:#333;cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;font-size:.9rem;gap:15px;line-height:1}.home-container .platform-option input[type=checkbox]{accent-color:#a8a8a8;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #e5e5e5;border-radius:3px;cursor:pointer;flex-shrink:0;height:18px;margin:0 8px 0 0;position:relative;vertical-align:middle;width:18px}.home-container .platform-option input[type=checkbox]:checked{background-color:#e5e5e5}.home-container .platform-option input[type=checkbox]:checked:after{color:#333;content:"✓";font-size:.9rem;font-weight:700;left:2px;position:absolute;top:-2px}.home-container .platform-option span{line-height:18px}.home-container .additional-text{color:#333;font-family:IBM Plex Mono,monospace;font-size:.9rem;line-height:1.4;margin-top:1.5rem;text-align:center}.home-container .additional-text .login-link{color:#e8d0fa;font-size:1.3rem;transition:all .4s ease}.home-container .additional-text .login-link:hover{color:#d5aaf6;transform:scale(1.15)}.home-container .message{align-items:center;border-radius:8px;color:#333;display:flex;font-family:IBM Plex Mono,monospace;font-size:.8rem;justify-content:center;margin:1rem auto;max-width:300px;padding:.75rem;text-align:center;white-space:pre-line;width:90%}.home-container .message.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32;font-size:.8rem}.home-container .message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828;font-size:.8rem}@media (min-width:768px){.home-content-wrapper{flex-direction:row;gap:60px}.home-box{margin-top:0;max-width:350px;padding:1.3rem}.home-box h2{font-size:2rem}.home-box h2,.home-container .form-group{margin-bottom:1rem}.home-container .form-group label{font-size:1rem}.home-container .form-group input[type=email]{font-size:1.1rem;padding:.85rem}.home-container .home-button{font-size:2rem}.home-container .message,.home-container .platform-option{font-size:1rem}.description-text{font-size:1rem;margin:.5rem 0 2rem}}@media (max-width:767px){.home-container{justify-content:flex-start;padding-top:5px}.home-content-wrapper{flex-direction:column;gap:0;margin-top:-10px}.phone-outer{transform:rotateY(-30deg) rotateX(15deg) scale(.86)}.phone-inner{height:20.7rem;width:12.1rem}.home-box{margin-top:0;max-width:300px;padding:.85rem;width:90%}.home-box h2{font-size:1.8rem;margin-top:5px}.home-box h2,.home-container .form-group{margin-bottom:.85rem}.home-container .form-group label{font-size:.9rem}.home-container .form-group input[type=email]{font-size:1rem;padding:.6rem}.home-container .home-button{font-size:1.5rem;height:50px;width:50px}.home-container .platform-option{font-size:.9rem}.home-container .message{font-size:.9rem;margin:1rem auto;padding:.75rem}}.background-homepage{align-items:center;background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:20px 10px 10px;position:relative;text-align:center;width:100%}@media (min-width:768px){.background-homepage{padding:30px 50px 20px}}@keyframes closet-glow-pulse{0%{box-shadow:0 0 5px #db70ff,0 0 15px #db70ff,0 0 25px #db70ff;transform:scale(1)}50%{box-shadow:0 0 10px #db70ff,0 0 25px #db70ff,0 0 40px #db70ff;transform:scale(1.02)}to{box-shadow:0 0 5px #db70ff,0 0 15px #db70ff,0 0 25px #db70ff;transform:scale(1)}}.closet-page{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);box-sizing:border-box;min-height:100vh;padding:10px}.closet-page,.closet-page .closet-container{align-items:center;display:flex;flex-direction:column;width:100%}.closet-page .closet-container{max-width:918px;position:relative}.closet-page .upload-button-container{display:flex;justify-content:center;margin-top:1rem;position:static;width:100%;z-index:1}.closet-page .simulator-button-container{position:absolute;right:0;top:135px;z-index:1}.closet-page .action-button{border:none;border-radius:14px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.01rem;padding:.74rem .92rem;text-align:center;text-transform:lowercase;transition:all .3s ease;width:100%}.closet-page .action-button.new-item{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);font-size:1.5rem;padding:.84rem 1.68rem;text-align:center;transform:none;transition:all .3s ease;white-space:nowrap;width:100%}.closet-page .action-button.new-item:hover{background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:none}.closet-page .action-button.simulator{animation:closet-glow-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#db70ff 0,#9000ff 100%);font-size:1.13rem;padding:.84rem 1.68rem;text-align:center;transform:scale(1.12);transform-origin:right center;transition:all .3s ease;width:187px}.closet-page .action-button.simulator:hover{background:radial-gradient(circle,#db70ff 0,#4902c4 100%);transform:scale(1.16)}.closet-page .switch-label{color:#fff;display:block;font-family:IBM Plex Mono,monospace;font-size:1.05rem;font-style:italic;left:50%;margin-bottom:6px;position:absolute;text-align:center;top:-22px;transform:translateX(-50%);white-space:nowrap}.closet-page .view-switch{background-color:#e0e0e0;border:1px solid #ccc;border-radius:25px;display:flex;margin:0 auto;overflow:hidden;position:relative;width:308px}.closet-page .switch-option{background-color:initial;border:none;border-radius:25px;color:#858585;cursor:pointer;flex:1 1;font-family:Gloock,serif;font-size:1.4rem;padding:.84rem 1.4rem;text-align:center;text-transform:lowercase;transition:background-color .3s ease,color .3s ease}.closet-page .switch-option.active{background:radial-gradient(circle,#db70ff 0,#9000ff 100%);box-shadow:inset 0 1px 3px #0003;color:#fff}.closet-page .closet-box{background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;display:flex;flex-direction:column;min-height:calc(100vh - 350px);overflow:hidden;position:relative;width:100%}.closet-page .closet-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-style:italic;font-weight:400;margin-bottom:1rem;text-align:center}.closet-page .closet-content{display:flex;flex:1 1;min-height:0}.closet-page .sidebar-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:8px;width:187px}.closet-page .sidebar{background:#f8f8f8;border:2px solid #e5e5e5;border-radius:18px;display:flex;flex-direction:column;gap:8px;padding:11.5px;width:100%}.closet-page .sidebar-header h3{color:#e8d0fa;font-family:Gloock,serif;font-size:1.56rem;font-style:italic;font-weight:400;margin:0}.closet-page .category-list{display:flex;flex-direction:column;gap:6px}.closet-page .category-button{background:#f0f0f0;border:none;border-radius:14px;color:#333;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.83rem;padding:.64rem .92rem;text-align:left;text-transform:lowercase;transition:all .3s ease}.closet-page .category-button:hover{background:#e0e0e0}.closet-page .category-button.active{background:#e8d0fae8;border:2px solid #e8d0fa;color:#fff}.closet-page .items-grid{flex:1 1;overflow-y:auto;padding:8px}.closet-page .clothing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;padding:8px;width:92%}.closet-page .clothing-item{background:#fff;border-radius:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;position:relative;transform:scale(.92);transform-origin:center;transition:all .3s ease}.closet-page .clothing-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px) scale(.92)}.closet-page .image-container{align-items:center;aspect-ratio:1;background:#fff;display:flex;justify-content:center;overflow:hidden;width:100%}.closet-page .clothing-item img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.closet-page .item-details{padding:.5rem;text-align:left}.closet-page .item-details h3{color:#666;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.closet-page .item-details p{display:none}.closet-page .empty-closet-message{color:#999;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin:2rem 0;text-align:center}.closet-page .load-more-container{margin:2rem 0;text-align:center}.closet-page .load-more-btn{background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.2rem;padding:.8rem 1.5rem;transition:all .3s ease}.closet-page .load-more-btn:hover:not(:disabled){background:radial-gradient(circle,#7ad4ff 0,#09f 100%);transform:scale(1.05)}.closet-page .load-more-btn:disabled{cursor:not-allowed;opacity:.7}@media (min-width:768px){.closet-container{padding:30px 50px 20px}.closet-header-image{width:300px}.closet-box{padding:2rem 3rem}.closet-box h2{font-size:2.2rem}}@media (max-width:767px){.closet-page .closet-content{flex-direction:column;gap:1rem;margin-top:1rem}.closet-page .sidebar{border-radius:20px;height:auto;margin:0;max-height:none;padding:1rem;width:100%}.closet-page .items-grid{margin-top:1rem;padding:1rem}.closet-page .closet-box{height:auto;min-height:calc(100vh - 300px);padding:1rem}.closet-page .closet-box h2{font-size:1.5rem;margin-bottom:.5rem}.closet-page .category-list{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center}.closet-page .category-button{flex:1 1;max-width:150px;min-width:120px;padding:.5rem .8rem;text-align:center}.closet-page .clothing-grid{gap:1rem;grid-template-columns:repeat(2,1fr);padding:.5rem}.closet-page .upload-button-container{align-self:center;display:flex;justify-content:center;margin:1rem 0;position:static;width:100%}.closet-page .simulator-button-container{box-sizing:border-box;display:flex;justify-content:center;margin:2rem 0;padding:0 1rem;position:static;width:100%}.closet-page .action-button.new-item,.closet-page .action-button.simulator{margin:0;text-align:center;transform:none;width:100%}.closet-page .action-button.simulator{margin:0;max-width:300px;width:100%}.closet-page .mobile-warning{display:block}.closet-page .nav-button-positioner{left:auto;margin-bottom:1rem;margin-top:1.5rem;max-width:100%;padding:0 1rem;position:static;transform:none;width:100%}.closet-page .switch-label{color:#fff;margin-bottom:6px;position:static;transform:none}.closet-page .view-switch{max-width:420px;width:100%}}@media (max-width:480px){.closet-page .clothing-grid{gap:1rem;grid-template-columns:1fr}.closet-page .category-button{font-size:.8rem;min-width:100px}.closet-page .action-button.new-item,.closet-page .action-button.simulator{font-size:1rem;padding:.7rem 1.2rem}}.closet-page .closet-header-image{height:auto;margin-bottom:30px;width:242px}.closet-page .mobile-warning{background-color:#ff6b6b;border-radius:10px;box-sizing:border-box;color:#fff;display:none;font-family:IBM Plex Mono,monospace;font-size:.9rem;margin-bottom:1rem;padding:1rem;text-align:center;width:100%}.modal-overlay{align-items:center;animation:fade-in .3s ease-out;background-color:#000000a6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{display:flex;justify-content:center}.modal-content{animation:scale-in .3s ease-out;max-height:90vh;max-width:850px;overflow-y:auto;position:relative;width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.closet-page .nav-button-positioner{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;left:50%;max-width:918px;padding:0 50px;position:absolute;top:130px;transform:translateX(-50%);width:100%;z-index:2}.closet-page .filter-button-container{position:absolute;right:20px;top:20px;z-index:3}.closet-page .action-button.filter-button{background:#bbb;color:#9c9c9c;cursor:not-allowed;font-family:IBM Plex Mono,monospace;font-size:.9rem;opacity:.7;padding:.6rem 1.2rem;transform:scale(.85);transform-origin:top right;width:auto}.closet-page .action-button.filter-button:hover{background:#bbb;transform:scale(.85)}.sizes-container{display:flex;flex-wrap:nowrap;gap:10px;width:100%}.sizes-container .form-group{box-sizing:border-box;font-size:.9rem}.form-group.sizing-system-field{width:42%}.form-group.fit-field,.form-group.size-field{width:29%}.sizes-container input,.sizes-container select{box-sizing:border-box;width:100%}@media (max-width:500px){.sizes-container{flex-direction:column}.sizes-container .form-group{margin-bottom:8px;width:100%}}.upload-form{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0003;margin-left:auto;margin-right:auto;margin-top:0;max-width:none;padding:1.5rem 2rem;position:relative;width:100%}.upload-form h3{color:#e8d0fa;font-family:Gloock,serif;font-size:1.7rem;font-style:italic;font-weight:400;margin:0 0 1.5rem;padding:0;text-transform:lowercase}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:.75rem}.form-row .form-group{flex:1 1;min-width:150px}.form-group.category-field{flex:0.5 1}.form-group.name-field{flex:1.5 1}.form-row.brand-sizing-row{align-items:flex-start}.form-group.brand-field{flex:0.75 1}.form-separator{background:#e5e5e5;height:1px;margin:1.5rem 0 .5rem;width:100%}.required-asterisk{margin-left:3px}.form-row.required-fields .form-group input,.form-row.required-fields .form-group select{background-color:#fff}.form-row.required-fields .form-group.category-field,.form-row.required-fields .form-group.name-field{position:relative}.form-row.required-fields .form-group.category-field:after,.form-row.required-fields .form-group.name-field:after{color:#ff6b6b;content:"*";font-size:1.2rem;font-weight:700;pointer-events:none;position:absolute;right:10px;top:10px}.form-row.required-fields .form-group.category-field:after{right:45px}.upload-form .form-group{margin-bottom:.5rem;width:100%}.upload-form .form-group label{color:#666;display:block;font-family:IBM Plex Mono,monospace;font-size:.72rem;margin-bottom:.3rem;text-transform:lowercase}.upload-form .form-group input,.upload-form .form-group select,.upload-form .form-group textarea{border:2px solid #e5e5e5;border-radius:10px;box-sizing:border-box;color:#333;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-style:normal;padding:.8rem;text-transform:lowercase;transition:all .3s ease;width:100%}.upload-form .form-group input::placeholder,.upload-form .form-group textarea::placeholder{color:#aaa!important;font-style:italic!important;opacity:1}.upload-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.upload-form .form-group select option:disabled,.upload-form .form-group select:invalid{color:#aaa!important;font-style:italic!important}.upload-form .form-group select option:not(:disabled){color:#333;font-style:normal}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.upload-form .form-group select{background-image:none}.upload-form .form-group select::-ms-expand{display:none}}.upload-form .image-preview-container{display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:1.5rem}.upload-form .image-preview{border:2px solid #e5e5e5;border-radius:10px;box-sizing:border-box;max-height:300px;max-width:300px;object-fit:contain}.form-row.action-buttons{gap:15px;margin-top:1.5rem}.upload-form .help-button,.upload-form .upload-image-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:.8rem;text-transform:lowercase;transition:all .3s ease}.upload-form .upload-image-button{background:#f0f0f0;color:#333}.upload-form .upload-image-button:hover:not(:disabled){background:#e0e0e0;transform:scale(1.02)}.upload-form .help-button{background:#ddc9ed;color:#fff}.upload-form .help-button:hover:not(:disabled){background:#c9b0e0;transform:scale(1.02)}.upload-form .form-actions{display:flex;gap:15px;margin-top:1.5rem;width:100%}.upload-form .submit-button{background:radial-gradient(circle,#c2f01e 0,#8bd024 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;flex-grow:1;font-family:Gloock,serif;font-size:1.4rem;padding:1rem;text-transform:lowercase;transition:all .3s ease}.upload-form .submit-button:hover:not(:disabled){background:radial-gradient(circle,#bef300 0,#41ba00 100%);transform:scale(1.02)}.upload-form .submit-button:disabled{background:#ccc;cursor:not-allowed;opacity:1;transform:none}.upload-form .delete-button{align-items:center;background:#f0f0f0;border:1px solid #e5e5e5;border-radius:15px;color:#ff6b6b;cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;font-size:1.6rem;height:58px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:58px}.upload-form .delete-button:hover:not(:disabled){background:#e0e0e0;border-color:#d9d9d9;color:#e74c3c;transform:scale(1.02)}.upload-form .delete-button:disabled{background:#ccc;border-color:#ccc;color:#999;cursor:not-allowed;opacity:1;transform:none}.sizing-fields-container{display:flex;flex-wrap:wrap;gap:15px}.sizing-fields-container .form-group{flex:1 1;min-width:150px}.sizing-help-tooltip{cursor:help;display:inline-block;margin-left:5px;position:relative}.sizing-help-tooltip .tooltip-icon{align-items:center;background:#ddc9ed;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:16px;justify-content:center;width:16px}.sizing-help-tooltip .tooltip-content{background-color:#333;border-radius:6px;bottom:125%;color:#fff;font-family:IBM Plex Mono,monospace;font-size:.7rem;left:50%;opacity:0;padding:8px 12px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.sizing-help-tooltip .tooltip-content:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.sizing-help-tooltip:hover .tooltip-content{opacity:1;visibility:visible}@media (max-width:767px){.upload-form{padding:1rem;width:95%}.form-row{flex-direction:column;gap:1rem}.form-row .form-group{width:100%}.upload-form h3{font-size:1.5rem;margin-bottom:1rem}.upload-form .form-group label{font-size:.8rem}.upload-form .form-group input,.upload-form .form-group select,.upload-form .form-group textarea{font-size:.8rem;padding:.7rem}.upload-form .help-button,.upload-form .upload-image-button{font-size:.9rem;padding:.7rem}.upload-form .cancel-button,.upload-form .submit-button{font-size:1.1rem;padding:.8rem}}.optional-label{margin-bottom:1rem}.computer-vision-label,.optional-label{color:#999;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-style:italic;text-transform:lowercase}.computer-vision-label{margin-bottom:1.5rem;margin-top:.5rem}.upload-form .close-modal-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:30px;z-index:10}.upload-form .close-modal-btn:hover{background:#e0e0e0;transform:scale(1.1)}.upload-form .form-group input::placeholder,.upload-form .form-group select option[value=""]{color:#aaa;font-style:italic}.upload-form .form-group select option:not([value=""]),.upload-form .form-group select:not([value=""]){color:#333;font-style:normal}.upload-form-layout{display:flex;flex-direction:row;gap:20px;margin-top:20px}.image-upload-container{flex:0 0 250px;overflow:visible}.image-placeholder,.image-upload-container{align-items:center;display:flex;flex-direction:column;position:relative}.image-placeholder{aspect-ratio:1;background-color:#fff;border:none;border-radius:10px;cursor:pointer;justify-content:center;overflow:hidden;transition:all .3s ease;width:100%}.image-placeholder:hover{background-color:#f8f8f8}.placeholder-icon{color:#aaa;margin-bottom:8px}.placeholder-text{color:#aaa;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-style:italic;margin:0;text-align:center}.uploaded-image{height:100%;object-fit:contain;width:100%}.form-container{flex:1 1}@media (max-width:767px){.upload-form-layout{flex-direction:column}.image-upload-container{flex:0 0 auto;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.image-placeholder{max-height:300px}}.form-row.condition-description-row{align-items:flex-start;display:flex;gap:15px;margin-bottom:.75rem}.form-group.condition-field{flex:0.3 1}.form-group.description-field{flex:0.7 1}.form-group.description-field input{height:auto;padding:.8rem}.required-asterisk{color:#ff6b6b}input::placeholder[placeholder*="*"],select option[value=""][label*="*"]{color:#aaa}input::placeholder[placeholder*="*"]:after,select option[value=""][label*="*"]:after{color:#ff6b6b;content:""}.form-group.category-field select,.form-group.name-field input::placeholder,.upload-form .form-group input::placeholder,.upload-form .form-group select,.upload-form .form-group textarea::placeholder,.upload-form input[placeholder^="*"]::placeholder{color:#aaa;font-style:italic}.upload-form .form-group select option{color:#333;font-style:normal}.upload-form .form-group select option:first-child{color:#aaa;font-style:italic}.upload-form .form-group input:focus,.upload-form .form-group select:focus,.upload-form .form-group textarea:focus{border-color:#96e6ff;outline:none}.upload-form .form-group select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2396e6ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.upload-form .form-group select:disabled{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#e5e5e5;cursor:not-allowed;opacity:1}.form-group.category-field select,.form-group.condition-field select,.form-group.fit-field select,.form-group.size-field select,.form-group.sizing-system-field select,.form-group.texture-field select,.upload-form .form-group select:disabled{color:#aaa!important;font-style:italic!important}@-moz-document url-prefix(){.upload-form select{color:#aaa!important;font-style:italic!important}.upload-form select option{color:#333;font-style:normal}}.form-row.sizing-fit-row{display:flex;gap:15px}.form-row.brand-texture-row,.form-row.sizing-fit-row{align-items:flex-start;margin-bottom:.75rem}.image-action-button{align-items:center;background-color:#fff;border:2px solid #e5e5e5;border-radius:10px;color:#666;cursor:pointer;display:flex;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:.9rem;gap:.5rem;justify-content:center;padding:.6rem 1rem;text-transform:lowercase;transition:all .3s ease}.image-action-button:hover{background-color:#f8f8f8;border-color:#d9d9d9}.image-action-button:disabled{color:#aaa;cursor:not-allowed;opacity:.7}.image-action-button:disabled,.image-action-button:disabled:hover{background-color:#f0f0f0;border-color:#e5e5e5}.image-action-button span{font-size:1.1rem;line-height:1}.image-button-row{display:flex;gap:10px;margin-top:.75rem;overflow:visible;position:relative;width:100%}.image-action-title{color:#999;font-size:.72rem;font-style:italic;margin-bottom:.1rem;margin-top:.75rem;text-align:center;text-transform:lowercase}.image-action-description,.image-action-title{font-family:IBM Plex Mono,monospace;width:100%}.image-action-description{color:#666;font-size:.75rem;line-height:1.4;margin-top:.25rem;text-align:left}.image-action-description strong{color:#333;font-weight:600}.form-row.sizes-row{box-sizing:border-box;margin-bottom:.75rem;padding:0;width:100%}.image-action-button.enhance-button{position:relative}.enhance-tooltip{word-wrap:break-word;background-color:#333;border-radius:8px;bottom:120%;color:#fff;font-family:IBM Plex Mono,monospace;font-size:.75rem;left:40%;line-height:1.4;max-width:90%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:normal;width:160px;z-index:10}.enhance-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.image-action-button.enhance-button:hover .enhance-tooltip{opacity:1;visibility:visible}.image-action-button.evaluate-button{position:relative}.evaluate-tooltip{word-wrap:break-word;background-color:#333;border-radius:8px;bottom:120%;color:#fff;font-family:IBM Plex Mono,monospace;font-size:.75rem;left:40%;line-height:1.4;max-width:90%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s,visibility .3s;visibility:hidden;white-space:normal;width:160px;z-index:10}.evaluate-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.image-action-button.evaluate-button:hover .evaluate-tooltip{opacity:1;visibility:visible}.image-upload-instructions{color:#999;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-style:italic;line-height:1.4;margin-bottom:.75rem;margin-top:.5rem;padding:0 10px;text-align:center;text-transform:lowercase}.cv-tags-container{margin-top:1rem;width:100%}.cv-tags{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.1rem;width:100%}.cv-tag{border:1px solid;border-radius:8px;display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.7rem;line-height:1.2;margin:.1rem;max-width:120px;overflow:hidden;padding:.25rem .5rem;text-align:center;text-overflow:ellipsis;text-transform:lowercase;transition:all .2s ease;white-space:nowrap}.chatgpt-tag{background-color:#e3f2fd;border-color:#90caf9;color:#0d47a1}.chatgpt-tag:hover{background-color:#bbdefb;border-color:#64b5f6}.gemini-tag{background-color:#f3e5f5;border-color:#ce93d8;color:#4a148c}.gemini-tag:hover{background-color:#e1bee7;border-color:#ba68c8}.manual-tag{background-color:#e8f5e8;border-color:#a5d6a7;color:#1b5e20}.manual-tag:hover{background-color:#c8e6c9;border-color:#81c784}.comparison-tag{background-color:#f5f5f5;border-color:#bdbdbd;color:#424242}.comparison-tag:hover{background-color:#eee;border-color:#9e9e9e}.detail-tag{font-style:italic;opacity:.9}.match-tag{background-color:#e8f5e8;border-color:#a5d6a7;color:#1b5e20}.mismatch-tag{background-color:#fff3e0;border-color:#ffcc02;color:#e65100}.confidence-diff-tag{background-color:#f3e5f5;border-color:#ce93d8;color:#6a1b9a}.color-overlap-tag{background-color:#e0f2f1;border-color:#80cbc4;color:#00695c}.cv-tags-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-family:IBM Plex Mono,monospace;font-size:.8rem;margin:.5rem 0;padding:.75rem;text-align:center}.chatgpt-error{background-color:#e3f2fd;border:1px solid #90caf9;color:#0d47a1}.gemini-error{background-color:#f3e5f5;border:1px solid #ce93d8;color:#4a148c}.cv-tags-placeholder{background-color:#fafafa;border:1px dashed #ddd;border-radius:10px;color:#999;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-style:italic;line-height:1.4;padding:1.5rem;text-align:center}.manual-tags-section{margin-top:1rem;width:100%}.manual-tag-input-container{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.manual-tag-input{background-color:#fff;border:2px solid #e5e5e5;border-radius:8px;color:#333;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:.9rem;padding:.6rem .8rem;transition:all .3s ease}.manual-tag-input:focus{background-color:#f8fff8;border-color:#4caf50;outline:none}.manual-tag-input::placeholder{color:#999;font-style:italic}.add-tag-button{align-items:center;background-color:#4caf50;border:2px solid #4caf50;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.add-tag-button:hover:not(:disabled){background-color:#388e3c;border-color:#388e3c}.add-tag-button:disabled{background-color:#e5e5e5;border-color:#e5e5e5;color:#999;cursor:not-allowed}.manual-tags-display{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.1rem;width:100%}.manual-tag .remove-tag-button{background:none;border:none;color:#1b5e20;cursor:pointer;font-size:.8rem;line-height:1;margin-left:.3rem;opacity:.7;padding:0;transition:opacity .2s ease}.manual-tag .remove-tag-button:hover:not(:disabled){opacity:1}.manual-tag .remove-tag-button:disabled{cursor:not-allowed;opacity:.4}.add-manual-tag-button{background-color:#f0f0f0!important;border-color:#d0d0d0!important;color:#666!important;cursor:pointer;transition:all .2s ease}.add-manual-tag-button:hover:not(:disabled){background-color:#e8f5e8!important;border-color:#a5d6a7!important;color:#1b5e20!important}.add-manual-tag-button:disabled{background-color:#f9f9f9!important;border-color:#e5e5e5!important;color:#ccc!important;cursor:not-allowed}.hidden-tag-input{background-color:#f8fff8;border:1px solid #4caf50;border-radius:8px;color:#1b5e20;font-family:IBM Plex Mono,monospace;font-size:.7rem;line-height:1.2;margin:.1rem;max-width:120px;outline:none;padding:.25rem .5rem;text-align:center}@media (max-width:767px){.model-tags-section{gap:.4rem;padding:.75rem}.model-header{font-size:.8rem;margin-bottom:.4rem}.cv-tag{font-size:.7rem;margin:.15rem .2rem .15rem 0;padding:.3rem .6rem}.cv-tags-placeholder{font-size:.8rem;padding:1rem}}.about-me-page{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);box-sizing:border-box;min-height:100vh;padding:10px}.about-me-container,.about-me-page{align-items:center;display:flex;flex-direction:column;width:100%}.about-me-container{max-width:918px;padding:20px}.about-me-header-image{cursor:pointer;height:auto;margin-bottom:20px;width:200px}.about-me-box{background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 300px);padding:40px;width:100%}.about-me-content{max-width:600px;width:100%}.about-me-content h2{color:#e8d0fa;font-family:Gloock,serif;font-size:2.5rem;font-style:italic;font-weight:400;margin:0 0 30px;text-align:center;text-transform:lowercase}.bio-text{color:#666;font-family:IBM Plex Mono,monospace;font-size:1rem;line-height:1.5;margin:10px 0}.back-button{background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.2rem;margin-top:200px;padding:.8rem 1.5rem;text-transform:lowercase;transition:all .3s ease;width:40%}.back-button:hover{background:radial-gradient(circle,#7ad4ff 0,#09f 100%);transform:scale(1.02)}.account-details-container{background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);justify-content:center;min-height:100vh;padding:40px 20px 20px}.account-details-container,.account-header{align-items:center;display:flex;flex-direction:column}.account-header{margin-bottom:30px}.account-header-image{cursor:pointer;height:auto;margin-bottom:30px;margin-top:50px;width:200px}.profile-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-image-container{margin-bottom:1rem;position:relative}.profile-image{margin-bottom:.5rem;object-fit:cover}.profile-image,.profile-image-placeholder{border-radius:50%;cursor:pointer;height:150px;width:150px}.profile-image-placeholder{align-items:center;background-color:#f5f5f5;color:#666;display:flex;font-family:IBM Plex Mono,monospace;justify-content:center;margin-bottom:1rem}.edit-overlay{background-color:#b5b5b5ac;border-radius:10px;bottom:0;color:#fff;cursor:pointer;font-size:.8rem;left:50%;padding:.3rem .8rem;position:absolute;transform:translateX(-50%);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.account-box,.edit-overlay{font-family:IBM Plex Mono,monospace}.account-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;margin-top:0;max-width:400px;padding:.85rem 1.5rem;width:100%}.account-error,.account-loading{color:#666;padding:1rem;text-align:center}.account-error{background-color:#ffe0e0;border:1px solid #ffbdbd;border-radius:8px;color:#ff6b6b;margin-bottom:1rem}.account-list-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:.6rem 0;position:relative}.account-list-item:last-child{border-bottom:none;flex-shrink:0;font-size:.85rem;text-align:right;width:120px}.item-label{color:#333;flex-shrink:0;font-size:.85rem;font-weight:500}.item-value{color:#555;flex-grow:1;font-size:.85rem;line-height:1.4;margin-right:10px;text-align:left}.notification-item{align-items:flex-start}.notification-details{display:flex;flex-direction:column;flex-grow:1}.notification-details .item-value{line-height:1.3;margin-right:0}.edit-button.inline-edit-button{align-self:flex-start;background-color:#b5b5b5ac;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:.8rem;margin-left:auto;padding:.3rem .6rem;position:static;transition:background-color .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.edit-button.inline-edit-button:hover{background-color:#a0a0a0d0}.account-actions{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-bottom:1.5rem;margin-top:2rem}.back-to-dashboard-button{background:radial-gradient(circle,#96e6ff 0,#31b7ff 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.1rem;padding:.7rem 1.4rem;transform:scale(1.02);transition:all .3s ease}.back-to-dashboard-button:hover{background:radial-gradient(circle,#7ad4ff 0,#09f 100%);transform:scale(1.02)}.account-button{background:radial-gradient(circle,#a0a0a0 0,#606060 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.1rem;padding:.7rem 1.4rem;transition:all .3s ease}.account-button:hover{background:radial-gradient(circle,#8a8a8a 0,#4d4d4d 100%);transform:scale(1.02)}.logout-button.account-logout-button{background:radial-gradient(circle,#e0e0e0 0,#b0b0b0 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1.1rem;padding:.7rem 1.4rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.logout-button.account-logout-button:hover{background:radial-gradient(circle,#d0d0d0 0,#9a9a9a 100%);transform:scale(1.02)}.delete-action-section{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;margin:1.5rem 0 .5rem;padding-top:0}.override-buttons-container{display:flex;gap:.75rem;justify-content:center;width:100%}.account-overrides-label{color:#888;font-size:.75rem;font-style:italic;margin-bottom:1.375rem;margin-top:.5rem;padding-top:0}.clear-button{background:radial-gradient(circle,#ffcc80 0,#ffad33 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;flex:1 1;font-family:Gloock,serif;font-size:1rem;padding:.6rem 1rem;text-transform:lowercase;transition:all .3s ease}.clear-button:hover{background:radial-gradient(circle,#ffb84d 0,#e68a00 100%);flex:1 1;transform:scale(1.02)}.clear-button:hover,.delete-account-button{text-transform:lowercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.delete-account-button{background:radial-gradient(circle,#ff8a8a 0,#ff4d4d 100%);border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Gloock,serif;font-size:1rem;padding:.6rem 1.2rem}.delete-account-button:hover{background:radial-gradient(circle,#ff6b6b 0,#e60000 100%);transform:scale(1.02)}@media (min-width:768px){.account-header-image{margin-top:0;max-width:300px;width:70%}.account-box{max-width:450px;padding:1.3rem 2rem}.profile-image,.profile-image-placeholder{height:180px;width:180px}}@media (max-width:767px){.account-box{max-width:350px;padding:1rem 1.5rem;width:90%}.profile-image,.profile-image-placeholder{height:120px;width:120px}}.app-footer{box-sizing:border-box;color:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;margin-top:auto;text-align:center;width:100%}.beta-container{align-items:center;background:radial-gradient(circle,#f3fb57 0,#d5aaf6 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 20px 20px}.beta-header-image{height:auto;margin-bottom:30px;margin-top:50px;width:200px}.beta-content-wrapper{flex-direction:column;gap:30px;max-width:1200px;width:100%}.beta-content-wrapper,.beta-phone-container{align-items:center;display:flex;justify-content:center}.beta-container .beta-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff;border:4px solid #f5ffb4;border-radius:20px;box-shadow:0 4px 6px #0000001a;margin-top:0;max-width:300px;padding:.85rem;width:100%}.beta-container .beta-box h2{color:#e8d0fa;font-family:Gloock,serif;font-size:1.8rem;font-weight:400;margin-bottom:.85rem;text-align:center}.beta-container .form-group{margin-bottom:.85rem}.beta-container .form-group label{color:#e5e5e5;display:block;font-family:IBM Plex Mono,monospace;font-size:1.1rem;margin-bottom:.35rem}.input-button-row{align-items:center;display:flex;gap:.5rem;width:100%}.beta-container .form-group input{background:#fff;border:2px solid #e5e5e5;border-radius:15px;color:#333;flex:1 1;font-family:IBM Plex Mono,monospace;font-size:1rem;padding:.6rem;transition:all .3s ease}.beta-container .form-group input::placeholder{color:#e5e5e5;font-family:IBM Plex Mono,monospace;text-align:center}.beta-container .form-group input:hover{background:#f5f5f5;border-color:#e5e5e5;outline:none;transform:scale(1.02)}.beta-container .beta-button{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;border:none;border-radius:15px;color:#fff;cursor:pointer;display:grid;flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:1.5rem;height:50px;line-height:1;margin:0;padding:0 0 5px;place-items:center;transition:all .3s ease;width:50px}.beta-container .beta-button:hover:not(:disabled){background:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;background-image:radial-gradient(circle at center,#bef300 0,#41ba00 100%)!important;transform:scale(1.05)}.beta-container .beta-button:disabled{background:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;background-image:radial-gradient(circle at center,#c2f01e 0,#8bd024 100%)!important;cursor:not-allowed;opacity:.7}.beta-container .beta-description{line-height:1.4;margin:0 0 1.5rem;padding:0 1rem}.beta-container .beta-description,.beta-container .message{color:#333;font-family:IBM Plex Mono,monospace;font-size:.9rem;text-align:center}.beta-container .message{align-items:center;border-radius:8px;display:flex;justify-content:center;margin:1rem auto;max-width:300px;padding:.75rem;width:90%}.beta-container .message.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.beta-container .message.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-container-3d{perspective:1000px}.phone-float-wrapper{animation:float 3s ease-in-out infinite}.phone-outer{background-color:#8b5cf6;border-radius:24px;transform:rotateY(-30deg) rotateX(15deg);transform-style:preserve-3d}.phone-inner{background-color:#171717;border-color:#ccc #999 #999 #ccc;border-radius:24px;border-style:solid;border-width:2px 4px 4px 2px;box-shadow:0 10px 30px #0000004d;height:24rem;padding:3px .25rem .25rem 3px;position:relative;width:14rem}.phone-notch{background-color:#171717;border-radius:.375rem;height:.5rem;left:50%;position:absolute;top:.625rem;transform:translateX(-50%);width:4rem;z-index:10}.phone-status-icons{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.5rem;z-index:10}.phone-icon{color:#525252;font-size:12px}.phone-screen{background-color:#fff;border-radius:20px;display:grid;height:100%;overflow:hidden;place-content:center;position:relative;width:100%;z-index:0}.phone-logo{fill:#8b5cf6}.phone-logo-img{height:auto;max-width:150px;object-fit:contain;width:80%;z-index:5}.phone-screenshot{border-radius:20px;height:100%;object-fit:cover;width:100%}.phone-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border:1px solid #e5e5e5;border-radius:.5rem;bottom:1rem;color:#8b5cf6;cursor:pointer;font-size:.875rem;font-weight:500;left:1rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;position:absolute;right:1rem;z-index:10}.phone-gradient{background-color:#8b5cf6;border-radius:9999px;bottom:-18rem;height:24rem;left:50%;position:absolute;transform:translateX(-50%);width:24rem}@media (min-width:768px){.beta-header-image{margin-top:0;max-width:300px;width:70%}.beta-phone-container{align-items:center;display:flex;justify-content:center}.beta-content-wrapper{flex-direction:row;gap:60px}.beta-container .beta-box{max-width:350px;padding:1.3rem}.beta-container .beta-box h2{font-size:2rem;margin-bottom:1rem}.beta-container .form-group{margin-bottom:1rem}.beta-container .form-group label{font-size:1.2rem}.beta-container .form-group input{font-size:1.1rem;padding:.85rem}.beta-container .button-group{width:100%}.beta-container .beta-button{font-size:2rem}.beta-container .beta-description{font-size:1rem;margin:.5rem 0 2rem}}@media (max-width:767px){.beta-container{justify-content:flex-start;padding-top:5px}.beta-content-wrapper{flex-direction:column;gap:0;margin-top:-10px}.phone-outer{transform:rotateY(-30deg) rotateX(15deg) scale(.86)}.phone-inner{height:20.7rem;width:12.1rem}.beta-container .beta-box{margin-top:0;max-width:300px;padding:.85rem;width:90%}.beta-container .beta-box h2{font-size:1.8rem;margin-bottom:.85rem;margin-top:5px}.beta-container .form-group{margin-bottom:.85rem}.beta-container .form-group label{font-size:.9rem}.beta-container .form-group input{font-size:1rem;padding:.6rem}.beta-container .beta-button{font-size:1.5rem;height:50px;width:50px}.beta-container .message{font-size:.9rem;margin:1rem auto;padding:.75rem}}
/*# sourceMappingURL=main.ca55ed4e.css.map*/