.reading-scrollbox::-webkit-scrollbar{display:none}.reading-scrollbox{-ms-overflow-style:none;scrollbar-width:none}:root{--primary-color:#ff575f;--background-color:#fcfffb;--background-gradient:linear-gradient(180deg,#fcfffb 33.08%,#d1fcfc 81.45%);--footer-color:#d2fdfd;--text-accent:#5ab9ce;--surface-color:#fef7ff;--surface-container:#f3edf7;--outline-color:#79747e;--on-surface:#1d1b20;--black:#000;--white:#fff;--font-albert:"Albert Sans",-apple-system,Roboto,Helvetica,sans-serif;--font-alumni:"Alumni Sans",-apple-system,Roboto,Helvetica,sans-serif;--font-roboto:"Roboto",-apple-system,Roboto,Helvetica,sans-serif;--font-sf:"SF Pro",-apple-system,Roboto,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcfffb;background-color:var(--background-color);color:#000;color:var(--black);font-family:Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-albert);line-height:1.5}#root{min-height:100vh;width:100%}.mobile-container{background:#fff;background:var(--white);box-shadow:0 0 20px rgba(0,0,0,.1);margin:0;max-width:100%;min-height:100vh;position:relative}.mobile-container,.navigation-bar{display:flex;flex-direction:column;width:100%}.navigation-bar{align-items:flex-start;border-radius:44px 44px 0 0}.status-bar{align-items:center;display:flex;height:54px;justify-content:space-between;padding:21px 16px 0;width:100%}.status-time{color:#000;color:var(--black);font-family:SF Pro,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-sf);font-size:17px;font-weight:590;line-height:22px}.status-indicators{gap:7px}.chrome-bar,.status-indicators{align-items:center;display:flex}.chrome-bar{background:#fef7ff;background:var(--surface-color);box-shadow:inset 0 -.594px 0 0 rgba(0,0,0,.05),0 .594px 0 0 rgba(0,0,0,.15);gap:16px;padding:16px}.chrome-icons{align-items:center;display:flex;gap:12px}.address-bar{background:#f3edf7;background:var(--surface-container);border-radius:46.08px;justify-content:space-between;padding:6px 16px}.address-bar,.url-content{align-items:center;display:flex;flex:1 1}.url-content{color:#1d1b20;color:var(--on-surface);gap:8px}.avatar,.url-content{font-family:Roboto,-apple-system,Helvetica,sans-serif;font-family:var(--font-roboto);font-size:16px}.avatar{align-items:center;background:#79747e;background:var(--outline-color);border-radius:109.091px;color:#fff;color:var(--white);display:flex;justify-content:center;padding:2.818px 6.818px 1.182px 7.182px}.page-content{align-items:center;background:#fcfffb;background:var(--background-color);display:flex;flex:1 1;flex-direction:column}.content-area{background:linear-gradient(180deg,#fcfffb 33.08%,#d1fcfc 81.45%);background:var(--background-gradient);flex:1 1;position:relative;width:100%}.content-area,.footer{display:flex;flex-direction:column;padding:0}.footer{align-items:center;background:#d2fdfd;background:var(--footer-color);height:35px;justify-content:center}.footer-text{color:#5ab9ce;color:var(--text-accent);font-family:Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-albert);font-size:15px;line-height:24px;text-align:center}.btn-primary{align-items:center;background:#fcfffb;background:var(--background-color);border:3px solid #ff575f;border:3px solid var(--primary-color);border-radius:20px;color:#ff575f;color:var(--primary-color);cursor:pointer;display:flex;font-family:Alumni Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-alumni);font-weight:700;justify-content:center;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:#ff575f;background:var(--primary-color);color:#fff;color:var(--white)}.btn-large{font-size:40px;height:68px;padding:0 32px}.btn-medium{font-size:32px;height:60px;padding:0 24px}.letter-box{align-items:center;aspect-ratio:1;background:#fcfffb;background:var(--background-color);border:4px solid #ff575f;border:4px solid var(--primary-color);border-radius:33px;color:#ff575f;color:var(--primary-color);cursor:pointer;display:flex;font-family:KG Primary Penmanship,Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:"KG Primary Penmanship",var(--font-albert);font-size:150px;justify-content:center;transition:all .2s ease}.letter-box:hover{background:#ff575f;background:var(--primary-color);color:#fff;color:var(--white)}.timer{align-items:center;background:#fcfffb;background:var(--background-color);border:3px solid #ff575f;border:3px solid var(--primary-color);border-radius:20px;display:flex;gap:22px;justify-content:center;padding:10px 26px;position:absolute;right:15px;top:15px}.timer-number{color:#ff575f;color:var(--primary-color);font-family:Alumni Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-alumni);font-size:40px;font-weight:700}.stop-button{align-items:center;background:#ff575f;background:var(--primary-color);border-radius:50%;cursor:pointer;display:flex;height:116px;justify-content:center;transition:all .2s ease;width:116px}.stop-button:hover{transform:scale(1.05)}.stop-icon{background:#fff;background:var(--white);border-radius:2px;height:44px;width:44px}@media (max-width:480px){.mobile-container{box-shadow:none;max-width:100%}.letter-box{font-size:120px}.btn-large{font-size:32px}}@media (min-width:768px){.mobile-container{max-width:100%}}@media (min-width:1024px){.mobile-container{max-width:100%}}.title-main{font-size:24px;font-weight:700;line-height:1.2}.text-description,.title-main{color:#000;color:var(--black);font-family:Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-albert);text-align:center}.text-description{font-size:17px;line-height:1.4}.text-large{font-family:Alumni Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-alumni);font-size:371px;font-weight:700}.text-large,.word-display{color:#ff575f;color:var(--primary-color);line-height:1;text-align:center}.word-display{font-family:KG Primary Penmanship,Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:"KG Primary Penmanship",var(--font-albert);font-size:150px}.reading-text{color:#000;color:var(--black);font-size:22px;line-height:35px;max-width:100%;padding:20px}.email-input,.reading-text{font-family:Albert Sans,-apple-system,Roboto,Helvetica,sans-serif;font-family:var(--font-albert)}.email-input{background:#fcfffb;background:var(--background-color);border:3px solid #ff575f;border:3px solid var(--primary-color);border-radius:20px;font-size:18px;height:68px;outline:none;padding:0 20px;width:100%}.email-input:focus{box-shadow:0 0 0 2px rgba(255,87,95,.2)}.flex-center{align-items:center;display:flex;justify-content:center}.flex-column{flex-direction:column}.gap-large{gap:60px}.gap-medium{gap:30px}.gap-small{gap:15px}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.app-container{align-items:flex-start;background:#f0f0f0;display:flex;justify-content:center;min-height:100vh;width:100%}.screen-enter{opacity:0;transform:translateX(20px)}.screen-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.screen-exit{opacity:1}.screen-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}.video-placeholder{align-items:center;background:linear-gradient(45deg,#e0e0e0,#f5f5f5);border-radius:15px;color:#666;display:flex;font-size:18px;height:515px;justify-content:center;overflow:hidden;position:relative;width:290px}.video-placeholder:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%23ccc' stroke-width='2'/%3E%3Cpath fill='%23ccc' d='M45 40v20l20-10z'/%3E%3C/svg%3E") 50% no-repeat;background-size:60px 60px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.stats-section{align-items:center;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:400px;padding:0}.stats-line{background:rgba(0,0,0,.6);height:1px;margin:20px 0;width:100%}.stats-text{color:rgba(0,0,0,.7);font-family:var(--font-albert);font-size:16px;line-height:1.4;text-align:center}.stats-highlight{color:var(--black);font-weight:600}.mic-icon{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.letter-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:400px;padding:20px;width:100%}@media (max-width:480px){.letter-grid{gap:15px;padding:10px}.video-placeholder{height:400px;width:250px}}.scroll-indicator{background:var(--text-accent);border-radius:5px;height:146px;opacity:.8;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:10px}.email-form{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:400px;width:100%}.form-label{color:rgba(0,0,0,.8);font-family:var(--font-albert);font-size:19px;font-weight:500;text-align:center}.success-message{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 20px;text-align:center}.success-title{color:var(--primary-color);font-family:var(--font-alumni);font-size:40px;font-weight:700}.success-subtitle{color:rgba(0,0,0,.8);font-family:var(--font-albert);font-size:19px;font-weight:500}
/*# sourceMappingURL=main.3cd8ae06.css.map*/