:root{--primary-color: #5E2B88;--primary-dark: #2C1340;--accent-color: #F05A28;--secondary-color: #9B3F9F;--background-overlay: rgba(44, 19, 64, .4);--text-primary: #2C1340;--text-secondary: #5E2B88;--text-light: #FFFFFF;--white: #FFFFFF;--light-gray: #F5F5F5;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--border-radius: 12px;--border-radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(44, 19, 64, .05);--shadow: 0 4px 6px -1px rgba(44, 19, 64, .1);--shadow-lg: 0 10px 15px -3px rgba(44, 19, 64, .1);--shadow-xl: 0 20px 25px -5px rgba(44, 19, 64, .1);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--gradient-accent: linear-gradient(135deg, var(--accent-color), #d94820);--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--primary-color))}*{box-sizing:border-box}html,body{margin:0;padding:0;background:transparent;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column;background:transparent;margin:0;padding:0}.background-container{flex:1;background:none;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.overlay{background:transparent;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.overlay--home{padding:0}.container{width:100%;max-width:600px;background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:2rem}.container-home,.container-upload,.container-text-note,.container-voice-note,.container-feedback{background:transparent;box-shadow:none;padding:0;max-width:none;border-radius:0}.brand-link{text-decoration:none;color:inherit}.brand-link:hover .title{color:var(--primary-dark)}.header{text-align:center;margin-bottom:2rem}.title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.description{font-size:1rem;color:var(--text-secondary);max-width:400px;margin:0 auto}.breadcrumb{margin-bottom:1rem}.breadcrumb-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-color)}.modern-back-button{position:fixed;top:1.5rem;left:1.5rem;z-index:100;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:50px;color:#fffffff2;text-decoration:none;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.modern-back-button:hover{background:#ffffff40;border-color:#fff6;color:#fff;transform:translate(-4px);box-shadow:0 6px 30px #00000026}.back-icon{width:20px;height:20px;transition:transform .3s ease}.modern-back-button:hover .back-icon{transform:translate(-2px)}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.spinner-large{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.container{margin:0 1rem;padding:1.5rem}.container-home{margin:0!important;padding:0!important}.title{font-size:2rem}.subtitle{font-size:1.25rem}}@media (max-width: 768px){.overlay{padding:1rem}}@media (max-width: 480px){.modern-back-button{top:.75rem;left:.75rem;padding:.5rem .875rem;font-size:.8125rem}.back-icon{width:16px;height:16px}}.upload-section,.text-note-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.form-input,.message-textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:var(--border-radius-sm);font-size:1rem;background:#fff;transition:all .2s ease;font-family:inherit}.message-textarea{padding:1rem;resize:vertical;min-height:120px}.form-input:focus,.message-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5e2b881a}.form-input:disabled,.message-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.upload-button,.submit-button,.primary-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--border-radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button{width:100%}.upload-button:hover:not(:disabled),.submit-button:hover:not(:disabled),.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-button:disabled,.submit-button:disabled,.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-button.uploading,.submit-button.submitting{background:#6b7280}.secondary-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .2s ease;font-size:.875rem;background:transparent;color:var(--text-primary);border:2px solid #e5e7eb}.secondary-button:hover{background:#f3f4f6}.reset-button,.refresh-button{padding:.75rem 1.5rem;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid}.reset-button{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.reset-button:hover{background:var(--primary-dark)}.refresh-button{background:transparent;color:var(--text-primary);border-color:#e5e7eb}.refresh-button:hover{background:#f3f4f6}.button-icon{width:1rem;height:1rem}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.reset-button,.refresh-button{width:100%}}.upload-intro,.text-note-intro{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2)}.text-note-intro{text-align:center}.intro-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.intro-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.intro-features{display:flex;gap:1rem;flex-wrap:wrap}.intro-feature{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);font-weight:500}.intro-icon{width:1rem;height:1rem;color:var(--success-color)}.modern-form-input{width:100%;padding:.9rem 1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;font-family:inherit}.toast-container{position:fixed;top:5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toastSlideIn .3s ease-out;pointer-events:auto;position:relative;overflow:hidden}@keyframes toastSlideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#fff}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fff}.toast-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#fff}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{font-size:.9375rem;font-weight:500;line-height:1.4}.toast-close{background:transparent;border:none;padding:.25rem;cursor:pointer;color:#ffffffb3;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{color:#fff;background:#ffffff1a}.toast-close svg{width:16px;height:16px}.file-drop-zone{border:2px dashed #d1d5db;border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafbfc}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--primary-color);background:#5e2b880d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon{width:3rem;height:3rem;color:var(--text-secondary)}.drop-zone-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.drop-zone-subtitle{color:var(--text-secondary)}.drop-zone-hint{font-size:.875rem;color:var(--text-secondary);background:#fff;padding:.25rem .5rem;border-radius:4px}.file-input-hidden{display:none}.file-preview-container{background:#f9fafb;border-radius:var(--border-radius);padding:1rem}.preview-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.file-preview-item{position:relative;background:#fff;border-radius:var(--border-radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease}.file-preview-item:hover{transform:translateY(-2px)}.preview-thumbnail{position:relative;aspect-ratio:1;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#5e2b8814;color:#5e2b888c}.thumbnail-fallback svg{width:2rem;height:2rem}.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;padding:.5rem}.play-icon{width:1.5rem;height:1.5rem;color:#fff}.preview-info{padding:.5rem}.file-name{font-size:.75rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-details{font-size:.625rem;color:var(--text-secondary)}.remove-button{position:absolute;top:.25rem;right:.25rem;background:#ef4444e6;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.remove-button:hover{background:#ef4444}.remove-icon{width:.75rem;height:.75rem;color:#fff}@media (max-width: 768px){.file-preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.file-preview-grid{grid-template-columns:repeat(2,1fr)}}.progress-container{background:#f9fafb;border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.overall-progress,.individual-progress{display:flex;flex-direction:column;gap:.75rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-title,.individual-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.individual-title{font-size:.875rem}.progress-percentage{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.progress-bar-bg,.file-progress-bar-bg{background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-bar-bg{height:.75rem}.file-progress-bar-bg{height:.5rem}.progress-bar-fill,.file-progress-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease}.progress-bar-fill{background:linear-gradient(90deg,#5e2b88,#e91e8c)}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.file-progress-list{display:flex;flex-direction:column;gap:.75rem}.file-progress-item{background:#fff;border-radius:var(--border-radius-sm);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.file-progress-info{display:flex;justify-content:space-between;align-items:center}.file-progress-status{display:flex;align-items:center}@media (max-width: 640px){.progress-stats{grid-template-columns:repeat(2,1fr)}}.success-container{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.success-icon{width:4rem;height:4rem;color:var(--success-color)}.check-icon{width:100%;height:100%}.success-title{font-family:Playfair Display,serif;font-size:2rem;color:var(--text-primary);margin:0}.success-message{font-size:1.125rem;color:var(--text-secondary);max-width:400px}.success-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.success-note{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--border-radius-sm);padding:1rem;max-width:400px}.success-note p{margin:0;font-size:.875rem;color:#0c4a6e}.error-messages{display:flex;flex-direction:column;gap:.5rem}.error-message,.global-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:var(--border-radius-sm);font-size:.875rem}.global-error{padding:1rem;border-radius:var(--border-radius);text-align:center}@media (max-width: 640px){.success-actions{flex-direction:column;width:100%}}.home-page-clean,.event-header-clean,.action-section-clean,.info-footer-clean{display:none!important}.event-header-clean{text-align:center;padding:3rem 2rem;background:#fffffffa;border-radius:24px;box-shadow:0 4px 24px #5e2b8814;margin-bottom:2rem;border:1px solid rgba(94,43,136,.08)}.event-icon-clean{width:72px;height:72px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5e2b88,#9b3f9f);border-radius:20px;box-shadow:0 8px 24px #5e2b8840}.event-icon-clean svg{width:36px;height:36px;color:#fff}.event-title-clean{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:#2c1340;margin-bottom:1rem;line-height:1.2}.event-description-clean{font-size:1.125rem;color:#5e2b88;max-width:600px;margin:0 auto;line-height:1.7;opacity:.9}.action-section-clean{margin-bottom:2rem}.action-grid-clean{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card-clean{position:relative;display:flex;flex-direction:column;padding:2.5rem 2rem;background:#fff;border-radius:20px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 16px #2c134014;border:2px solid transparent;overflow:hidden}.action-card-clean:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.action-card-purple:before{background:linear-gradient(90deg,#5e2b88,#9b3f9f)}.action-card-orange:before{background:linear-gradient(90deg,#f05a28,#ff7849)}.action-card-pink:before{background:linear-gradient(90deg,#9b3f9f,#d946b9)}.action-card-clean:hover:before{opacity:1}.action-card-clean:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2c134026}.action-card-purple:hover{border-color:#5e2b8833}.action-card-orange:hover{border-color:#f05a2833}.action-card-pink:hover{border-color:#9b3f9f33}.card-icon-clean{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:1.5rem;transition:transform .3s ease}.action-card-purple .card-icon-clean{background:linear-gradient(135deg,#5e2b881a,#5e2b880d)}.action-card-orange .card-icon-clean{background:linear-gradient(135deg,#f05a281a,#f05a280d)}.action-card-pink .card-icon-clean{background:linear-gradient(135deg,#9b3f9f1a,#9b3f9f0d)}.action-card-clean:hover .card-icon-clean{transform:scale(1.05)}.card-icon-clean svg{width:30px;height:30px}.action-card-purple .card-icon-clean svg{color:#5e2b88}.action-card-orange .card-icon-clean svg{color:#f05a28}.action-card-pink .card-icon-clean svg{color:#9b3f9f}.card-title-clean{font-size:1.375rem;font-weight:600;color:#2c1340;margin-bottom:.75rem;line-height:1.3}.card-desc-clean{font-size:1rem;color:#5e2b88;line-height:1.6;margin-bottom:1.5rem;opacity:.85;flex:1}.card-arrow-clean{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;margin-left:auto;transition:all .3s ease}.card-arrow-clean svg{width:16px;height:16px}.action-card-purple .card-arrow-clean svg{color:#5e2b88}.action-card-orange .card-arrow-clean svg{color:#f05a28}.action-card-pink .card-arrow-clean svg{color:#9b3f9f}.action-card-purple:hover .card-arrow-clean{background:linear-gradient(135deg,#5e2b88,#9b3f9f)}.action-card-orange:hover .card-arrow-clean{background:linear-gradient(135deg,#f05a28,#ff7849)}.action-card-pink:hover .card-arrow-clean{background:linear-gradient(135deg,#9b3f9f,#d946b9)}.action-card-clean:hover .card-arrow-clean svg{color:#fff}.action-card-clean:hover .card-arrow-clean{transform:translate(4px)}.info-footer-clean{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(94,43,136,.08);flex-wrap:wrap}.info-badge{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:#5e2b88}.badge-icon{font-size:1.25rem}.homepage-footer{padding:1.5rem 0 0;margin-top:3rem;margin-bottom:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2;background:transparent}.footer-stats{display:flex;justify-content:center;gap:.375rem;flex-wrap:wrap;margin-bottom:5rem;width:100%;max-width:220px}@media (min-width: 1024px){.footer-stats{max-width:750px;gap:1.25rem}.stat-pill{flex:1;max-width:none}}.feedback-button-container{display:flex;justify-content:center;width:100%;margin:.5rem 0}.feedback-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:50px;color:#ffffffe6;text-decoration:none;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:300px;justify-content:center;box-shadow:0 4px 20px #0000001a;cursor:pointer}.feedback-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.feedback-button:hover:before{left:100%}.feedback-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #00000026;color:#fff}.feedback-icon{font-size:1.25rem;transition:transform .3s ease}.feedback-button:hover .feedback-icon{transform:scale(1.1)}.feedback-text{font-weight:600;letter-spacing:.02em}.feedback-arrow{width:20px;height:20px;transition:transform .3s ease}.feedback-button:hover .feedback-arrow{transform:translate(6px)}@keyframes feedback-pulse{0%,to{box-shadow:0 4px 20px #0000001a}50%{box-shadow:0 6px 25px #00000026}}.feedback-button{animation:feedback-pulse 4s ease-in-out infinite}.footer-logo{text-align:center;margin-bottom:0;background:transparent;position:relative;z-index:3}.logo-image{height:auto;width:100%;max-width:240px;opacity:1;display:block;filter:drop-shadow(0 10px 50px rgba(255,255,255,.8));margin:0;padding:0;border:none;background:transparent!important;mix-blend-mode:normal!important;box-shadow:none!important}@media (min-width: 1280px){.home-content-wrapper{max-width:1400px;padding-left:2rem;padding-right:2rem}.hero-modern{padding-top:6rem}.hero-title-modern{font-size:4rem}.features-grid-modern{gap:2.5rem}}.modern-home-page img,.modern-home-page svg,.modern-home-page .logo-image{background-color:transparent!important;box-shadow:none!important}@media (max-width: 1024px){.features-grid-modern{grid-template-columns:repeat(2,1fr)}.feature-card-modern{padding:1.5rem}}@media (max-width: 768px){.features-grid-modern{grid-template-columns:1fr}.hero-title-modern{font-size:2.5rem}.hero-subtitle-modern{font-size:1.125rem}.stat-pill{padding:.5rem 1rem;font-size:.875rem}}@media (max-width: 480px){.home-content-wrapper{padding:1rem 1rem 0}.hero-modern{padding:1.5rem .5rem 2rem;min-height:auto}.hero-title-modern{font-size:2rem;margin-bottom:1rem}.hero-subtitle-modern{font-size:1rem;margin-bottom:2rem}.hero-rings{margin:1.5rem auto}.rings-image{max-width:140px}.features-modern{margin-top:1rem}.feature-card-modern{padding:1.5rem}.feature-icon-modern{font-size:2.5rem}.feature-icon-modern img{width:4rem;height:4rem}.feature-title-modern{font-size:1.25rem}.homepage-footer{margin-top:2rem;gap:2rem}.footer-stats{flex-direction:column;align-items:center;gap:1rem;max-width:100%;margin-bottom:3rem}.stat-pill{width:100%;max-width:280px}.feedback-button{width:100%;padding:.875rem 1.5rem;min-width:0}}.modern-home-page{min-height:100vh;position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.modern-home-page.loaded{opacity:1}.gradient-background,.gradient-orb{display:none!important}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#5E2B88 0%,transparent 70%);top:-150px;left:-150px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#E91E8C 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#F05A28 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.particles-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:visible}.modern-home-page.loaded+.particles-container,.particles-container{height:100vh;min-height:100vh}.particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:particle-rise 18s linear infinite}.particle:nth-child(3n+1){background:#fff9;box-shadow:0 0 10px #fff6}.particle:nth-child(3n+2){background:#3b82f699;box-shadow:0 0 10px #3b82f666}.particle:nth-child(3n+3){background:#a855f799;box-shadow:0 0 10px #a855f766}.particle.confetti{border-radius:2px;width:6px;height:6px}.particle.confetti:nth-child(3n+1){background:#ff6b6bcc;box-shadow:0 0 8px #ff6b6b80}.particle.confetti:nth-child(3n+2){background:#fbc02dcc;box-shadow:0 0 8px #fbc02d80}.particle.confetti:nth-child(3n+3){background:#4dd980cc;box-shadow:0 0 8px #4dd98080}@keyframes particle-rise{0%{transform:translateY(0) scale(.6) rotate(0);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translateY(-150vh) scale(1) rotate(360deg);opacity:0}}.home-content-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem 1rem 0;padding-bottom:0;flex:1;display:flex;flex-direction:column}.hero-modern{text-align:center;padding:2rem 1rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title-modern{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.title-line{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4),0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.title-gradient,.gradient-text-animated{background:linear-gradient(135deg,#4dd0e1,#ba68c8,#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 5s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-rings{margin:2rem auto;text-align:center;animation:fadeInUp 1s ease-out .3s backwards}.rings-image{width:100%;max-width:200px;height:auto;opacity:.95;filter:drop-shadow(0 4px 20px rgba(255,255,255,.3));transition:transform .3s ease,filter .3s ease}.rings-image:hover{transform:scale(1.05);filter:drop-shadow(0 8px 30px rgba(255,255,255,.5))}.hero-subtitle-modern{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto .5rem;line-height:1.6}.stat-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffe6;font-size:.9375rem;font-weight:500;transition:all .3s ease;flex:0 0 auto;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-pill:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.stat-icon{font-size:1.25rem}.features-modern{padding:0;flex:1}.features-grid-modern{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:.5rem;align-items:stretch}@media (min-width: 768px) and (max-width: 1024px){.home-content-wrapper{padding-left:2rem;padding-right:2rem}}@media (min-width: 1025px){.features-grid-modern{grid-template-columns:repeat(3,1fr)}}.feature-card-modern{position:relative;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;text-decoration:none;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out backwards;display:flex;flex-direction:column;height:100%}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.feature-card-modern:hover .card-shine{left:100%}.card-gradient-bg{position:absolute;top:0;left:0;right:0;height:6px;opacity:0;transition:opacity .3s ease}.feature-card-modern:hover .card-gradient-bg{opacity:1}.feature-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #3b82f64d;border-color:#fff6;background:#ffffff26}.card-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.card-body-with-icon{display:flex;align-items:stretch;gap:1.5rem;flex:1}.card-text-content{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:0;justify-content:space-between}.feature-icon-modern{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));flex-shrink:0;align-self:center}.feature-icon-modern img{width:5rem;height:5rem;object-fit:contain}.feature-title-modern{font-size:1.5rem;font-weight:700;margin-bottom:0;color:#fff}.feature-desc-modern{font-size:1rem;color:#ffffffb3;line-height:1.6;margin-bottom:0}.card-footer-modern{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;opacity:.9;transition:all .3s ease;margin-top:auto}.feature-card-modern:hover .card-footer-modern{opacity:1;gap:.75rem}.arrow-icon{width:20px;height:20px;transition:transform .3s ease}.feature-card-modern:hover .arrow-icon{transform:translate(4px)}.modern-upload-page{min-height:100vh;position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;margin:0;padding:0;width:100%;background:transparent}.modern-upload-page.loaded{opacity:1}.upload-content-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.modern-upload-page .main-content{padding:0;margin:0;flex:1;display:flex;flex-direction:column}.upload-hero-modern{text-align:center;padding:4rem 1rem 2rem;animation:fadeInUp .8s ease-out;flex:1;display:flex;flex-direction:column;justify-content:center}.upload-title-modern{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.upload-title-modern .title-line{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4),0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.upload-subtitle-modern{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto 2rem;line-height:1.6}.upload-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.feature-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffe6;font-size:.9375rem;font-weight:500;transition:all .3s ease;flex:0 0 auto;min-width:0;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-pill:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.feature-icon{font-size:1.25rem}.upload-section-modern{padding:2rem 1rem;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.upload-card-modern{position:relative;padding:2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out;width:100%;max-width:600px}.upload-card-modern .card-shine{display:none}.upload-card-modern .card-gradient-bg{position:absolute;top:0;left:0;right:0;height:6px;opacity:0;transition:opacity .3s ease}.upload-card-modern:hover .card-gradient-bg{opacity:1}.upload-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f64d;border-color:#fff6;background:#ffffff26}.upload-card-modern .card-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.upload-info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.upload-info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.upload-info-icon{width:32px;height:32px;color:#ffffffe6}.upload-info-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.upload-info-description{font-size:.9375rem;color:#ffffffb3;line-height:1.6;margin:0}.modern-upload-section{display:flex;flex-direction:column;gap:2rem}.modern-form-group{display:flex;flex-direction:column;gap:.75rem}.modern-form-label{font-weight:600;color:#ffffffe6;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.modern-form-input{padding:1rem 1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;font-family:inherit}.modern-form-input::placeholder{color:#fff9}.modern-form-input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;background:#ffffff26;outline:none}.modern-form-input:disabled{background:#ffffff0d;cursor:not-allowed;opacity:.6}.modern-file-drop-zone{border:2px dashed rgba(255,255,255,.3);border-radius:20px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:280px;display:flex;align-items:center;justify-content:center}.modern-file-drop-zone:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.modern-file-drop-zone:hover:before{left:100%}.modern-file-drop-zone:hover,.modern-file-drop-zone.drag-over{border-color:#fff9;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 12px 40px #5e2b884d;border-width:3px}.modern-drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.upload-icon-container{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;margin-bottom:1rem;transition:all .3s ease;border:2px solid rgba(255,255,255,.2)}.modern-file-drop-zone:hover .upload-icon-container{background:#fff3;transform:scale(1.1) rotate(5deg);border-color:#fff6;box-shadow:0 8px 24px #5e2b884d}.modern-upload-icon{width:2.5rem;height:2.5rem;color:#ffffffe6;transition:all .3s ease}.modern-file-drop-zone:hover .modern-upload-icon{color:#fff;transform:scale(1.1)}.modern-drop-zone-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.modern-drop-zone-subtitle{font-size:1.125rem;color:#fffc;margin:0 0 1rem}.modern-drop-zone-hint{font-size:.875rem;color:#fff9;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.modern-error-messages{display:flex;flex-direction:column;gap:.75rem}.modern-error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-global-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem 1.25rem;border-radius:12px;text-align:center;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-upload-button{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#5e2b88,#7b3fa6);color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #5e2b884d}.modern-upload-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.modern-upload-button:hover:before{left:100%}.modern-upload-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #5e2b8866;background:linear-gradient(135deg,#6b3a9a,#8b4fb8)}.modern-upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-upload-button.uploading{background:#6b7280}@media (max-width: 640px){.file-drop-zone{padding:1.5rem}.upload-icon{width:2rem;height:2rem}}@media (max-width: 480px){.upload-hero-modern{padding:2rem 1rem 1rem}.upload-title-modern{font-size:2rem}.upload-subtitle-modern{font-size:1rem}.upload-features{flex-direction:column;gap:.75rem;align-items:center}.feature-pill{width:auto;justify-content:center}.upload-section-modern{padding:1rem}.upload-card-modern{padding:1.5rem}.modern-file-drop-zone{padding:2rem 1.5rem}.upload-icon-container{width:3rem;height:3rem}.modern-upload-icon{width:1.5rem;height:1.5rem}.modern-drop-zone-title{font-size:1.125rem}.modern-drop-zone-subtitle{font-size:.875rem}.modern-upload-button{padding:1rem 2rem;font-size:1rem}.upload-info-card{padding:1rem}.upload-info-header{flex-direction:column;align-items:flex-start;gap:.5rem}.upload-info-icon{width:28px;height:28px}.upload-info-title{font-size:1.125rem}.upload-info-description{font-size:.875rem}.modern-file-drop-zone{padding:3rem 1.5rem;min-height:240px}.upload-icon-container{width:4rem;height:4rem}.modern-upload-icon{width:2rem;height:2rem}.modern-drop-zone-title{font-size:1.25rem}.modern-drop-zone-subtitle{font-size:1rem}}.modern-text-note-page{min-height:100vh;position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;margin:0;padding:0;width:100%;background:transparent}.modern-text-note-page.loaded{opacity:1}.text-note-content-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.text-note-hero-modern{text-align:center;padding:4rem 1rem 2rem;animation:fadeInUp .8s ease-out;flex:1;display:flex;flex-direction:column;justify-content:center}.text-note-title-modern{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.text-note-title-modern .title-line{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4),0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.text-note-subtitle-modern{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto 2rem;line-height:1.6}.text-note-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.text-note-section-modern{padding:2rem 1rem;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.text-note-card-modern{position:relative;padding:2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out;width:100%;max-width:600px}.text-note-card-modern .card-shine{display:none}.text-note-card-modern .card-gradient-bg{position:absolute;top:0;left:0;right:0;height:6px;opacity:0;transition:opacity .3s ease}.text-note-card-modern:hover .card-gradient-bg{opacity:1}.text-note-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px #e91e8c4d;border-color:#fff6;background:#ffffff26}.text-note-card-modern .card-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.modern-text-note-form{display:flex;flex-direction:column;gap:2rem}.modern-form-textarea{padding:1rem 1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;font-family:inherit;resize:vertical;min-height:120px}.modern-form-textarea::placeholder{color:#fff9}.modern-form-textarea:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;background:#ffffff26;outline:none}.modern-form-textarea:disabled{background:#ffffff0d;cursor:not-allowed;opacity:.6}.char-count-modern{float:right;font-size:.75rem;color:#ffffffb3;font-weight:400}.char-count-modern.warning{color:#fca5a5;font-weight:600}.emoji-picker-modern{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding:.75rem;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.emoji-label-modern{font-size:.875rem;color:#ffffffb3;font-weight:500}.emoji-buttons-container{display:flex;gap:.5rem;flex-wrap:wrap}.emoji-button-modern{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.375rem .625rem;font-size:1rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emoji-button-modern:hover:not(:disabled){transform:scale(1.1);background:#fff3;border-color:#ffffff4d}.emoji-button-modern:disabled{opacity:.5;cursor:not-allowed}.customization-section-modern{border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.customization-title-modern{font-size:1.125rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem}.customization-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.color-themes-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.color-theme-modern{padding:.75rem;border:2px solid transparent;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.color-theme-modern:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0003}.color-theme-modern.active{border-color:#ffffff80;box-shadow:0 0 0 2px #ffffff4d}.color-theme-modern:disabled{opacity:.6;cursor:not-allowed}.font-size-options-modern{display:flex;gap:.5rem}.font-size-option-modern{flex:1;padding:.75rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.font-size-option-modern:hover:not(:disabled){border-color:#fff6;background:#ffffff26}.font-size-option-modern.active{background:#ffffff40;color:#fff;border-color:#ffffff80}.font-size-option-modern:disabled{opacity:.6;cursor:not-allowed}.preview-section-modern{border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-header-modern{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.preview-title-modern{font-size:1rem;font-weight:600;color:#ffffffe6}.preview-toggle-modern{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-toggle-modern:hover{background:#ffffff4d}.message-preview-modern{padding:1.5rem;background:#ffffff0d}.preview-card-modern{border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0003;max-width:400px;margin:0 auto;border:1px solid rgba(0,0,0,.1)}.preview-card-modern.small .preview-message-modern{font-size:.875rem}.preview-card-modern.medium .preview-message-modern{font-size:1rem}.preview-card-modern.large .preview-message-modern{font-size:1.125rem}.preview-message-modern{line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.preview-signature-modern{text-align:right;font-style:italic;opacity:.8;font-size:.9em}.form-actions-modern{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem;margin-top:1rem}.modern-submit-button{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#e91e8c,#f23da1);color:#fff;border:none;border-radius:16px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #e91e8c4d;width:100%}.modern-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.modern-submit-button:hover:before{left:100%}.modern-submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #e91e8c66;background:linear-gradient(135deg,#f23da1,#ff4db8)}.modern-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modern-submit-button.submitting{background:#6b7280}.success-container-modern{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;animation:fadeInScale .6s ease-out}.success-icon-modern{width:5rem;height:5rem;color:#22c55e}.check-icon-modern{width:100%;height:100%}.success-title-modern{font-family:Playfair Display,serif;font-size:2rem;color:#fff;margin:0;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4)}.success-message-modern{font-size:1.125rem;color:#fffc;max-width:400px}.success-actions-modern{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.reset-button-modern{padding:.875rem 1.75rem;background:linear-gradient(135deg,#e91e8c,#f23da1);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9375rem}.reset-button-modern:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e91e8c4d}.secondary-button-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:.9375rem;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-button-modern:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width: 480px){.text-note-hero-modern{padding:2rem 1rem 1rem}.text-note-title-modern{font-size:2rem}.text-note-subtitle-modern{font-size:1rem}.text-note-features{flex-direction:column;gap:.75rem;align-items:center}.text-note-section-modern{padding:1rem}.text-note-card-modern{padding:1.5rem}.customization-grid-modern{grid-template-columns:1fr}.color-themes-modern{grid-template-columns:repeat(2,1fr)}.font-size-options-modern{flex-direction:column}.preview-header-modern{flex-direction:column;gap:1rem;text-align:center}}.text-note-page{max-width:700px;margin:0 auto}.text-note-form{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-lg)}.char-count{float:right;font-size:.75rem;color:var(--text-secondary);font-weight:400}.char-count.warning{color:var(--warning-color);font-weight:600}.emoji-picker{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;padding:.75rem;background:#f9fafb;border-radius:var(--border-radius-sm)}.emoji-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-right:.5rem}.emoji-button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.25rem .5rem;font-size:1rem;cursor:pointer;transition:all .2s ease}.emoji-button:hover:not(:disabled){transform:scale(1.1);box-shadow:var(--shadow-sm)}.emoji-button:disabled{opacity:.5;cursor:not-allowed}.customization-section{border:1px solid #e5e7eb;border-radius:var(--border-radius);padding:1.5rem;background:#fafbfc}.customization-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.customization-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.color-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.color-theme{padding:.75rem;border:2px solid transparent;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.color-theme:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.color-theme.active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.color-theme:disabled{opacity:.6;cursor:not-allowed}.font-size-options{display:flex;gap:.5rem}.font-size-option{flex:1;padding:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.font-size-option:hover:not(:disabled){border-color:var(--primary-color)}.font-size-option.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.font-size-option:disabled{opacity:.6;cursor:not-allowed}.preview-section{border:1px solid #e5e7eb;border-radius:var(--border-radius);overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.preview-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.preview-toggle{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.preview-toggle:hover{background:var(--primary-dark)}.message-preview{padding:1.5rem;background:#fff}.preview-card{border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);max-width:400px;margin:0 auto;border:1px solid rgba(0,0,0,.1)}.preview-card.small .preview-message{font-size:.875rem}.preview-card.medium .preview-message{font-size:1rem}.preview-card.large .preview-message{font-size:1.125rem}.preview-message{line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.preview-signature{text-align:right;font-style:italic;opacity:.8;font-size:.9em}.form-actions{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1rem}.voice-note-section-modern{padding:2rem 1rem;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.voice-note-card-modern{position:relative;padding:2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out;width:100%;max-width:600px}.voice-note-card-modern .card-shine{display:none}.voice-note-card-modern .card-gradient-bg{position:absolute;top:0;left:0;right:0;height:6px;opacity:0;transition:opacity .3s ease}.voice-note-card-modern:hover .card-gradient-bg{opacity:1}.voice-note-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px #f05a284d;border-color:#fff6;background:#ffffff26}.voice-note-card-modern .card-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.modern-voice-note-form{display:flex;flex-direction:column;gap:2rem}.recording-section-modern{display:flex;flex-direction:column;gap:2rem;align-items:center;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.recording-timer{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.timer-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-label{font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.timer-value{font-size:2.5rem;font-weight:700;color:#fff;font-family:Courier New,monospace}.recording-indicator{display:flex;align-items:center;gap:.5rem;color:#ef4444}.recording-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-text{font-size:.875rem;font-weight:600}.paused-indicator{color:#f59e0b}.paused-text{font-size:.875rem;font-weight:600}.record-button-container{display:flex;justify-content:center;align-items:center;width:100%}.circular-record-button{width:120px;height:120px;border-radius:50%;border:none;background:linear-gradient(135deg,#f05a28,#f67341);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #f05a2866;position:relative;overflow:hidden}.circular-record-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.circular-record-button:hover:before{opacity:1}.circular-record-button:hover{transform:scale(1.05);box-shadow:0 12px 32px #f05a2880}.circular-record-button:active{transform:scale(.95)}.circular-record-button.recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:recording-pulse 1.5s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 8px 24px #ef444466}50%{box-shadow:0 8px 40px #ef4444b3}}.circular-record-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.record-icon{width:40px;height:40px}.audio-preview-modern{width:100%;max-width:400px}.modern-audio-player{width:100%;height:48px;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-audio-player::-webkit-media-controls-panel{background:transparent}.control-buttons-modern{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.control-button-modern{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.875rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-button-modern.start{background:#22c55e33;color:#fff;border-color:#22c55e4d}.control-button-modern.start:hover{background:#22c55e4d;transform:translateY(-2px)}.control-button-modern.pause{background:#fbbf2433;color:#fff;border-color:#fbbf244d}.control-button-modern.pause:hover{background:#fbbf244d;transform:translateY(-2px)}.control-button-modern.resume{background:#3b82f633;color:#fff;border-color:#3b82f64d}.control-button-modern.resume:hover{background:#3b82f64d;transform:translateY(-2px)}.control-button-modern.stop{background:#ef444433;color:#fff;border-color:#ef44444d}.control-button-modern.stop:hover{background:#ef44444d;transform:translateY(-2px)}.control-button-modern.reset{background:#ffffff1a;color:#fff;border-color:#fff3}.control-button-modern.reset:hover{background:#fff3;transform:translateY(-2px)}.control-button-modern:disabled{opacity:.5;cursor:not-allowed;transform:none}.modern-voice-note-form .modern-submit-button{background:linear-gradient(135deg,#f05a28,#f67341);box-shadow:0 4px 20px #f05a284d}.modern-voice-note-form .modern-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#f67341,#ff854d);box-shadow:0 8px 30px #f05a2866}.modern-voice-note-page{min-height:100vh;position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;margin:0;padding:0;width:100%;background:transparent}.modern-voice-note-page.loaded{opacity:1}.voice-note-content-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.voice-note-hero-modern{text-align:center;padding:4rem 1rem 2rem;animation:fadeInUp .8s ease-out;flex:1;display:flex;flex-direction:column;justify-content:center}.voice-note-title-modern{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.voice-note-title-modern .title-line{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4),0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.voice-note-subtitle-modern{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto 2rem;line-height:1.6}.voice-note-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}@media (max-width: 480px){.voice-note-hero-modern{padding:2rem 1rem 1rem}.voice-note-title-modern{font-size:2rem}.voice-note-subtitle-modern{font-size:1rem}.voice-note-features{flex-direction:column;gap:.75rem;align-items:center}.voice-note-section-modern{padding:1rem}.voice-note-card-modern,.recording-section-modern{padding:1.5rem}.timer-value{font-size:2rem}.circular-record-button{width:100px;height:100px}.record-icon{width:32px;height:32px}.control-buttons-modern{flex-direction:column;gap:.5rem}.control-button-modern{width:100%}.modern-audio-player{height:40px}}.modern-feedback-page{min-height:100vh;position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;margin:0;padding:0;width:100%;background:transparent}.modern-feedback-page.loaded{opacity:1}.feedback-content-wrapper{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.feedback-hero-modern{text-align:center;padding:4rem 1rem 2rem;animation:fadeInUp .8s ease-out;flex:1;display:flex;flex-direction:column;justify-content:center}.feedback-title-modern{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.feedback-title-modern .title-line{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 0 20px rgba(59,130,246,.5),0 0 30px rgba(168,85,247,.4),0 2px 4px rgba(0,0,0,.1);letter-spacing:.02em}.feedback-subtitle-modern{font-size:1.25rem;color:#fffc;max-width:600px;margin:0 auto 2rem;line-height:1.6}.feedback-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.feedback-section-modern{padding:2rem 1rem;flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.feedback-card-modern{position:relative;padding:2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out;width:100%;max-width:600px}.feedback-card-modern .card-shine{display:none}.feedback-card-modern .card-gradient-bg{position:absolute;top:0;left:0;right:0;height:6px;opacity:0;transition:opacity .3s ease}.feedback-card-modern:hover .card-gradient-bg{opacity:1}.feedback-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f64d;border-color:#fff6;background:#ffffff26}.feedback-card-modern .card-content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.modern-feedback-form{display:flex;flex-direction:column;gap:2rem}.modern-form-select{padding:1rem 1.25rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;font-family:inherit;cursor:pointer}.modern-form-select option{background:#1f2937;color:#fff}.modern-form-select:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;background:#ffffff26;outline:none}.modern-form-select:disabled{background:#ffffff0d;cursor:not-allowed;opacity:.6}.required{color:#fca5a5}.rating-container{display:flex;gap:.5rem;align-items:center}.rating-star{background:transparent;border:none;font-size:2rem;transition:all .2s ease;filter:grayscale(100%);opacity:.5;cursor:pointer}.rating-star:hover{transform:scale(1.2);filter:grayscale(0%);opacity:1}.rating-star.active{filter:grayscale(0%);opacity:1}.rating-star:disabled{cursor:not-allowed;transform:none}.modern-feedback-form .modern-submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f64d}.modern-feedback-form .modern-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 30px #3b82f666}@media (max-width: 480px){.feedback-hero-modern{padding:2rem 1rem 1rem}.feedback-title-modern{font-size:2rem}.feedback-subtitle-modern{font-size:1rem}.feedback-features{flex-direction:column;gap:.75rem;align-items:center}.feedback-section-modern{padding:1rem}.feedback-card-modern{padding:1.5rem}.rating-star{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;margin:0;padding:0;width:100%;height:100%;max-width:100vw;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#374151;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;margin:0;padding:0;background:#0f172a;position:relative}#root{width:100%;min-height:100vh;margin:0;padding:0}*:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}