body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;position:relative;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.main-layout{display:flex;height:calc(100vh - 60px)}.sidebar{background-color:#333;box-shadow:2px 0 5px #0000001a;flex-shrink:0;gap:20px}.sidebar .menu-item{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;text-align:left;text-decoration:none;transition:background .3s,transform .2s}.App-header,.sidebar .menu-item:hover{background-color:#4caf50}.App-header{align-items:center;box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.App-header .logo{font-size:1.5rem;font-weight:700}.App-header .credits{align-items:center;display:flex;font-size:1rem;gap:8px}.App-header .profile-picture{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;width:40px}.App-main{background-color:#f4f4f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:1 1;margin:0 auto;max-width:1000px;overflow-y:auto;padding:40px}.video-list ul{list-style:none;padding:0}.video-list li{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;cursor:pointer;margin:10px 0;padding:15px;transition:transform .3s,box-shadow .3s}.video-list li:hover{box-shadow:0 3px 6px #0003;transform:translateY(-5px)}.video-list h3{font-size:1.2rem;margin:0 0 5px}.video-list p{color:#555;margin:0}.video-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:500px;padding:20px}.video-form h2{margin-bottom:20px}.video-form label{display:block;font-weight:700;margin-bottom:10px}.video-form input,.video-form select,.video-form textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:20px;padding:10px;width:100%}.video-form button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background .3s}.video-form button:hover{background-color:#45a049}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-link{color:#61dafb}@media (max-width:768px){.sidebar{width:200px}.menu-item{font-size:14px;padding:8px 12px}.App-main{max-width:100%;padding:20px}}.no-shadow{background-color:initial!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.no-shadow-layout{display:flex;height:100vh}.no-shadow .App-main{background:#0000;box-shadow:none;margin:0;max-width:100%;padding:0}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.profile-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:20px}.profile-image-container{margin-bottom:20px;position:relative;text-align:center}.profile-picture-large{border:4px solid #4caf50;border-radius:50%;cursor:pointer;display:block;height:3in;margin:0 auto;object-fit:cover;position:relative;width:3in;z-index:1}.profile-picture-overlay{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;font-size:24px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:2}.profile-image-container:hover .profile-picture-overlay{opacity:1}.profile-container{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:20px;width:100%}.profile-container h2{margin-bottom:20px;text-align:center}.profile-form label{display:block;font-weight:700;margin-bottom:15px}.profile-form input{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-top:5px;padding:10px;width:100%}.profile-form button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:20px auto 0;padding:10px 20px;transition:background-color .3s}.profile-form button:hover{background-color:#45a049}.crop-modal{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.crop-modal-content{background:#fff;border-radius:8px;padding:20px;text-align:center}.crop-modal-content h3{margin-bottom:15px}.crop-modal-content button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px;padding:8px 12px;transition:background .3s}.crop-modal-content button:hover{background:#45a049}.default-profile-picture{background-color:#333;border:2px solid #ddd;border-radius:50%;color:#fff;cursor:pointer;font-size:64px;height:150px;width:150px}.default-profile-picture,.login-register-container{align-items:center;display:flex;justify-content:center}.login-register-container{font-family:Arial,sans-serif;height:100vh;overflow:hidden;position:relative;z-index:10}.form-container{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#333;max-width:400px;padding:30px 20px;position:relative;text-align:center;width:100%;z-index:15}.form-container h1{color:#6a11cb;font-size:1.8rem;margin-bottom:20px}.form-container form div{margin-bottom:15px;text-align:left}.form-container label{display:block;font-weight:700;margin-bottom:5px}.form-container input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px;width:97%}.form-container button{background-color:#6a11cb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s;width:100%}.form-container button:hover{background-color:#2575fc}.toggle-link{color:#6a11cb;cursor:pointer;font-weight:700}.toggle-link:hover{text-decoration:underline}@media (max-width:600px){.form-container{width:90%}}.character-management{color:#333;font-family:Arial,sans-serif;padding:20px}.add-avatar,.add-character,.template-management{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.add-avatar h4,.add-character h4,.template-management h4{color:#333;font-size:18px;font-weight:700;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-group input[type=file],.form-group input[type=text],.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input[type=file]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 4px #007bff66;outline:none}button{background-color:#007bff;border-radius:4px;color:#fff;font-size:14px;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:active{background-color:#004085}button:focus{box-shadow:0 0 4px #007bff66;outline:none}.avatar-list ul,.character-list ul,.template-list ul{list-style:none;margin:0;padding:0}.avatar-list li,.character-list li{align-items:center;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:10px}.avatar-list li:hover,.character-list li.selected{background-color:#4caf50;color:#fff}.avatar-photo{height:50px;margin-right:10px;width:50px}.avatar-photo,.template-thumbnail{border-radius:4px;object-fit:cover}.template-thumbnail{height:60px;margin-top:10px;width:100px}.template-list li{background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:column;margin:5px 0;padding:10px}.template-list li:hover{background-color:#f1f1f1}.template-list li img{border:1px solid #ddd;margin-top:10px}.template-list li strong{margin-top:5px}textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;resize:vertical;width:100%}.admin-container{padding:20px}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab-button{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}.tab-button.active,.tab-button:hover{background-color:#4caf50;color:#fff}.sidebar{align-items:flex-start;background:linear-gradient(135deg,#333,#4caf50);box-shadow:2px 0 10px #0000004d;color:#fff;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;overflow:hidden;padding:20px;position:relative;width:250px}.sidebar ul{flex-grow:1;list-style:none;padding:0;width:100%}.sidebar ul li{margin-bottom:15px;width:100%}.menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 20px;text-align:left;text-decoration:none;transition:background .3s,transform .2s,box-shadow .3s;width:100%}.menu-item:hover{background-color:#d32f2f;box-shadow:2px 4px 8px #0003;transform:translateX(8px)}.menu-item.active{background-color:#fff;color:#333}.logout-button,.menu-item.active{font-weight:700;text-decoration:none}.logout-button{align-items:center;background:none;border:none;border-radius:8px;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;left:20px;padding:12px 20px;position:absolute;text-align:left;transition:background .3s,transform .2s,box-shadow .3s;width:calc(100% - 40px)}.logout-button:hover{background-color:#d32f2f;box-shadow:2px 4px 8px #0003;transform:translateX(8px)}@media (max-width:768px){.sidebar{width:200px}.logout-button,.menu-item{font-size:14px;padding:8px 12px}.logout-button{bottom:10px}}canvas{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.sidebar-profile-picture{object-fit:cover}.default-sidebar-profile-picture,.sidebar-profile-picture{border:2px solid #ddd;border-radius:50%;height:50px;width:50px}.default-sidebar-profile-picture{align-items:center;background-color:#333;color:#fff;display:flex;font-size:24px;justify-content:center}.sidebar-initial{font-weight:700}.experience-details{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin:20px;padding:15px}.experience-details h2{margin-bottom:15px}.experience-details p{margin:10px 0}.back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:15px;padding:10px 15px}.back-button:hover{background-color:#0056b3}.experience-list{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:20px}.experience-list h2{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center}.experience-list ul{list-style:none;margin:0;padding:0}.experience-list li{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:15px;padding:15px 20px;transition:transform .3s,box-shadow .3s}.experience-list li:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.experience-list h3{color:#333;font-size:1.2rem;margin:0 0 5px}.experience-list p{color:#666;font-size:.9rem;margin:0}.retry-button{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;margin-top:10px;padding:8px 12px;transition:background-color .3s,box-shadow .3s}.retry-button:hover{background-color:#e60000;box-shadow:0 2px 4px #0003}.retry-button:focus{outline:2px solid #ff4d4d}.generated-links{display:flex;gap:10px;margin-top:10px}.generated-links a{color:#007bff;font-size:.9rem;text-decoration:none;transition:color .3s}.generated-links a:hover{color:#0056b3;text-decoration:underline}.experience-list-container p{color:#666;font-size:1rem;text-align:center}.error{color:#d9534f;font-weight:700}@media (max-width:768px){.experience-list li{padding:10px 15px}.experience-list h3{font-size:1rem}.experience-list p,.retry-button{font-size:.8rem}.retry-button{padding:6px 10px}.generated-links a{font-size:.8rem}}.experience-item{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:.5rem 0;padding:1rem;text-align:center}.experience-item h3{font-size:1.5rem;margin:.5rem 0}.video-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:20px}.character-sections{margin-top:20px}.character-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;padding:15px}.character-section h3{color:#333;font-size:1.5rem;margin:0 0 15px}.avatars-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.avatar-container{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:140px;overflow:hidden;transition:transform .3s,border-color .3s,background-color .3s;width:120px}.avatar-container:hover{background-color:#000000e6;transform:scale(1.05)}.avatar-container.selected{background-color:#e8ffe8;border-color:#4caf50}.avatar{border-bottom:2px solid #0000;height:100%;margin-bottom:auto;object-fit:cover;width:100%}.avatar-name{background-color:#fff;font-size:.9rem;font-weight:700;text-align:center;width:100%}.step-2 label{display:block;margin-bottom:15px}input[type=file]{margin-bottom:20px}.back-button,.submit-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.back-button:hover,.submit-button:hover{background-color:#45a049}.next-button,.submit-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:3px;padding:10px 15px;transition:background-color .3s}.next-button:hover,.submit-button:hover{background-color:#45a049}.dropzone{border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-top:20px;padding:30px;text-align:center;transition:border-color .3s}.dropzone:hover{border-color:#4caf50}.dropzone p{color:#555;font-size:1rem;margin:0}.dropzone span{color:#999;display:block;font-size:.9rem;margin-top:10px}.uploaded-file{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;margin-top:20px;padding:10px}.uploaded-file p{color:#333;font-size:1rem;margin:0}.special-instructions{height:140px;resize:none;width:388px}button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px}button:hover{background-color:#45a049}.footer{background-color:#f8f8f8;border-top:1px solid #e7e7e7;font-size:.9rem;padding:1rem;text-align:center}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}.welcome-container{justify-content:center;min-height:100vh}.intro-step,.welcome-container{align-items:center;display:flex}.intro-step{flex-direction:column;gap:2rem;max-width:800px;padding:2rem;width:100%}.video-container{max-width:800px;position:relative;width:100%}.santa-video{border-radius:12px;box-shadow:0 4px 6px #0000001a;display:block;width:100%}.click-to-play{animation:pulse 2s infinite;background:#ffffffe6;border-radius:25px;box-shadow:0 2px 4px #0003;cursor:pointer;font-size:1.2em;left:50%;padding:15px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.response-section{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.name-input{background:#ffffffe6;border:2px solid #e2e8f0;border-radius:25px;font-size:1.1rem;padding:15px;transition:all .3s ease;width:80%}.name-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e180;outline:none}.subscription-form input{background:#ffffffe6;border:2px solid #e2e8f0;border-radius:25px;font-size:1.1rem;padding:15px;transition:all .3s ease;width:80%}.subscription-form input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e180;outline:none}.mic-button{background:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:60px;transition:all .3s ease;width:60px}.mic-button.listening{animation:pulse 1.5s infinite;background:#48bb78}.continue-button{background:#48bb78;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:all .3s ease}.continue-button:disabled{background:#718096;cursor:not-allowed}.share-section{margin-top:30px;max-width:500px;text-align:center;width:100%}.share-buttons{display:flex;gap:15px;justify-content:center;margin:20px 0}.share-buttons button{background:#4299e1;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px}.credits-section{background:#ffffff1a;border-radius:15px;margin-top:30px;padding:20px}@media (max-width:768px){.name-input{width:90%}.share-buttons{align-items:center;flex-direction:column}.share-buttons button{width:80%}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.subscription-form{background:#fffffff2;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.subscription-form input{border:1px solid #ccc;border-radius:4px;display:block;margin:1rem 0;padding:.5rem;width:100%}.subscription-form button{background:#c41e3a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.subscription-form button:disabled{background:#ccc;cursor:not-allowed}.error-message{color:#c41e3a;font-size:.9rem;margin:.5rem 0}.skip-button{background-color:#ff5c5c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:8px 16px}.skip-button:hover{background-color:#ff7878}
/*# sourceMappingURL=main.0b5d3cb3.css.map*/