.playlist-scroll::-webkit-scrollbar{width:6px}.playlist-scroll::-webkit-scrollbar-button{display:none;height:0;width:0}.playlist-scroll::-webkit-scrollbar-track{background:#499595;border-radius:3px}.playlist-scroll::-webkit-scrollbar-thumb{background:#ffffff;border-radius:9999px}.playlist-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.9)}.playlist-scroll{scrollbar-width:thin;scrollbar-color:#ffffff #499595}.flower-bg{background:radial-gradient(circle at center,rgba(127,255,255,.8) 0,rgba(127,255,255,0) 70%);animation:float 3s linear infinite}@keyframes float{0%{transform:rotate(0deg) translate3d(3px,0,0) rotate(0deg)}to{transform:rotate(1turn) translate3d(3px,0,0) rotate(-1turn)}}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ul.custom-bullets{padding-left:0;list-style:none}ul.custom-bullets li{align-items:flex-start;padding-left:15px;display:flex;position:relative}ul.custom-bullets li:before{content:"•";font-size:10px;position:absolute;top:0;left:0;transform:translateY(4px)}.wizard-steps-header{justify-content:center;width:100%;display:flex}.wizard-steps-inner{background-image:url(/images/share-story/headersvgpattern.svg),none;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--green);border-top-left-radius:8px;border-top-right-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;padding:18px 32px;display:grid}.wizard-step-item{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:213px;display:flex}.wizard-step-number{font-family:var(--font-ptSansPro);color:#fff;border-radius:40px;justify-content:center;align-items:center;width:47px;height:47px;font-size:36px;font-weight:700;display:flex}.wizard-step-number.active{background:#ffffff30;width:47px;height:47px}.wizard-step-label{font-family:var(--font-ofelia);color:#fff;font-size:14px;font-weight:700;line-height:1.3}@media (max-width:767px){.wizard-steps-header{margin-top:0}.wizard-steps-inner{text-align:left;flex-direction:column;grid-template-columns:none;gap:16px;padding:16px;display:flex}.wizard-step-item{text-align:left;letter-spacing:.42px;flex-direction:row;gap:32px;width:100%;max-width:100%;font-size:14px;font-weight:600}.wizard-step-number{width:48px;font-size:24px}.wizard-step-label{letter-spacing:.42px;font-size:14px;font-weight:600;line-height:1.2}}.header-ofelia-text{font-family:var(--font-ofelia)}.main-content{justify-content:center;display:flex}.content-card{background:#ffffffa6;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;width:100%;min-height:639px;padding:28px 50px 40px;display:flex;position:relative;box-shadow:0 10px 40px #0000001a}.content-card--step-0{background-image:url(/images/share-story/sharemystorybkg.webp);background-position:50% -176px;background-repeat:no-repeat;background-size:cover}.content-card--step-1{background-position:50% -140px}.content-card--step-1,.content-card--step-2{background-image:url(/images/share-story/registrationformbkg.webp);background-repeat:no-repeat;background-size:contain}.content-card--step-2{background-position:50% 250px}.content-card--step-3{background-image:url(/images/share-story/registrationformbkg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.step-content{text-align:center;flex-direction:column;align-items:center;display:flex}.recording-intro{text-align:left;align-items:center}.step-title{color:var(--green);font-size:36px;font-weight:600;font-family:var(--font-ptSansPro);margin-bottom:44px}.note-content{background:var(--white);text-align:left;border-radius:8px;margin-bottom:28px;padding:24px}.note-list{padding:0;list-style:none}.note-list li{color:var(--corceptBlack);line-height:1.5;font-family:var(--font-mundial);margin-bottom:15px;padding-left:20px;font-size:18px;font-weight:300;position:relative}.note-list li:before{content:"•";color:var(--popstar-light);font-weight:700;position:absolute;left:0}.recording-intro-title{margin-bottom:8px;font-weight:600}.recording-intro-subtitle,.recording-intro-title{font-family:var(--font-mundial);color:var(--corceptBlack);text-align:center;font-size:18px;line-height:1.5}.recording-intro-subtitle{margin-bottom:100px;font-weight:400}.recording-prompts{margin-bottom:40px}.prompts-heading{margin-bottom:16px;font-weight:600}.prompt-item,.prompts-heading{font-family:var(--font-mundial);color:var(--corceptBlack);text-align:center;font-size:18px;line-height:1.5}.prompt-item{margin-bottom:12px;font-weight:300}.recording-tip{font-family:var(--font-mundial);color:var(--corceptBlack);text-indent:-35px;margin-top:100px;padding-left:40px;font-size:18px;font-weight:300;line-height:1.5}.recording-tip strong{font-weight:600}.error-message{font-family:var(--font-mundial);color:var(--torchRed);margin-top:5px;font-size:16px;font-weight:300;line-height:22px;display:block}.personal-details-form{text-align:left;width:100%;font-family:var(--font-mundial)}.form-row{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.form-group{flex:1}.form-group label{color:#333;margin-bottom:8px;font-size:18px;font-weight:500;display:block}.form-group input{background:var(--white);border:1px solid #027373;border-radius:8px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .2s}.form-group input:focus{border-color:var(--green);outline:none}.form-group input.error{border-color:var(--torchRed)!important}.form-section{margin-bottom:30px}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-group.horizontal{flex-flow:wrap;gap:30px}.checkbox-option,.radio-option{cursor:pointer;font-family:var(--font-mundial);align-items:flex-start;gap:12px;font-size:18px;font-weight:300;display:flex}.checkbox-option input[type=checkbox],.radio-option input[type=radio]{opacity:0;cursor:pointer;position:absolute}.checkmark{border:2px solid var(--green);border-radius:50%;flex-shrink:0;width:25px;height:25px;margin-top:2px;position:relative}.checkbox-option.error .checkmark,.radio-group.error .checkmark{border-color:var(--torchRed)}.checkbox-option .checkmark{border-radius:4px}.checkbox-option input[type=checkbox]:checked+.checkmark,.radio-option input[type=radio]:checked+.checkmark{background:var(--green) url(/images/icons/check-mark.svg) no-repeat center center;background-size:11px 9px}.privacy-notice{color:var(--corceptBlack);font-family:var(--font-mundial);margin:30px 0;font-size:14px;font-weight:300;line-height:24px}.privacy-link{color:var(--green);cursor:pointer;text-decoration:underline}.form-actions,.recording-actions,.step-actions{justify-content:space-between;gap:20px;margin-top:30px;display:flex}.continue-btn,.secondary-btn,.submit-btn{height:44px;font-size:18px;font-family:var(--font-mundial);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;min-width:168px;padding-bottom:2px;padding-left:24px;padding-right:24px;line-height:1;transition:all .2s;display:flex}.button-with-arrow{gap:8px}.continue-btn,.submit-btn{background:var(--rouge);color:#fff;border:1px solid var(--rouge)}.continue-btn:hover,.submit-btn:hover{background:#933d49}.continue-btn:disabled,.submit-btn:disabled{background-color:var(--inActiveGray);border-color:var(--white);cursor:not-allowed}.secondary-btn{color:var(--MidnightGreen);border:1px solid var(--MidnightGreen);background:0 0}.secondary-btn:hover{background:var(--green);color:#fff}.secondary-btn-new{height:44px;font-size:18px;font-family:var(--font-mundial);cursor:pointer;color:var(--MidnightGreen);border:1px solid var(--MidnightGreen);background:#fff;border-radius:24px;justify-content:center;align-items:center;padding-bottom:2px;padding-left:24px;padding-right:24px;line-height:1;transition:all .2s;display:flex}.secondary-btn-new:hover{background:var(--green);color:#fff}.upload-alternative{font-family:var(--font-ofelia);margin-top:20px}.upload-link{color:var(--rouge);cursor:pointer;text-decoration:underline}.upload-instructions{font-family:var(--font-mundial);color:#000;text-align:center;opacity:.8;letter-spacing:.42px;margin-top:12px;font-size:14px;font-weight:300;line-height:1.4}.intro-step{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.intro-title{font-family:var(--font-ptSansPro);color:var(--MidnightGreen);text-align:center;margin-bottom:32px;font-size:31.55px;font-weight:700}.intro-actions .intro-get-started{min-width:120px}.help-row{flex-direction:column;gap:8px;margin-bottom:0}.help-icon-button,.help-row{align-items:center;display:flex}.help-icon-button{color:#fff;cursor:pointer;background-color:#829295;border-radius:50%;justify-content:center;width:34px;height:34px;font-weight:700}.help-label{font-family:var(--font-mundial);color:var(--MidnightGreen);font-size:20px;font-weight:300}.help-progress-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.linear-progress{flex:1;justify-content:flex-start;padding-left:30px;display:flex}.linear-progress-track{background:#fff;border:1px solid #027373;border-radius:8px;width:100%;max-width:810px;height:11.5px;position:relative;overflow:visible}.linear-progress-fill{background:#9c3971;border-radius:8px;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.linear-progress-flower{pointer-events:none;z-index:2;position:absolute;top:50%;transform:translate(-50%,-50%)}.linear-progress-flower.at-end{transform:translate(50%,-50%)}.intro-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;min-height:0;max-height:100%;padding:14px 22px 24px 18px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0000002e}.intro-modal-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;overflow:hidden auto}.intro-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:39px;display:flex}.intro-modal-title{font-family:var(--font-ptSansPro);color:#075454;letter-spacing:1.02px;margin:0 auto;font-size:34px;font-style:normal;font-weight:700;line-height:137%}.intro-modal-close{background-color:var(--rouge);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.intro-modal-close:hover{background-color:var(--popstar-light,#c45187)}.intro-modal-list{color:var(--corceptBlack);line-height:1.5;font-family:var(--font-mundial);letter-spacing:.54px;margin:0;padding:0 24px;font-size:18px;font-style:normal;font-weight:300;list-style:none}.intro-modal-list li{margin-bottom:24px;padding-left:18px;position:relative}.intro-modal-list li:before{content:"•";color:#9c3971;position:absolute;top:0;left:0}@media (max-width:767px){.help-progress-row{gap:16px;padding-right:16px}.linear-progress{justify-content:center;padding-left:0}}.step-circle .step-number{font-family:var(--font-mundial);color:var(--MidnightGreen);font-size:16px;font-weight:700}.step-circle.active .step-number,.step-circle.completed .step-number{color:#fff}.recording-options{flex-wrap:wrap;justify-content:center;gap:16px;padding:9px 0 26px;display:flex}.option-card{border:1px solid var(--MidnightGreen);cursor:pointer;background:#f5f7f6;border-radius:8px;flex-direction:column;flex:0 0 calc(50% - 8px);justify-content:flex-start;align-items:center;gap:20px;width:300px;height:225px;padding:82px 29px 26px;transition:all .3s;display:flex;position:relative}.option-card:hover{transform:translateY(-2px);box-shadow:0 4px 36px #0541405c}.option-card.hover{background:var(--MidnightGreen);border-color:var(--MidnightGreen);box-shadow:0 4px 36px #0541405c}.transcript-thumb-hover{pointer-events:none;opacity:0;height:100%;transition:opacity .3s;position:absolute;top:0;right:0}.option-card.hover .transcript-thumb-hover{opacity:1}.option-icon{flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.option-icon img{object-fit:contain;transition:all .3s}.record-icon .record-icon-default{opacity:1}.record-icon .record-icon-hover{opacity:0;position:absolute;top:0;left:0}.upload-icon .upload-icon-default{opacity:1}.upload-icon .upload-icon-hover{opacity:0;position:absolute;top:0;left:0}.option-header{flex-direction:row;gap:20px}.option-content,.option-header{align-items:center;display:flex}.option-content{text-align:left;flex-direction:column;gap:30px;width:100%}.option-title{font-size:22px;font-weight:700}.option-description,.option-title{font-family:var(--font-mundial);color:var(--MidnightGreen);margin:0;transition:all .3s}.option-description{text-align:center;font-size:14px;font-weight:400;line-height:1.4}.option-card.hover .record-icon .record-icon-default,.option-card.hover .upload-icon .upload-icon-default{opacity:0}.option-card.hover .record-icon .record-icon-hover,.option-card.hover .upload-icon .upload-icon-hover{opacity:1}.option-card.hover .option-title{color:#fff}.option-card.hover .option-description{color:#ffffffe6}.recording-card,.upload-error-container{text-align:center;color:#fff;border:.5px solid var(--white);width:800px;min-height:432px;font-family:var(--font-mundial);background:url(/images/Audio-recorder/Recordingbgstrokeround.svg) 50%/cover no-repeat;border-radius:8px;flex-direction:column;justify-content:space-around;align-items:center;margin:30px auto;padding:40px 20px;display:flex}.recording-card-title{font-size:34px;font-weight:600}.record-start-btn{cursor:pointer;background:0 0;border:.824176px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 20px;transition:all .3s;display:flex}.record-start-btn:hover{background-color:oklab(100% 0 5.96046e-8/.1)}.record-dot{background:var(--popstar-light);border-radius:50%;width:62px;height:62px}.preview-progress-container,.recording-progress-container{background:#a7f2d7;border-radius:2px;width:90%;height:4px;margin-top:20px;position:relative}.preview-progress-bar,.recording-progress-bar{background:#c25968;border-radius:2px;width:0;height:100%;transition:width .1s}.preview-progress-dot{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.preview-time,.recording-time{color:#fff;justify-content:space-between;width:90%;margin-top:10px;margin-bottom:30px;font-size:18px;font-weight:500;display:flex}.preview-play-container{cursor:pointer;justify-content:center;align-items:center;width:120px;height:120px;transition:transform .2s;display:flex}.preview-play-container:hover{transform:scale(1.05)}.recording-stop-btn{background:var(--popstar-light);cursor:pointer;border:none;border-radius:3.6px;width:48px;height:48px;margin-top:25px;position:relative}.recording-stop-btn:after{content:"";border:.8px solid #fff;border-radius:50%;width:120px;height:120px;position:absolute;top:-36px;left:-35px}@media (max-width:1023px){.preview-progress-container,.preview-time,.recording-card,.recording-progress-container,.recording-time,.upload-error-container{width:100%!important}}@media (max-width:767px){.content-card{padding:24px 12px}.preview-progress-container,.preview-time,.recording-card,.recording-progress-container,.recording-time,.upload-error-container{width:100%!important}.radio-group.horizontal{flex-direction:column}.option-card{width:100%}.form-row{flex-direction:column}}@media (max-width:700px),(max-width:880px) and (min-width:768px){.preview-upload-controls{flex-direction:column;gap:16px}.preview-upload-controls .record-instead-btn{order:2;position:static;left:auto}.preview-upload-controls .preview-play-container{order:1}}@media (max-width:425px){.continue-btn,.secondary-btn,.submit-btn{min-width:140px}.recording-intro-title{margin-bottom:0}.recording-intro-subtitle{margin-bottom:16px}.recording-tip{margin-top:56px}}.share-story-bg{background:linear-gradient(180deg,#FFF,#9BCFCF 99.62%)}.share-story-bg:before{object-fit:cover;z-index:5;background:url(/images/share-story/illuminationstoppattern.svg) no-repeat top}.share-story-bg:after,.share-story-bg:before{content:"";position:absolute;width:100%;height:100%}.share-story-bg:after{bottom:-35%;left:0;background:url(/images/share-story/illuminationssidepattern.svg) no-repeat}.middle-flower{background-image:url(/images/share-story/Tealflower-isolated-L02.png);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;height:170%;position:absolute;top:-105px}@media (max-width:1024px){.middle-flower{top:-45px}}@media (max-width:768px){.middle-flower{top:-20px;height:120%}}.garden-heading{font-size:34px!important;text-align:center}