body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.service-selector{background:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:48px 0 80px}.category-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin:0 -24px 24px;mask-image:linear-gradient(90deg,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);overflow-x:auto;padding:0 24px;position:relative;scrollbar-width:none}.category-tabs:after{display:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:none;border:none;border-radius:100px;color:#fff9;cursor:pointer;font-size:16px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.category-tab.selected{background:#fff;color:#000}.services-list{background:#000;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1px;margin:0 auto;max-width:600px;padding:0 0 80px;width:100%}.service-item{align-items:center;background:#000;border:none;border-bottom:1px solid #222;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:24px;position:relative;text-align:left;transition:background-color .3s ease}.service-item:hover{background:#ffffff0d}.service-item:last-child{border-bottom:none}.service-content{flex:1 1}.service-header{display:flex;flex-direction:column;gap:4px}.service-duration{color:#999;font-size:14px}.service-name{font-size:16px;font-weight:500}.service-price{color:#999}.service-indicators{margin-left:16px}.service-add,.service-check,.service-indicators{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.service-add,.service-check{border-radius:50%;transition:all .3s ease}.service-check{background:#6366f1;color:#fff;position:relative}.service-check:before{border:solid #fff;border-width:0 1.5px 1.5px 0;content:"";display:block;height:8px;transform:rotate(45deg) translate(-.5px,-.5px);width:5px}.service-add{background:#ffffff1a;color:#fff;font-size:14px}.bottom-bar{background:#000;border-top:1px solid #222;bottom:0;justify-content:center;left:0;padding:16px 24px;position:fixed;right:0;transition:transform .3s ease-out}.bottom-bar,.bottom-bar>div{align-items:center;display:flex}.bottom-bar>div{box-sizing:border-box;justify-content:space-between;max-width:432px;width:100%}.booking-summary-container{cursor:pointer;flex:1 1}.booking-summary{padding:12px 0}.booking-details{color:#999;font-size:14px;margin-top:4px}.continue-button{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-left:16px;padding:14px 32px}.selected-services-popup{align-items:flex-end;background:#000c;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease-out;z-index:999}.selected-services-popup.visible{opacity:1;pointer-events:auto}.selected-services-content{background:#000;border-radius:16px 16px 0 0;box-sizing:border-box;margin:0 auto;max-width:600px;padding:24px;transform:translateY(100%);transition:transform .3s ease-out;width:100%}.selected-services-popup.visible .selected-services-content{transform:translateY(0)}.selected-services-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.selected-services-header h2{font-size:24px;font-weight:600;margin:0}.close-button{color:#999}.selected-services-list{display:flex;flex-direction:column;gap:16px}.selected-service-item{align-items:center;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 0}.selected-service-item:last-child{border-bottom:none}.selected-service-info{flex:1 1}.selected-service-name{font-weight:500;margin-bottom:4px}.selected-service-details{color:#999;font-size:14px}.remove-service-button{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;position:relative;transition:opacity .2s ease;width:24px}.remove-service-button:after,.remove-service-button:before{background:#fff;content:"";height:2px;position:absolute;transform:rotate(45deg);width:12px}.remove-service-button:after{transform:rotate(-45deg)}.remove-service-button:hover{opacity:.8}.selected-services-total{align-items:center;border-top:1px solid #222;display:flex;font-size:16px;font-weight:500;justify-content:space-between;margin-top:24px;padding-top:24px}.selected-services-content .continue-button{display:flex;justify-content:center;margin:24px 0 0;width:100%}.date-selector{background:#000;border-bottom:none;padding:32px 24px 16px;position:relative}.date-scroll{-ms-overflow-style:none;display:flex;gap:12px;margin-right:56px;mask-image:linear-gradient(90deg,#000 92%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);overflow-x:auto;padding:4px 0;scrollbar-width:none}.date-scroll::-webkit-scrollbar{display:none}.date-button{align-items:center;background:none;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:64px;justify-content:center;min-width:52px;padding:0;text-align:center;transition:background-color .2s ease}.date-button:hover{background:#ffffff0d}.date-button:active{background:#ffffff1a}.date-button.selected{background-color:#6366f1}.date-button.selected:hover{background-color:#5355d8}.day-number{font-size:20px;font-weight:500;line-height:24px}.day-name{color:#999;font-size:13px;line-height:16px}.date-button.selected .day-name{color:#ffffffe6}.calendar-button{align-items:center;background:none;border:none;border-radius:20px;color:#fff;display:flex;height:40px;justify-content:center;position:absolute;right:24px;top:52%;transform:translateY(-50%);width:40px}.calendar-button:before{content:"📅";filter:grayscale(1) brightness(2);font-size:24px;transform:translateY(1px)}.calendar-button:hover{background:#ffffff1a}.calendar-popup{align-items:flex-end;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.calendar-popup-content{background:#111;border-radius:16px 16px 0 0;color:#fff;max-height:80vh;padding:20px;position:relative;width:100%}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:12px;top:12px}.booking-calendar{background:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:48px 0 80px}.back-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:28px;margin-bottom:16px;min-height:44px;min-width:44px;padding:0}.provider-selector{justify-content:flex-start;margin:0 auto;max-width:600px;padding:0 24px;width:100%}.provider-button,.provider-selector{box-sizing:border-box;display:flex;position:relative}.provider-button{align-items:center;background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;min-width:140px;padding:8px 12px;transition:all .3s ease;width:fit-content;z-index:2}.provider-button:hover{background:#f8f8f8}.provider-image{background:#ffffff1a;border-radius:50%;height:28px;margin-right:8px;overflow:hidden;width:28px}.provider-image img{height:100%;object-fit:cover;width:100%}.provider-name{color:#000;flex:1 1;font-size:14px;font-weight:500;text-align:left}.provider-arrow{color:#000;font-size:10px;margin-left:4px;opacity:.5;transform:rotate(0deg);transition:transform .3s ease}.provider-button.open .provider-arrow{transform:rotate(180deg)}.provider-dropdown{background:#fff;border-radius:20px;left:24px;min-width:140px;opacity:0;overflow:hidden;padding-top:44px;pointer-events:none;position:absolute;top:0;transform:scaleY(.9);transform-origin:top;transition:opacity .3s ease,transform .3s ease;width:fit-content;z-index:1}.provider-dropdown.visible{opacity:1;pointer-events:auto;transform:scaleY(1)}.provider-option{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s ease;width:100%}.provider-option:hover{background:#f8f8f8}.time-slots{flex:1 1;flex-direction:column;gap:12px;margin:0 auto;max-width:600px;padding:0 24px 80px}.time-slot,.time-slots{background:#000;box-sizing:border-box;display:flex;width:100%}.time-slot{align-items:flex-start;border:1px solid #222;border-radius:12px;color:#fff;cursor:pointer;flex-direction:column;font-size:16px;font-weight:500;justify-content:flex-start;max-height:200px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.time-slot:hover{background:#ffffff05;border-color:#333}.time-slot.selected{border-color:#6366f14d;box-shadow:0 4px 12px #6366f114}.time-slot.unavailable{cursor:not-allowed;opacity:.5}.time-slot.offer-available{border:none;position:relative;transform:translateZ(0);z-index:1}.time-slot.offer-available:before{animation:borderFlow 8s linear infinite;background:linear-gradient(90deg,#ff3bd0b3,#7a42f6b3 30%,#2997ffb3 60%,#ff3bd0b3);background-size:300% 100%;border-radius:15px;content:"";filter:blur(8px);inset:-3px;position:absolute;will-change:background-position,filter;z-index:-1}.time-slot.offer-available:after{background:#000;border-radius:11px;content:"";inset:1px;position:absolute;transition:all .3s ease;z-index:-1}.time-slot.offer-available.selected:before{animation:borderFlow 6s linear infinite;animation-play-state:running!important;background:linear-gradient(90deg,#ff3bd0e6,#7a42f6e6 30%,#2997ffe6 60%,#ff3bd0e6);filter:blur(10px);inset:-4px}.time-slot.offer-available.selected:after{background:#000000e6}@keyframes borderFlow{0%{background-position:0 50%;filter:blur(8px);transform:scale(1.01)}50%{background-position:100% 50%;filter:blur(12px);transform:scale(1.02)}to{background-position:0 50%;filter:blur(8px);transform:scale(1.01)}}.time-text{font-size:22px;font-weight:600;line-height:1.1}.time-slot-header{justify-content:space-between;margin-bottom:8px;width:100%}.countdown,.time-slot-header{align-items:center;display:flex}.countdown{color:#fffc;font-size:13px;font-weight:500;gap:8px}.countdown:before{animation:enhancedPulse 2s infinite;background:#6366f1;background:var(--pulse-color,#6366f1);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.countdown.urgent:before{--pulse-color:#ff3ba0}.countdown.medium:before{--pulse-color:#a742f6}.countdown.plenty:before{--pulse-color:#2997ff}@keyframes enhancedPulse{0%{box-shadow:0 0 2px #6366f1;box-shadow:0 0 2px var(--pulse-color,#6366f1);opacity:.4;transform:scale(.8)}50%{box-shadow:0 0 8px #6366f1;box-shadow:0 0 8px var(--pulse-color,#6366f1);opacity:1;transform:scale(1.1)}to{box-shadow:0 0 2px #6366f1;box-shadow:0 0 2px var(--pulse-color,#6366f1);opacity:.4;transform:scale(.8)}}.response-time{color:#ffffff80;font-size:13px;font-weight:400;margin-top:4px}.slot-info{align-items:center;display:flex;display:none;margin:0}.offer-info{animation:textPulse 3s ease-in-out infinite;animation-play-state:running!important;color:#6366f1;font-size:14px;font-weight:500;margin:8px 0 12px}@keyframes textPulse{0%,to{opacity:.9}50%{opacity:1}}.slot-actions{display:flex;justify-content:flex-end;margin-top:16px;width:100%}.book-button,.offer-button{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;min-width:160px;padding:14px 24px;text-align:center;transition:all .3s ease;width:auto}.book-button:hover,.offer-button:hover{background:#5355d8}.time-slot.expanded{border-color:#6366f180;border-width:1px;box-shadow:0 8px 16px #6366f11f;height:auto;max-height:none;padding-bottom:20px}.time-slot:not(.expanded){background-color:#6366f108;max-height:200px}.booking-form-container{animation:fadeIn .4s ease forwards;margin-bottom:0;margin-top:24px;opacity:0;transform:translateY(10px);width:100%}.booking-form{border-top:1px solid #ffffff1a;padding:16px 0;width:100%}.booking-form h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 20px}.booking-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.booking-detail-item{display:flex;justify-content:space-between}.detail-label{color:#fff9;font-size:14px}.detail-value{font-weight:500}.booking-message{background:#6366f11a;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.booking-message.offer-message{background:#4ea0651a}.booking-inputs{gap:20px;margin-bottom:24px}.booking-inputs,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ffffffb3;font-size:14px}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus{border-color:#6366f199;outline:none}.form-group input::placeholder{color:#ffffff4d;font-size:14px}.payment-group{margin-top:8px}.card-element-placeholder{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:40px;padding:14px 16px}.card-element-info{color:#fff6;font-size:14px;font-style:italic}.confirm-booking-button{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:16px;padding:16px;transition:background-color .3s ease;width:100%}.confirm-booking-button:hover{background:#5355d8}.form-close-button-container{display:flex;justify-content:flex-end;margin-bottom:16px}.form-close-button{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;font-size:15px;padding:4px 8px}.form-close-button:hover{background:#ffffff1a;color:#fffc}.toggle-container{margin:8px 0}.toggle-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-switch{background-color:#ffffff1a;border-radius:24px;display:inline-block;flex-shrink:0;height:24px;margin-right:12px;position:relative;transition:all .3s;width:48px}.toggle-switch:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:20px;left:2px;position:absolute;transition:all .3s;width:20px}.toggle-input:checked+.toggle-switch{background-color:#6366f1}.toggle-input:checked+.toggle-switch:before{transform:translateX(24px)}.toggle-text{font-size:15px}.field-note{color:#fff9;font-size:13px;font-style:italic;margin-top:4px}.offer-button{background:#7a42f6cc;box-shadow:0 2px 12px #7a42f64d;color:#fff;transition:all .3s ease}.offer-button:hover{background:#7a42f6;box-shadow:0 4px 16px #7a42f680;transform:translateY(-1px)}.time-slot.selected *{animation-play-state:running!important}.time-slot.offer-available.selected{animation:subtlePulse 3s infinite alternate;border-color:#6366f14d;box-shadow:0 0 20px #6366f133}@keyframes subtlePulse{0%{box-shadow:0 0 20px #6366f133}to{box-shadow:0 0 30px #6366f14d}}.time-slot.selected,.time-slot.selected:after,.time-slot.selected:before{animation-play-state:running!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.offer-form{background:#ffffff0d;border-radius:12px;margin-top:20px;padding:20px}.offer-form .form-group{margin-bottom:16px}.offer-form label{color:#fffc;display:block;font-size:14px;margin-bottom:8px}.offer-form input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px;width:100%}.offer-form input:focus{border-color:#7a42f6cc;outline:none}.form-actions{margin-top:20px}.submit-booking,.submit-offer{border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:14px;transition:all .3s ease;width:100%}.submit-booking{background:#6366f1}.submit-booking:hover{background:#5355d8;transform:translateY(-1px)}.submit-offer{background:#7a42f6cc;box-shadow:0 2px 12px #7a42f64d}.submit-offer:hover{background:#7a42f6;box-shadow:0 4px 16px #7a42f680;transform:translateY(-1px)}.confirmation-page{align-items:center;animation:fadeIn .5s ease forwards;background:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-container{animation:slideUp .6s ease forwards;background:#111;border-radius:24px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:32px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-checkmark{height:80px;margin:0 auto 24px;position:relative;width:80px}.success-checkmark .check-icon{border:4px solid #6366f1;border-radius:50%;box-sizing:initial;height:80px;position:relative;width:80px}.success-checkmark .check-icon:before{border-radius:100px 0 0 100px;left:-2px;top:3px;transform-origin:100% 50%;width:30px}.success-checkmark .check-icon:after{border-radius:0 100px 100px 0;left:30px;top:0;transform-origin:0 50%;width:60px}.success-checkmark .check-icon .icon-line{background-color:#6366f1;border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{animation:icon-line-tip .75s;left:14px;opacity:0;top:46px;transform:rotate(45deg);width:25px}.success-checkmark .check-icon .icon-line.line-long{animation:icon-line-long .75s;opacity:0;right:8px;top:38px;transform:rotate(-45deg);width:47px}.success-checkmark.animate .check-icon .icon-line.line-long,.success-checkmark.animate .check-icon .icon-line.line-tip{opacity:1}.success-checkmark .check-icon .icon-circle{border:4px solid #6366f14d;border-radius:50%;box-sizing:initial;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:10}.success-checkmark .check-icon .icon-fix{background-color:#111;height:85px;left:26px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}@keyframes icon-line-tip{0%{left:1px;opacity:0;top:19px;width:0}54%{left:1px;opacity:0;top:19px;width:0}70%{left:-8px;opacity:1;top:37px;width:50px}84%{left:21px;opacity:1;top:48px;width:17px}to{left:14px;opacity:1;top:46px;width:25px}}@keyframes icon-line-long{0%{opacity:0;right:46px;top:54px;width:0}65%{opacity:0;right:46px;top:54px;width:0}84%{opacity:1;right:0;top:35px;width:55px}to{opacity:1;right:8px;top:38px;width:47px}}.success-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 16px}.reference-id{color:#6366f1;font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:32px}.summary-container{background:#ffffff0d;border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.summary-container h2{font-size:20px;font-weight:500;margin:0 0 16px}.summary-details{display:flex;flex-direction:column;gap:12px}.summary-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-bottom:12px}.summary-row:last-of-type{border-bottom:none}.summary-row.highlight{color:#6366f1;font-size:18px;font-weight:600}.summary-note{color:#fff9;font-size:14px;font-style:italic;line-height:1.4;margin-top:12px}.action-buttons{display:flex;justify-content:center}.back-to-calendar{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 32px;transition:background-color .3s ease}.back-to-calendar:hover{background:#5355d8}.offer-status{border-top:1px dashed #4ea0654d;color:#4ea065;padding-top:12px}.offers-note{color:#4ea065;display:block;margin-top:8px}.professional-selector{background:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:48px 0 80px}.header{padding:0 24px}.page-title{margin:0}.page-title:after{content:"";display:block;height:48px}.professionals-list{background:#000;display:flex;flex:1 1;flex-direction:column;gap:1px}.professional-item{align-items:center;animation:fadeIn .3s ease-out forwards;animation-delay:calc(var(--index)*50ms);background:#000;border:none;border-bottom:1px solid #222;color:#fff;cursor:pointer;display:flex;gap:16px;padding:24px;position:relative;text-align:left;transition:background-color .3s ease}.professional-item:hover{background:#ffffff0d}.professional-image{background:#ffffff1a;border-radius:28px;height:56px;overflow:hidden;width:56px}.professional-image img{height:100%;object-fit:cover;width:100%}.professional-content{flex:1 1}.professional-header{display:flex;flex-direction:column;gap:4px}.professional-name{color:#fff;font-size:16px;font-weight:500}.professional-role{color:#999;font-size:14px;text-transform:uppercase}.professional-availability{color:#6366f1;font-size:14px;margin-top:8px}.professional-arrow{color:#ffffff4d;font-size:20px}.back-button-spacer{margin-bottom:16px;min-height:44px;min-width:44px}.page-wrapper{height:100%;width:100%}.fade-enter{opacity:0;transform:translateY(5px)}.fade-enter-active{transition:opacity .4s ease-out,transform .4s ease-out}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-5px);transition:opacity .4s ease-out,transform .4s ease-out}.main-nav{background-color:#000;border-bottom:1px solid #ffffff1a;padding:16px 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.nav-logo a{color:#fff;font-size:24px;font-weight:600;text-decoration:none}.nav-links{align-items:center;display:flex;gap:24px}.nav-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#fff}.auth-link{background:none;border:none;border-radius:100px;color:#ffffffb3;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .3s ease}.auth-link.register{background:#6366f1;color:#fff}.auth-link:hover{background:#ffffff1a;color:#fff}.auth-link.register:hover{background:#5355d8}@media (max-width:768px){.nav-links{display:none}}.onboarding-prompt{margin-bottom:2rem;width:100%}.prompt-textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;line-height:1.5;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.prompt-textarea:focus{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a;outline:none}.prompt-info{align-items:flex-start;color:#666;display:flex;font-size:.9rem;margin-top:.5rem}.prompt-info-icon{font-size:1.1rem;margin-right:.5rem}.prompt-info p{margin:0}.voice-onboarding{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;margin-bottom:48px;min-height:500px;padding:24px}.connection-status{border-radius:20px;font-size:14px;font-weight:500;margin-bottom:12px;padding:6px 12px;text-align:center}.connection-status.idle{background-color:#ffffff1a}.connection-status.processing,.connection-status.recording{background-color:#f59e0b33;color:#f59e0b}.connection-status.speaking{background-color:#10b98133;color:#10b981}.connection-status.error{background-color:#ef444433;color:#ef4444}.conversation-container{background-color:#0003;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:24px;max-height:300px;overflow-y:auto;padding:16px}.message{animation:fadeIn .3s ease-out;border-radius:8px;display:flex;gap:12px;max-width:80%;padding:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.nova{align-self:flex-start;background-color:#6366f11a}.message.user{align-self:flex-end;background-color:#4ea0651a;flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.message.nova .message-avatar{background-color:#6366f1;color:#fff}.message.user .message-avatar{background-color:#4ea065;color:#fff}.message-content{line-height:1.5}.extracted-data{background-color:#ffffff0d;border-radius:8px;margin-bottom:24px;padding:16px}.extracted-data h3{color:#6366f1;font-size:18px;font-weight:500;margin-bottom:16px;margin-top:0}.data-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.data-item{display:flex;flex-direction:column;gap:4px}.data-item .label{color:#fff9;font-size:14px}.data-item .value{color:#fff;font-size:16px}.voice-controls{align-items:center;display:flex;gap:16px;justify-content:center}.active-controls{display:flex;gap:12px;width:100%}.end-button{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:background-color .2s}.end-button:hover{background-color:#dc2626}.mute-button{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s}.mute-button.muted,.start-button{background-color:#6366f1}.start-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.start-button:hover:not(:disabled){background-color:#4f46e5}.start-button:disabled{background-color:#6366f180;cursor:not-allowed}.mic-permission-error{background-color:#ff6b6b1a;border-radius:8px;color:#ff6b6b;margin-top:16px;padding:12px;text-align:center}.volume-button{background-color:#6366f126;border:none;border-radius:100px;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.volume-button:hover{background-color:#6366f14d}.volume-button.muted{background-color:#ef444426;color:#ef4444}.volume-button.muted:hover{background-color:#ef44444d}.test-button{background-color:#2d3748;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:8px 16px}.test-button:hover:not(:disabled){background-color:#4a5568}.test-button:disabled{cursor:not-allowed;opacity:.5}.onboarding-page{background:#000;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:48px 0 80px}.container{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 24px;width:100%}.banner{margin-bottom:48px}.placeholder-banner{background:linear-gradient(135deg,#6366f1,#5355d8);border-radius:12px;color:#fff;padding:24px;text-align:center}.placeholder-banner h2{font-size:1.8rem;font-weight:600;margin-bottom:8px;margin-top:0}.placeholder-banner p{font-size:1.1rem;margin:0;opacity:.9}.page-title{color:#fff;font-size:36px;font-weight:600;margin:0 0 48px}.description-section{margin-bottom:48px}.error-message{background-color:#ff6b6b1a;border-radius:8px;color:#ff6b6b;margin-bottom:16px;padding:12px}.generate-button{align-items:center;background-color:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:16px;transition:background-color .3s ease;width:100%}.generate-button:hover:not(:disabled){background-color:#5355d8}.generate-button:disabled{background-color:#6366f180;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:8px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.profile-editor-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.profile-editor-section h2{font-size:24px;font-weight:500;margin-bottom:16px;margin-top:0}.editor-info{color:#ffffffb3;font-size:16px;margin-bottom:24px}.profile-editor-form{width:100%}.profile-editor-form .form-group{margin-bottom:16px}.profile-editor-form label{color:#fffc;display:block;font-size:16px;margin-bottom:8px}.profile-editor-form input,.profile-editor-form textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:16px;padding:14px 16px;width:100%}.profile-editor-form input:focus,.profile-editor-form textarea:focus{border-color:#6366f1;outline:none}.profile-editor-form .save-button{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:24px;padding:16px;transition:background-color .3s ease;width:100%}.profile-editor-form .save-button:hover{background:#5355d8}@media (max-width:768px){.page-title{font-size:28px}.profile-editor-section{padding:20px}}.onboarding-method-selector{display:flex;gap:16px;margin-bottom:32px}.method-button{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.method-button:hover{background-color:#ffffff1a}.method-button.active{background-color:#6366f11a;border-color:#6366f1;color:#fff}.method-icon{font-size:24px}.method-description{color:#ffffffb3;font-size:16px;line-height:1.5;margin-bottom:24px;text-align:center}.voice-onboarding-container{margin-bottom:40px}.profile-json{background-color:#0000004d;border-radius:8px;color:#fffc;font-family:monospace;margin-bottom:24px;max-height:300px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.save-button{background:#6366f1;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:24px;padding:16px;transition:background-color .3s ease;width:100%}.save-button:hover{background:#5355d8}.App{background:#000;display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;flex-direction:column}.logo-container{align-items:center;background:#000;border-bottom:none;display:flex;justify-content:center;padding:16px;width:100%}.content-container{box-sizing:border-box;color:#fff;flex:1 1;margin:0 auto;max-width:600px;padding:40px 24px 0;width:100%}.logo{height:32px;width:auto}
/*# sourceMappingURL=main.f00af630.css.map*/