:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f0f1ff,#f8fafe 9.8162%,#fafcff 84.523%,#f0f1ff);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#e4eefc,#fff0);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:conic-gradient(from 45deg at 50% 50%,#99a6ff,#fff0 0%);pointer-events:none;z-index:0}#root{width:100%;min-height:100vh;position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{padding:1rem 0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-image{height:40px;width:auto;object-fit:contain}.header-button{background-color:#ff6b9d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:.95rem}.header-button:hover{background-color:#ff5a8a}.rwm-h-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#fff;font-weight:600;font-size:.95rem}.rwm-h-btn img{flex-shrink:0}.rwm-h-btn span{white-space:nowrap}.rwm-hvr:hover{transform:translateY(-1px)}.main-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-wrapper{max-width:800px;width:100%;text-align:center;position:relative;z-index:1}.headline{font-size:3.5rem;font-weight:700;color:#1a1a2e;margin:0 0 1rem;line-height:1.2}.highlight{position:relative;color:#ff6b9d}.highlight:before{content:"~";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);color:#ff6b9d;font-size:1.5rem;opacity:.6}.subheadline{font-size:1.1rem;color:#4a4a6a;margin:0 0 3rem;line-height:1.6}.upload-box{background-color:#fff;border:2px dashed #e0e0e0;border-radius:12px;padding:3rem 2rem;margin:0 auto 3rem;transition:all .3s ease;max-width:600px}.upload-box.dragging{border-color:#ff6b9d;background-color:#fff5f8}.upload-title{font-size:1.5rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.upload-subtitle{font-size:1rem;color:#6a6a8a;margin:0 0 2rem}.upload-button{background:linear-gradient(135deg,#ff6b9d,#a855f7);color:#fff;border:none;padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.upload-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff6b9d4d}.upload-note{font-size:.9rem;color:#6a6a8a;margin:0 0 1.5rem}.upload-legal{font-size:.75rem;color:#9a9a9a;line-height:1.5;margin:0}.thumbnails{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.thumbnail{width:200px;height:200px;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;opacity:.6}@media (max-width: 768px){.header-content{padding:0 1rem}.logo-image{height:30px}.rwm-h-btn{padding:.4rem .75rem;gap:.5rem;font-size:.85rem}.rwm-h-btn img{width:28px;height:28px}.headline{font-size:2.5rem}.upload-box{padding:2rem 1.5rem}.thumbnails{flex-direction:column;align-items:center}.thumbnail{width:100%;max-width:300px}}.intro-page-new{display:flex;justify-content:space-between;width:100%;height:calc(100vh - 72px)}.intro-page-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#f0f1ff,#f8fafe 9.8162%,#fafcff 84.523%,#f0f1ff);z-index:0}.intro-page-background-container{position:relative;width:100%;height:100%;max-width:780px}.intro-page-background-image{width:100%;height:100%}.phone-frame-container{position:absolute;top:97px;right:57.49%;bottom:0;left:0;border-top-right-radius:56px;overflow:hidden;z-index:1;background:linear-gradient(135deg,#99a6ff1a,#ccd3ff0d,#fff0)}.iphone-wrapper{position:absolute;right:-145px;top:15px;height:100%}.self-survey-button-on-phone{position:absolute;bottom:32%;right:13%;z-index:10;transform:rotate(6.74deg)}.logo-container{position:absolute;left:64px;top:28px;z-index:3}.logo-image-new{height:44.461px;width:auto;object-fit:contain}.self-survey-button{background:#1e22aa59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;gap:8px;align-items:center;justify-content:center;padding:36.49px 16px;position:relative;border-radius:500px;box-shadow:-16px -14px 28.4px #60463582,0 4px 4px #0000001f,11px 14px 18.3px #5339292e;width:150px;height:150px}.self-survey-button-inner{position:absolute;display:flex;align-items:center;justify-content:center;left:calc(50% + .24px);width:156.574px;height:156.574px;top:calc(50% + .19px);transform:translate(-50%,-50%)}.self-survey-button-rotate{flex:none}.self-survey-button-pulse{background:#ffffff1a;border-radius:500px;width:141px;height:141px}.self-survey-button-text{font-family:Poppins,sans-serif;font-weight:700;line-height:28px;letter-spacing:0%;position:relative;flex-shrink:0;font-size:26px;text-align:center;white-space:nowrap;text-transform:uppercase;color:#fff;z-index:10}.self-survey-button-text .mb-0{margin-bottom:0}.intro-page-content{margin:0 98px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px;width:100%}.title-container{font-family:Poppins,sans-serif;font-weight:600;height:104px;max-width:570px;min-width:350px;width:100%;z-index:3;text-align:center}.main-title{font-family:Poppins,sans-serif;font-weight:700;font-size:26px;line-height:28px;letter-spacing:0%;color:#1e22aa;margin:0 0 16px}.main-subtitle{line-height:24px;color:#392e54;font-size:18px;margin:0}.progress-bar{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;max-width:430px;height:5px;z-index:3}.progress-bar-segment{flex:1;height:4px;background:#1e22aa33;border-radius:2px;cursor:pointer;transition:all .3s ease}.progress-bar-segment:hover{background:#1e22aa66}.progress-bar-segment.completed{background:#1e22aa}.progress-bar-segment.active{background:#1e22aa;height:5px;box-shadow:0 0 8px #1e22aa66}.step-card-wrapper{position:relative;width:430px;display:flex;justify-content:center;align-items:center;will-change:contents;touch-action:pan-y;overflow:hidden}.step-card-container{background:#fff;display:flex;flex-direction:column;gap:16px;align-items:center;padding:48px 32px;border-radius:32px;width:100%;z-index:3;backface-visibility:hidden;overflow:hidden}.step-card-content{display:flex;flex-direction:column;gap:4px;align-items:flex-start;position:relative;flex-shrink:0;color:#392e54;font-size:22px;text-align:left;width:100%;text-align:center}.step-card-title{font-family:Poppins,sans-serif;font-weight:600;line-height:30px;position:relative;flex-shrink:0;width:100%;margin:0;font-size:22px}.step-card-description{font-family:Poppins,sans-serif;font-weight:400;line-height:34px;position:relative;flex-shrink:0;width:100%;font-size:22px}.step-card-description .mb-0{margin-bottom:0}.step-card-description p{margin:0;line-height:1.5}.start-recording-button-wrapper{display:inline-block;cursor:pointer}.start-recording-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;z-index:-1}.start-recording-button{background:red;display:flex;gap:8px;align-items:center;padding:15px 28px 15px 20px;position:relative;border-radius:32px;box-shadow:0 4px 12px #ff00004d;flex-shrink:0;cursor:pointer;border:none}.record-icon{overflow:hidden;position:relative;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.record-icon-dot{width:16px;height:16px;border-radius:50%;background:#fff;position:relative}.record-icon-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.start-recording-text{font-family:Poppins,sans-serif;font-weight:600;line-height:24px;position:relative;flex-shrink:0;font-size:18px;white-space:nowrap;color:#fff;letter-spacing:.9px;margin:0}.slider-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:430px;z-index:3;padding:16px 0}.step-slider{width:100%;height:6px;border-radius:3px;background:#1e22aa1a;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.step-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#1e22aa;cursor:pointer;box-shadow:0 2px 6px #1e22aa4d;transition:all .2s ease}.step-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #1e22aa66}.step-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#1e22aa;cursor:pointer;border:none;box-shadow:0 2px 6px #1e22aa4d;transition:all .2s ease}.step-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #1e22aa66}.step-slider::-ms-thumb{width:20px;height:20px;border-radius:50%;background:#1e22aa;cursor:pointer;border:none;box-shadow:0 2px 6px #1e22aa4d}.countdown-container{display:flex;justify-content:center;align-items:center;z-index:3;margin:0 auto}.countdown-timer-container{position:relative;width:56px;height:56px}.countdown-timer-svg{display:block;width:100%;height:100%}.countdown-timer-svg-rotate{transform:rotate(-90deg)}.countdown-timer-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Poppins,sans-serif;font-weight:600;font-size:28px;color:#fa008a}@media (max-width: 1366px){.main-title,.main-subtitle{width:100%}.step-card-wrapper{width:90%}.step-card-container{width:100%}}@media (max-width: 1024px){.main-content{overflow:initial;margin-top:86px}.intro-page-new{flex-direction:column;gap:256px}.intro-page-content{padding:30px 16px}.iphone-wrapper{left:50%;top:70%;transform:translate(-50%,-50%);height:100%;width:510px;height:880px}.self-survey-button-on-phone{bottom:15%;right:10%}.intro-page-background-container{max-width:100%;position:initial}.intro-page-content{margin:0}.intro-page-background-image{height:483px;border-top-right-radius:65px}}@media (max-width: 768px){.main-content{margin-top:0}.main-title{font-size:28px;line-height:1.2}.main-subtitle{font-size:16px;line-height:1.4}.step-card-wrapper{width:100%;margin:0 auto}.step-card-container{padding:32px 24px;width:100%;min-height:240px}.step-card-description{line-height:1.5}.progress-bar,.slider-container{max-width:100%;padding:0 16px}.start-recording-button{padding:12px 24px 12px 16px}.start-recording-text{font-size:16px}.intro-page-new{gap:136px}.intro-page-content{padding:20px 16px}.intro-page-background-container{position:relative}.iphone-wrapper{height:670px;width:400px;top:70%}.intro-page-background-image{height:393px;object-fit:cover}.title-container{height:auto}}@media (max-width: 560px){.iphone-wrapper{height:550px;width:300px}.main-title{max-width:250px}.intro-page-background-image{height:393px}.intro-page-content{align-items:flex-start}.title-container{min-width:300px;text-align:left}}.video-recorder{width:100%;max-width:1000px;margin:0 auto;padding:2rem}.recorder-content{text-align:center}.recorder-title{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin:0 0 2rem}.video-preview{position:relative;width:100%;max-width:800px;margin:0 auto 2rem;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.preview-video{width:100%;height:100%;object-fit:cover;background:#000}.camera-loading,.camera-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;z-index:10}.camera-loading p,.camera-error p{margin-top:1rem;font-size:1.1rem;text-align:center;padding:0 1rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:#ff6b9d;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#ff5a8a}.recording-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;text-align:center}.recording-indicator{position:absolute;top:1rem;right:1rem;background:#f00c;color:#fff;padding:.5rem 1rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-weight:600}.recording-dot{width:12px;height:12px;background:#fff;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recorder-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.record-button{padding:1rem 2.5rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.05em}.record-button.start{background:linear-gradient(135deg,#ff6b9d,#a855f7);color:#fff}.record-button.stop{background:#dc3545;color:#fff}.record-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cancel-button,.retake-button{padding:1rem 2rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-button:hover,.retake-button:hover{background:#5a6268}.submit-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#ff6b9d,#a855f7);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.05em}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ff6b9d4d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.transcript-box{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem auto;max-width:800px;text-align:left}.transcript-box h3{margin:0 0 1rem;color:#2d1b4e;font-size:1.1rem}.transcript-box p{color:#4a4a6a;line-height:1.6;margin:0;white-space:pre-wrap}.video-info{max-width:800px;margin:0 auto 2rem;text-align:left}.info-field{margin-bottom:1.5rem}.info-field label{display:block;font-weight:600;color:#2d1b4e;margin-bottom:.5rem}.info-field input,.info-field textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.info-field input:focus,.info-field textarea:focus{outline:none;border-color:#ff6b9d}@media (max-width: 768px){.recorder-title{font-size:2rem}.recorder-controls{flex-direction:column}.record-button,.cancel-button,.submit-button,.retake-button{width:100%}}.main-content{margin:0}.thank-you-top-image{position:absolute;top:20px;right:20px;width:350px}.thank-you-page-new{display:flex;justify-content:space-between;width:100%;height:calc(100vh - 72px)}.thank-you-page-background-container{position:relative;width:100%;height:100%}.thank-you-page-background-image{width:100%;height:100%}.iphone-wrapper-thank-you{position:absolute;right:-140px;top:15px;height:100%}.iphone-rotate{flex:none;transform:rotate(6.744deg) skew(.035deg)}.iphone-container{height:746.973px;position:relative;box-shadow:0 40px 56.2px #03173861;width:361.07px}.iphone-screen{position:relative;width:100%;height:100%}.iphone-screen-img{display:block;max-width:none;width:100%;height:100%;object-fit:cover}.success-checkmark-on-phone{position:absolute;top:3%;right:0;z-index:10;transform:rotate(6.74deg)}.iphone-frame{position:absolute;top:-.11%;right:-.23%;bottom:-.11%;left:-.23%;pointer-events:none}.success-checkmark-button{background:#4caf5059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;gap:8px;align-items:center;justify-content:center;padding:36.49px 16px;position:relative;border-radius:500px;box-shadow:-16px -14px 28.4px #60463582,0 4px 4px #0000001f,11px 14px 18.3px #5339292e;width:150px;height:150px}.success-checkmark-button-inner{position:absolute;display:flex;align-items:center;justify-content:center;left:calc(50% + .24px);width:156.574px;height:156.574px;top:calc(50% + .19px);transform:translate(-50%,-50%)}.success-checkmark-button-rotate{flex:none}.success-checkmark-button-pulse{background:#ffffff1a;border-radius:500px;width:141px;height:141px}.success-checkmark-button-icon{font-family:Poppins,sans-serif;font-weight:700;line-height:28px;letter-spacing:0%;position:relative;flex-shrink:0;font-size:60px;text-align:center;white-space:nowrap;color:#fff;z-index:10;display:flex;align-items:center;justify-content:center}.success-checkmark-icon-img{width:62.54px;height:73.15px;object-fit:contain;z-index:10}.thank-you-page-content{margin:0 20px 0 117px;display:flex;justify-content:end;align-items:center;flex-direction:column;gap:24px;width:100%;padding-bottom:20px}.thank-you-title-container{min-width:300px;width:100%;display:flex;flex-direction:column;gap:40px}.thank-you-title-content{font-family:Poppins,sans-serif;font-weight:600;min-width:300px;width:100%;z-index:3;text-align:left}.thank-you-title{font-family:Poppins,sans-serif;font-weight:700;font-size:2.5rem;line-height:1.2;letter-spacing:0%;color:#1a1a2e;margin:0 0 1.5rem}.thank-you-message{font-family:Poppins,sans-serif;font-weight:600;font-size:1.2rem;line-height:1.6;color:#1a1a2e;margin:0}.thank-you-top-image-2{width:100%;height:340px}.thank-you-top-image-mobile{width:100%;height:auto;border-radius:12px}@media (max-width: 1366px){.thank-you-top-image{width:auto}.thank-you-title,.thank-you-message{width:100%}.thank-you-title-content{max-width:430px;min-width:300px}.thank-you-title-container{max-width:648px;min-width:300px;width:100%;display:flex;flex-direction:column;gap:40px}}@media (max-width: 1024px){.main-content{overflow:initial}.thank-you-page-new{flex-direction:column;gap:56px}.thank-you-title-container{max-width:100%}.thank-you-top-image-container{display:flex;align-items:center;justify-content:end;padding-left:210px;padding-bottom:20px}.thank-you-top-image-container-inner{position:relative;max-width:707px;width:100%;display:flex;align-items:center}.thank-you-top-image-mobile{width:268px;height:211px;object-fit:cover;border-radius:12px;position:absolute;left:-10%;transform:translate(-50%)}.thank-you-top-image-2{width:100%;height:100%;object-fit:cover;border-radius:12px}.iphone-wrapper-thank-you{right:27px;top:100%;transform:translateY(-50%);height:100%;width:360px;height:617px}.thank-you-page-background-container{max-width:100%}.thank-you-page-content{padding:0 16px;margin:0}.thank-you-page-background-image{height:483px}.success-checkmark-on-phone{left:-20px;top:45%}}@media (max-width: 768px){.main-content{display:block}.thank-you-page-new{height:auto;gap:8px}.thank-you-title{font-size:1.75rem;line-height:1.2}.thank-you-message{font-size:1rem;line-height:1.4}.thank-you-page-content{padding:0 16px}.thank-you-page-background-container{position:relative}.iphone-wrapper-thank-you{height:400px;width:210px;top:65%;left:15px}.thank-you-page-background-image{height:262px;border-top-right-radius:40px;object-fit:cover}.success-checkmark-on-phone{top:65%;left:70px}.thank-you-title-container{flex-direction:column-reverse;margin-bottom:20px}.thank-you-top-image-container-inner{flex-direction:column-reverse;align-items:end;gap:8px}.thank-you-top-image-2{width:108px;height:72px}.thank-you-top-image-mobile{position:initial;transform:none;width:71px;height:55px;transform:translate(-90%)}.thank-you-top-image-container{padding:0}}@media (max-width: 560px){.thank-you-page-content{align-items:flex-start}.thank-you-title{min-width:300px;text-align:left}}.sending-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;padding:0 16px}.sending-modal-overlay>*{pointer-events:auto}.sending-modal{background:#fff;border-radius:20px;padding:3rem 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px #0000004d;max-width:550px;width:100%}.sending-spinner-container{margin-bottom:2rem}.sending-spinner{width:80px;height:80px;border-radius:50%;position:relative;background:conic-gradient(from 270deg,#ff4d00,#ff4d00 65deg,#ff4d0099 180deg,#fff0 270deg);mask:radial-gradient(circle,transparent 60%,black 65%);-webkit-mask:radial-gradient(circle,transparent 60%,black 65%);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(-360deg)}}.sending-text{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 .25rem;text-align:center;font-family:Poppins,sans-serif}.sending-subtext{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0;text-align:center;font-family:Poppins,sans-serif}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;min-width:300px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#fff;pointer-events:auto;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success{border-left:4px solid #10b981}.toast-success:before{background:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error:before{background:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning:before{background:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info:before{background:#3b82f6}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-message{flex:1;color:#1f2937;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;color:#6b7280;font-size:24px;line-height:1;cursor:pointer;padding:0;margin-left:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#1f2937}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.slide-out{animation:slideOut .3s ease-in forwards}@media (max-width: 640px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}