@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.language-selector[data-v-4405178d]{position:relative;margin-right:1rem}.language-button[data-v-4405178d]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;background-color:rgba(102,153,204,.1);cursor:pointer;transition:all .3s ease}.language-button[data-v-4405178d]:hover{background-color:rgba(102,153,204,.2)}.language-icon[data-v-4405178d]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.current-language[data-v-4405178d]{font-size:.9rem;font-weight:500;color:#69c}.language-menu[data-v-4405178d]{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden;z-index:9999;min-width:140px;border:1px solid rgba(102,153,204,.2)}.language-option[data-v-4405178d]{width:100%;padding:.75rem 1rem;border:none;background:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.language-option[data-v-4405178d]:hover{background-color:rgba(102,153,204,.1)}.language-option.active[data-v-4405178d]{background-color:rgba(102,153,204,.05)}.language-name[data-v-4405178d]{font-size:.9rem;color:#333}.check-icon[data-v-4405178d]{color:#69c;font-size:1rem}@media (max-width:768px){.language-button[data-v-4405178d]{padding:.4rem .8rem}.language-icon[data-v-4405178d]{width:16px;height:16px}.current-language[data-v-4405178d]{font-size:.8rem}}.user-menu[data-v-15524ebf]{position:relative;display:flex;align-items:center;gap:.5rem}.user-avatar-wrapper[data-v-15524ebf]{position:relative;cursor:pointer}.user-avatar[data-v-15524ebf]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:#333;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.user-avatar[data-v-15524ebf]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.menu-dropdown[data-v-15524ebf]{position:absolute;top:calc(100% + .5rem);right:0;width:300px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:1rem;z-index:1000;transition:all .3s ease}.user-info[data-v-15524ebf]{padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.email-container[data-v-15524ebf]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(102,153,204,.1);border-radius:8px;margin-bottom:1rem}.email-container i[data-v-15524ebf]{color:#69c;font-size:1rem}.user-email[data-v-15524ebf]{font-size:.875rem;color:#2c3e50;font-weight:500;word-break:break-all}.usage-info[data-v-15524ebf]{background:#f8fafc;padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.usage-row[data-v-15524ebf]{gap:1rem}.usage-header[data-v-15524ebf],.usage-row[data-v-15524ebf]{display:flex;align-items:center}.usage-header i[data-v-15524ebf]{width:1rem;text-align:center;color:#f6c343;font-size:1rem}.usage-numbers[data-v-15524ebf]{display:flex;align-items:center;gap:1rem;flex:1}.usage-progress[data-v-15524ebf]{flex:1;height:6px;min-width:80px;background:rgba(102,153,204,.2);border-radius:3px;overflow:hidden;position:relative}.usage-bar[data-v-15524ebf]{position:absolute;left:0;top:0;height:100%;background:linear-gradient(135deg,#6cf,#69c);border-radius:3px;transition:width .3s ease}.usage-bar.low[data-v-15524ebf]{background:linear-gradient(135deg,#ff6b6b,#ff4757)}.usage-text[data-v-15524ebf]{display:flex;align-items:center;gap:.25rem;font-size:.875rem;white-space:nowrap}.remaining[data-v-15524ebf]{color:#2c3e50;font-weight:600}.separator[data-v-15524ebf]{color:#94a3b8}.total[data-v-15524ebf]{color:#64748b}.premium-info[data-v-15524ebf]{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(102,153,204,.1)}.premium-badge[data-v-15524ebf]{display:flex;align-items:center;gap:.75rem}.premium-badge i[data-v-15524ebf]{width:1rem;text-align:center;color:gold;font-size:1rem}.premium-badge span[data-v-15524ebf]{font-size:.875rem;font-weight:500;color:#2c3e50}.premium-expiry[data-v-15524ebf]{font-size:.75rem;color:#64748b}.menu-content[data-v-15524ebf]{padding:1rem}.btn[data-v-15524ebf]{width:100%;padding:.75rem;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-premium[data-v-15524ebf]{background:linear-gradient(135deg,#6cf,#69c);color:#fff;border:none;margin-bottom:.75rem}.btn-premium[data-v-15524ebf]:hover{box-shadow:0 4px 12px rgba(102,153,204,.3);transform:translateY(-1px)}.btn-logout[data-v-15524ebf]{background:rgba(102,153,204,.3);color:var(--danger-color);border:1px solid var(--danger-color)}.btn-logout[data-v-15524ebf]:hover{background:rgba(102,153,204,.4);transform:translateY(-1px)}.btn-icon[data-v-15524ebf]{width:32px;height:32px}.v-enter-active[data-v-15524ebf],.v-leave-active[data-v-15524ebf]{transition:all .3s ease}.v-enter-from[data-v-15524ebf],.v-leave-to[data-v-15524ebf]{opacity:0;transform:translateY(-10px) scale(.95)}.navbar[data-v-70cf2c06]{position:fixed;top:0;left:0;right:0;z-index:1000;height:5rem;background-color:rgba(102,153,204,.1);color:#333;box-shadow:0 4px 15px -1px rgba(102,153,204,.15);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(102,153,204,.2);transition:all .3s ease}.navbar-container[data-v-70cf2c06]{max-width:1920px;margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navbar-left[data-v-70cf2c06]{display:flex;align-items:center;justify-content:flex-start;gap:1rem}.mobile-menu-button[data-v-70cf2c06]{display:none;background:none;border:none;color:#69c;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s ease}.mobile-menu-button[data-v-70cf2c06]:hover{background-color:rgba(102,153,204,.1)}.mobile-menu-button .material-icons[data-v-70cf2c06]{font-size:1.5rem}.navbar-center[data-v-70cf2c06]{display:flex;align-items:center;justify-content:center}.navbar-right[data-v-70cf2c06]{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.navbar-logo[data-v-70cf2c06]{display:flex;align-items:center;cursor:pointer;opacity:.9;transition:opacity .2s ease}.navbar-logo[data-v-70cf2c06]:hover{opacity:1}.logo[data-v-70cf2c06]{height:2.5rem;width:2.5rem;-o-object-fit:cover;object-fit:cover;clip-path:circle(50% at center)}.navbar-title[data-v-70cf2c06]{font-size:2rem;font-weight:600;color:#69c;margin:0;white-space:nowrap;background:linear-gradient(135deg,#69c,#39c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-buttons[data-v-70cf2c06]{display:flex;gap:1rem;align-items:center}.btn[data-v-70cf2c06]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.btn .material-icons[data-v-70cf2c06]{font-size:20px}.btn-login[data-v-70cf2c06]{background-color:transparent;color:#69c;border:1px solid #69c}.btn-login[data-v-70cf2c06]:hover{background-color:rgba(102,153,204,.1)}.btn-signup[data-v-70cf2c06]{background-color:#69c;color:#fff}.btn-signup[data-v-70cf2c06]:hover{background-color:#39c}@media (max-width:1024px){.navbar-container[data-v-70cf2c06]{padding:0 1rem}.navbar-title[data-v-70cf2c06]{font-size:1.2rem}.btn[data-v-70cf2c06]{width:28px;height:28px}.btn .material-icons[data-v-70cf2c06]{font-size:16px;width:16px;height:16px}}@media (max-width:768px){.mobile-menu-button[data-v-70cf2c06]{display:block}.navbar[data-v-70cf2c06]{height:4rem}.navbar-container[data-v-70cf2c06]{padding:0 .75rem;gap:.5rem}.logo[data-v-70cf2c06]{height:2rem;width:2rem}.navbar-title[data-v-70cf2c06]{font-size:1rem}.auth-buttons[data-v-70cf2c06]{gap:.4rem}.btn[data-v-70cf2c06]{width:26px;height:26px;min-width:unset;min-height:unset}.btn .material-icons[data-v-70cf2c06]{font-size:16px}.navbar-right[data-v-70cf2c06]{gap:.5rem}}.home-subtitle[data-v-30f590f6]{font-size:1.5rem;line-height:1.8;margin:1rem 0;text-align:center;white-space:pre-line}.subtitle-line[data-v-30f590f6]{margin:.75rem 0;min-height:2em}.subtitle-word[data-v-30f590f6]{display:inline-block;margin:0 .25rem;border-radius:4px;transition:all .3s ease;opacity:.9;vertical-align:middle}.subtitle-word.highlight[data-v-30f590f6]{background-color:#6cf;color:#fff;opacity:1;font-weight:500;transform:scale(1.1)}@media screen and (max-width:768px){.home-subtitle[data-v-30f590f6]{font-size:1rem;line-height:1.5;margin:.5rem 0}.subtitle-line[data-v-30f590f6]{min-height:1.6em}}#app{width:100%;max-width:100vw}.home-page{background:linear-gradient(45deg,rgba(102,153,204,.1),hsla(0,0%,100%,.9));color:#69c;min-height:100vh;display:flex;flex-direction:column;margin:0;padding:0;overflow-y:auto;height:100vh;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.home-page::-webkit-scrollbar{display:none}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(45deg,rgba(204,255,255,.9),hsla(0,0%,100%,.9) 50%,rgba(153,204,255,.9));z-index:2}.hero-content{text-align:center;z-index:2;margin-top:8rem}.main-heading{font-size:3rem;font-weight:800;margin-bottom:1.5rem;align-items:center;justify-content:center}.hero-description,.main-heading{background:linear-gradient(45deg,#6cf,#69c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:3px 3px 0 rgba(102,204,255,.2);background-clip:text;color:transparent;min-height:6rem;display:flex}.hero-description{font-size:1.5rem;margin:1rem auto 0 auto;line-height:1.6;max-width:640px;text-align:center}.action-buttons{margin-top:2rem;display:flex;gap:1rem;justify-content:center;z-index:2}.action-buttons .btn-primary{background:#6cf;color:#fff;box-shadow:0 4px 15px rgba(102,204,255,.3)}.action-buttons .btn-primary:hover{background:#6cf;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,204,255,.4)}.action-buttons .btn-secondary{background:hsla(0,0%,100%,.9);color:#69c;border:1px solid rgba(102,204,255,.3);box-shadow:0 4px 15px rgba(102,204,255,.1)}.action-buttons .btn-secondary:hover{background:#fff;transform:translateY(-2px);border-color:#6cf;box-shadow:0 8px 25px rgba(102,204,255,.2)}.faq-link{display:inline-flex;align-items:center;color:#69c;text-decoration:none;font-size:1rem;margin-top:1rem;padding:.5rem 1rem;border-radius:2rem;transition:all .3s ease;gap:.5rem}.faq-link:hover{background:rgba(102,153,204,.1);transform:translateY(-2px)}.faq-link .material-icons{font-size:1.2rem}.pricing-title{font-size:2.5rem;color:#69c;text-align:center;margin-top:-2rem;margin-bottom:1rem;position:relative;font-weight:700;opacity:1!important}.pricing-info{display:flex;justify-content:center;gap:2rem;margin-top:0;cursor:pointer;transition:transform .3s ease}.pricing-info:hover{transform:scale(1.02)}.plan-card{background:hsla(0,0%,100%,.9);padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:left;min-width:250px}.plan-card h4{color:#69c;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{color:#666;margin-bottom:.5rem;font-size:.9rem;display:flex;align-items:center}.plan-card li:before{content:"•";color:#69c;font-weight:700;margin-right:.5rem}.plan-card.pro{background:linear-gradient(45deg,#9cf,#cce6ff)}.plan-card.pro h4,.plan-card.pro li,.plan-card.pro li:before{color:#2c4c6e}.plan-card.premium{background:linear-gradient(45deg,#69c,#6cf)}.plan-card.premium h4,.plan-card.premium li,.plan-card.premium li:before{color:#fff}.powered-by{margin-top:3rem;text-align:center}.welcome-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);padding:0 100px;pointer-events:none}.welcome-gif{width:500px;height:auto;-o-object-fit:contain;object-fit:contain;display:block;border-radius:20px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 6px rgba(0,0,0,.1)}.left-gif,.right-gif{flex-shrink:0}.gif-wrapper{flex-direction:column;gap:1rem}.gif-caption,.gif-wrapper{display:flex;align-items:center}.gif-caption{gap:.5rem;font-weight:600;text-align:center}.gif-caption,.gif-caption .material-icons{color:#69c;font-size:1.5rem}.top-caption{margin-bottom:-.5rem;transform-origin:bottom}.bottom-caption{margin-top:-.5rem;transform-origin:top}.whisper-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;margin-top:2rem}.whisper-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;display:block}.whisper-text{font-size:1.2rem;color:#69c;margin:0;line-height:1;font-weight:500;letter-spacing:1px}.highlight-item{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:12px;color:#34495e;font-size:1.1rem;font-weight:500;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;gap:1rem}.highlight-item i{font-size:1.5rem;color:#69c;transition:all .3s ease}.highlight-item:hover{transform:translateY(-5px);background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 12px rgba(0,0,0,.15)}.highlight-item:hover i{transform:scale(1.1);color:#39c}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1500px;margin:0 auto;padding:0 1rem}.features-section{width:100%;min-height:100vh;padding:4rem 2rem;position:relative;z-index:2;background:linear-gradient(45deg,rgba(102,204,204,.9),hsla(0,0%,100%,.9) 50%,rgba(102,153,204,.9));display:flex;flex-direction:column;align-items:center}.section-title{font-size:2.5rem;color:#69c;text-align:center;margin-top:4rem;position:relative;font-weight:700;opacity:1!important}.features-container{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem;max-width:1800px;margin:0 auto;perspective:1000px}.feature-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:2rem;margin:1rem;box-shadow:0 8px 32px rgba(31,38,135,.15);flex:1;min-width:300px;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:float 6s ease-in-out infinite;animation-delay:calc(var(--animation-order)*2s)}.feature-icon{width:60px;height:60px}.feature-card h3{font-size:1.5rem;margin:1rem 0}.feature-card p{font-size:1rem;margin-bottom:1rem}.feature-list{text-align:left;padding-left:1.5rem}.feature-list li{margin:.5rem 0}.stats-section{width:100%;min-height:100vh;padding:2rem 2rem;background:linear-gradient(45deg,#cff,#fff 50%,#ccf);position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.stats-section .section-title{font-size:2.5rem;font-weight:700;color:#69c;text-align:center;margin-bottom:4rem;position:relative;padding-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem;max-width:1400px;width:100%;padding:0 1rem}.stat-card{padding:2rem;flex:1;min-width:200px;background:hsla(0,0%,100%,.1);border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.stat-card:hover:before{opacity:1}.stat-icon{margin-bottom:1.5rem;font-size:2.5rem;height:60px;display:flex;align-items:center;justify-content:center}.stat-icon i{background:linear-gradient(45deg,#6cf,#69c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem}.stat-value{font-size:3rem;font-weight:700;color:#69c;margin:0}.stat-label{font-size:1.25rem;color:#69c}.cta-section{position:relative;width:100%;min-height:auto;padding-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(45deg,#9cc,#fff 50%,#cf9);overflow:hidden}.cta-section h2{font-size:3rem;color:#69c;margin-top:12rem;margin-bottom:1.5rem;position:relative;z-index:2;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(45deg,#6cf,#69c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-email{color:#69c;margin-top:1rem;font-size:1rem;text-align:center;opacity:.8}.cta-section p{font-size:1.5rem;color:#69c;margin-bottom:3rem;max-width:800px;line-height:1.6;position:relative;z-index:2}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.tools-section{padding:2rem 10rem 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:2rem}.tools-section .section-title{margin:0;font-size:1.75rem}.tools-grid{flex-wrap:wrap;gap:.5rem;padding:1rem}.tool-item,.tools-grid{display:flex;justify-content:center}.tool-item{background:hsla(0,0%,100%,.1);padding:.5rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(31,38,135,.1);align-items:center;text-align:center;color:#34495e;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer;min-width:150px}.tool-item:hover{transform:translateY(-3px);background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 24px rgba(31,38,135,.1);color:#2c3e50}.slide-enter-active,.slide-leave-active{transition:all .5s ease}.slide-enter-from{opacity:0;transform:translateX(30px)}.slide-leave-to{opacity:0;transform:translateX(-30px)}#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#69c}#fp-nav ul li .fp-tooltip{color:#69c}.section{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;overflow:visible}.faq-section{background:linear-gradient(45deg,rgba(204,255,255,.95),hsla(0,0%,100%,.95) 50%,rgba(204,204,255,.95));padding:4rem 1rem 4rem 1rem;min-height:auto!important;height:auto!important;margin-bottom:0;position:relative;overflow:visible!important;z-index:1;scroll-snap-align:none}.faq-container{max-width:1200px;margin:2rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;height:auto!important;overflow:visible}.faq-item{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;padding:2rem;box-shadow:0 8px 32px rgba(31,38,135,.15);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;height:auto;display:flex;flex-direction:column}.faq-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 30px rgba(102,204,255,.2);border-color:rgba(102,204,255,.4)}.faq-item h3{color:#69c;font-size:1.3rem;margin-bottom:1rem;font-weight:700;background:linear-gradient(45deg,#6cf,#69c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-item p{color:#34495e;font-size:1rem;line-height:1.7;margin-bottom:0}.faq-title{margin-bottom:.5rem;font-size:2.5rem;text-align:center;background:linear-gradient(45deg,#6cf,#69c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-subtitle{color:#69c;font-size:1.2rem;text-align:center;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.pricing-title{display:none}@media (max-width:1600px){.gif-caption{font-size:1rem}.gif-caption .material-icons{font-size:1.3rem}}body{overflow-x:hidden;width:100%;position:relative}body,html{max-width:100%}.home-page,body,html{overscroll-behavior-x:none}.home-page{overflow-x:hidden!important;max-width:100vw;width:100%;position:relative}.home-page::-webkit-scrollbar{display:block;width:8px}.home-page::-webkit-scrollbar-thumb{background-color:rgba(102,153,204,.5);border-radius:4px}.home-page::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1)}@media (max-width:1024px){.features-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-page{scrollbar-width:thin;-ms-overflow-style:auto}.home-page::-webkit-scrollbar{display:block;width:5px}.home-page::-webkit-scrollbar-thumb{background-color:rgba(102,153,204,.5);border-radius:3px}.home-page::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1)}.hero-section{text-align:center;min-height:100vh;height:auto;overflow-y:visible!important;z-index:6;max-width:100vw;box-sizing:border-box;padding:1rem;justify-content:flex-start}.hero-content,.hero-section{overflow-x:hidden;position:relative;display:flex;flex-direction:column;align-items:center}.hero-content{margin-top:2rem;z-index:7;width:100%;max-width:100%}.section{padding:0;max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box}.section-title{margin-top:-4rem;margin-bottom:2rem;font-size:2rem}.cta-section,.demo-section,.features-section,.stats-section,.tools-section{padding:2rem 1rem;max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box}.faq-container,.highlights-grid,.stats-grid,.tools-grid{max-width:100%;overflow-x:hidden}.welcome-container{display:none}.main-heading{font-size:1.8rem;margin-bottom:-2rem}.action-buttons{flex-direction:row;align-items:center;gap:1rem;padding:0 2rem;margin-top:0;margin-bottom:2rem}.action-buttons .btn{height:2.5rem;font-size:1rem}.action-buttons .btn-primary,.action-buttons .btn-secondary{width:auto;min-width:160px}.faq-link{margin-top:-2rem;margin-bottom:-1rem}.hero-description{font-size:1rem;margin-bottom:-1rem;max-width:300px}.pricing-info,.pricing-title{display:none}.powered-by{margin-top:1rem;text-align:center;width:auto;position:relative;z-index:10}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1000px;padding:0;width:18rem;gap:.5rem}.highlight-item{height:2.5rem;padding:1rem;font-size:1rem;gap:.5rem;justify-content:center}.highlight-item i{font-size:1.2rem}.whisper-container{margin-top:1rem;margin-bottom:1rem;z-index:10}.whisper-icon{width:24px;height:24px}.whisper-text{font-size:1rem}.features-container{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:90%;padding:0;gap:0;margin:0 auto;box-sizing:border-box;width:90%;overscroll-behavior-x:contain}.features-container::-webkit-scrollbar{display:none}.feature-card{flex:0 0 100%;scroll-snap-align:center;margin:0;min-width:100%;padding:1.5rem;box-sizing:border-box}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 1rem}.stat-card{padding:1rem .5rem;min-width:0}.stat-card:last-child{grid-column:1/-1;width:50%;margin:0 auto}.stat-icon{font-size:1.2rem;height:30px}.stat-value{font-size:1.4rem;margin:.3rem 0}.stat-label{font-size:.8rem;line-height:1.2}.cta-section{padding:6rem 1rem 0 1rem}.cta-section h2{font-size:1.8rem;margin-top:4rem;margin-bottom:1rem}.cta-section p{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.tools-section{padding:1rem 1rem 0;margin-top:0;margin-bottom:2rem}.support-email{margin-bottom:.5rem;margin-top:2rem;font-size:.9rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0;width:100%;box-sizing:border-box}.tool-item{min-width:0;width:100%;padding:.8rem;font-size:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;height:20px}.faq-container{grid-template-columns:1fr;padding:0 .5rem}.faq-subtitle{margin-top:-1rem;margin-bottom:0}.faq-section{padding:6rem 1rem 1rem 1rem;margin-bottom:0}.faq-item{padding:1.5rem}.faq-item h3{font-size:1.1rem}}@media (max-width:375px){.feature-card{min-height:400px;padding:1.2rem}.feature-list{padding-left:2rem}}@media (min-width:480px) and (max-width:768px){.feature-card{min-height:320px}}.subtitle-display[data-v-9e917a62]{height:100%;overflow-y:auto;padding:1rem;scroll-behavior:smooth;max-width:1200px;margin:0 auto;flex-direction:column}.subtitle-display[data-v-9e917a62],.subtitle-line[data-v-9e917a62]{background:var(--background-color);width:100%;box-sizing:border-box;display:flex;align-items:center}.subtitle-line[data-v-9e917a62]{position:relative;padding:0 1.5rem;margin:0;border-radius:8px;transition:all .3s ease;cursor:pointer;max-width:min(1100px,90%);font-size:clamp(.875rem,1vw,1rem);line-height:1.5}.subtitle-line.active[data-v-9e917a62]{background:#cae5f8;box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateX(0)}.subtitle-line[data-v-9e917a62]:hover{background:#cee1f1}.subtitle-content[data-v-9e917a62]{flex:1;margin:0 2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;min-height:1.5rem;padding:.5rem 0}.text-wrapper[data-v-9e917a62]{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.text-content[data-v-9e917a62]{position:relative;z-index:1;width:100%;word-break:break-word;white-space:pre-wrap;line-height:1.8;font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;letter-spacing:.01em;color:var(--el-text-color-primary);padding:.25rem 0;transition:font-size .2s ease}.subtitle-line.active .text-content[data-v-9e917a62]{font-weight:500;color:var(--el-text-color-primary)}.progress-overlay[data-v-9e917a62]{position:absolute;left:0;top:0;height:100%;background-color:rgba(26,115,232,.1);pointer-events:none;transition:width .1s linear}.subtitle-content[data-v-9e917a62]{display:flex;flex-direction:column;gap:4px}.subtitle-translation[data-v-9e917a62]{position:relative;z-index:1;width:100%;word-break:break-word;white-space:pre-wrap;line-height:1.8;font-family:Inter,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-style:italic;font-weight:400;letter-spacing:.01em;color:var(--el-text-color-primary);padding:.25rem 0;transition:font-size .2s ease;opacity:.8}.subtitle-content span[data-v-9e917a62]{display:inline;line-height:1.6;width:100%;word-break:break-word;white-space:pre-wrap}[data-v-9e917a62] .word-highlight{background-color:#6cf!important;color:#fff!important;padding:2px 2px!important;border-radius:3px!important;display:inline!important}.subtitle-line textarea[data-v-9e917a62]{width:100%;border:none;background:transparent;resize:none;font-family:inherit;font-size:inherit;line-height:1.5;padding:.5rem 0;margin:0;color:inherit;outline:none;overflow:hidden;text-align:center;min-height:2.5rem;box-sizing:border-box}.edit-buttons[data-v-9e917a62]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;align-items:center}.btn-action[data-v-9e917a62]{background:#f8f9fa;border:none;padding:.4rem;cursor:pointer;outline:none;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-action[data-v-9e917a62]:hover{background:#e3f2fd;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-action img[data-v-9e917a62]{width:clamp(.875rem,1vw,1rem);height:clamp(.875rem,1vw,1rem);opacity:.7}.btn-action:hover img[data-v-9e917a62]{opacity:1}.btn-edit[data-v-9e917a62]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.25rem;cursor:pointer;outline:none;opacity:.6;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit[data-v-9e917a62]:hover{opacity:1}.btn-edit img[data-v-9e917a62]{width:clamp(1rem,1.2vw,1.2rem);height:clamp(1rem,1.2vw,1.2rem)}.timestamp[data-v-9e917a62]{min-width:70px;color:#718096;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.9rem;margin-right:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-feature-settings:"tnum" 1}.subtitle-mask[data-v-9e917a62]{position:absolute;width:100%;height:100%;background:#6cc;display:flex;justify-content:center;align-items:center;z-index:10;border-radius:8px;opacity:.5}.subtitle-line.subtitle-hidden .text-content[data-v-9e917a62]{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){.subtitle-display[data-v-9e917a62]{padding:0}.subtitle-line[data-v-9e917a62]{padding:0;margin:.4rem auto;max-width:100%;font-size:.9rem;height:auto}.subtitle-content[data-v-9e917a62]{margin:0 0 0 0;justify-content:flex-start}.timestamp[data-v-9e917a62]{min-width:55px;font-size:.8rem;margin-right:.5rem}.btn-edit[data-v-9e917a62],.edit-buttons[data-v-9e917a62]{right:0}.btn-action[data-v-9e917a62]{padding:.3rem}.text-wrapper[data-v-9e917a62]{width:100%}}.text-display[data-v-11d935bd]{flex:1;display:flex;flex-direction:column;padding:2rem;background-color:var(--background-color);height:100%}.text-content[data-v-11d935bd]{flex:1;overflow-y:auto;padding:1.5rem;background-color:var(--background-color);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:1rem;height:100%}.markdown-body[data-v-11d935bd]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.125rem;line-height:1.8;color:var(--text-primary);background-color:transparent!important}.markdown-body h1[data-v-11d935bd],.markdown-body h2[data-v-11d935bd],.markdown-body h3[data-v-11d935bd],.markdown-body h4[data-v-11d935bd],.markdown-body h5[data-v-11d935bd],.markdown-body h6[data-v-11d935bd]{margin-top:1.5em;margin-bottom:1em;color:var(--text-primary);border-bottom:none}.markdown-body p[data-v-11d935bd]{margin-bottom:1.2em;white-space:pre-wrap}.markdown-body code[data-v-11d935bd]{background-color:var(--background-secondary);padding:.2em .4em;border-radius:3px;font-family:Fira Code,monospace}.markdown-body pre[data-v-11d935bd]{background-color:var(--background-secondary);padding:1em;border-radius:8px;overflow-x:auto}.markdown-body pre code[data-v-11d935bd]{background-color:transparent;padding:0}.markdown-body blockquote[data-v-11d935bd]{border-left:4px solid var(--border-color);padding-left:1em;color:var(--text-secondary);margin:1em 0;background-color:transparent}.markdown-body ol[data-v-11d935bd],.markdown-body ul[data-v-11d935bd]{padding-left:2em;margin:1em 0}.markdown-body img[data-v-11d935bd]{max-width:100%;border-radius:8px}.markdown-body a[data-v-11d935bd]{color:var(--link-color);text-decoration:none}.markdown-body a[data-v-11d935bd]:hover{text-decoration:underline}.markdown-body table[data-v-11d935bd]{border-collapse:collapse;width:100%;margin:1em 0}.markdown-body td[data-v-11d935bd],.markdown-body th[data-v-11d935bd]{border:1px solid var(--border-color);padding:.5em 1em}.markdown-body th[data-v-11d935bd]{background-color:var(--background-secondary)}@media (max-width:768px){.text-display[data-v-11d935bd]{padding:.5rem;height:calc(100vh - 8rem)}.text-content[data-v-11d935bd]{padding:1rem;margin-bottom:.5rem;border-radius:8px}.markdown-body[data-v-11d935bd]{font-size:.9375rem;line-height:1.6}.markdown-body h1[data-v-11d935bd]{font-size:1.5rem}.markdown-body h2[data-v-11d935bd]{font-size:1.3rem}.markdown-body h3[data-v-11d935bd]{font-size:1.1rem}.markdown-body h4[data-v-11d935bd]{font-size:1rem}.markdown-body h5[data-v-11d935bd]{font-size:.9rem}.markdown-body h6[data-v-11d935bd]{font-size:.8rem}.markdown-body p[data-v-11d935bd]{font-size:.9375rem;margin:.75rem 0}.markdown-body ol[data-v-11d935bd],.markdown-body ul[data-v-11d935bd]{padding-left:1.25rem}.markdown-body li[data-v-11d935bd]{margin:.25rem 0}.markdown-body code[data-v-11d935bd],.markdown-body pre[data-v-11d935bd]{font-size:.875rem}}.text-content[data-v-11d935bd]::-webkit-scrollbar{width:8px}.text-content[data-v-11d935bd]::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}.text-content[data-v-11d935bd]::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:4px;opacity:.5}.text-content[data-v-11d935bd]::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.text-content[data-v-11d935bd]{scrollbar-width:thin;scrollbar-color:var(--text-primary) var(--background-color)}@keyframes spin-11d935bd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.material-icons.spinning[data-v-11d935bd]{animation:spin-11d935bd 1s linear infinite}.export-panel[data-v-3f0b61b8]{width:240px;min-width:240px;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;position:absolute;right:-160px;top:6rem;padding:1.5rem;border-radius:16px;border:1px solid rgba(102,153,204,.1);box-shadow:0 8px 32px rgba(102,153,204,.2);z-index:10;animation:slideIn .3s ease-out;transition:all .3s ease}.close-btn[data-v-3f0b61b8]{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;cursor:pointer;background:none;border:none;padding:.3rem .5rem;color:#666;border-radius:4px;display:none;transition:all .2s ease}.close-btn[data-v-3f0b61b8]:hover{color:#333;background:rgba(0,0,0,.05)}.panel-section[data-v-3f0b61b8]{margin-bottom:1.5rem}.panel-section[data-v-3f0b61b8]:last-child{margin-bottom:0}h3[data-v-3f0b61b8]{margin:0 0 15px;color:#4a5568;font-size:16px;padding-bottom:1rem;border-bottom:1px solid rgba(102,153,204,.1)}.export-buttons[data-v-3f0b61b8]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.more-buttons[data-v-3f0b61b8]{display:flex;flex-direction:column;gap:.5rem}.export-btn[data-v-3f0b61b8],.more-btn[data-v-3f0b61b8]{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem;border:none;border-radius:8px;background:transparent;color:#4a5568;cursor:pointer;transition:all .3s ease;font-size:.9375rem;border:1px solid transparent;width:100%;text-align:left}.export-btn[data-v-3f0b61b8]:hover,.more-btn[data-v-3f0b61b8]:hover{background:rgba(102,153,204,.1);transform:translateY(-1px);border-color:rgba(102,153,204,.2)}.delete-btn[data-v-3f0b61b8]{color:#e53e3e}.delete-btn[data-v-3f0b61b8]:hover{background:rgba(229,62,62,.1);border-color:rgba(229,62,62,.2)}.icon[data-v-3f0b61b8]{font-size:18px}.more-btn .icon[data-v-3f0b61b8]{font-size:1.25rem}@media (max-width:768px){.export-panel[data-v-3f0b61b8]{position:fixed;right:-240px;top:6rem;height:auto;max-height:calc(100vh - 8rem);width:240px;animation:none;overflow-y:auto;transition:right .3s ease}.export-panel.show[data-v-3f0b61b8]{right:0}.close-btn[data-v-3f0b61b8]{display:block}.export-buttons[data-v-3f0b61b8],.more-buttons[data-v-3f0b61b8]{display:grid;grid-template-columns:1fr;gap:.5rem}.export-btn[data-v-3f0b61b8],.more-btn[data-v-3f0b61b8]{padding:.8rem;font-size:.9rem}}.shortcut-dialog .el-message-box__message{white-space:pre-wrap;line-height:1.5}.box-card[data-v-ac5480e6]{width:100%;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,153,204,.2);box-shadow:0 4px 20px rgba(102,153,204,.15);border-radius:12px;overflow:hidden}.membership-header[data-v-ac5480e6]{display:flex;align-items:center;padding:1.25rem;background:linear-gradient(135deg,rgba(102,204,204,.1),hsla(0,0%,100%,.9),rgba(102,153,204,.1));border-bottom:1px solid rgba(102,153,204,.1);transition:all .3s ease}.membership-header.is-premium[data-v-ac5480e6]{background:linear-gradient(135deg,rgba(255,215,0,.1),hsla(0,0%,100%,.9),rgba(255,215,0,.1))}.status-icon[data-v-ac5480e6]{margin-right:1rem}.status-icon i[data-v-ac5480e6]{width:1rem;text-align:center;color:gold;font-size:1rem}.status-svg[data-v-ac5480e6]{width:32px}.status-info[data-v-ac5480e6]{flex:1}.status-tag[data-v-ac5480e6]{font-weight:600}.membership-content[data-v-ac5480e6]{padding:1.25rem}.usage-section[data-v-ac5480e6]{margin-bottom:1.25rem;width:120%}.usage-info[data-v-ac5480e6]{margin-bottom:.75rem}.usage-label[data-v-ac5480e6]{font-size:.9rem;color:var(--text-color-light);margin-bottom:.25rem}.usage-numbers[data-v-ac5480e6]{font-size:1.1rem;font-weight:600;color:var(--text-color)}.usage-numbers .remaining[data-v-ac5480e6]{color:var(--primary-color)}.usage-numbers .separator[data-v-ac5480e6]{margin:0 .25rem;color:var(--text-color-light)}.usage-numbers .total[data-v-ac5480e6]{color:var(--text-color-light)}.usage-progress[data-v-ac5480e6]{margin-top:.5rem}.usage-hint[data-v-ac5480e6]{margin-top:.5rem;font-size:.85rem;color:var(--danger-color)}.upgrade-button[data-v-ac5480e6]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#6cf,#69c)}.upgrade-button[data-v-ac5480e6]:hover{box-shadow:0 4px 12px rgba(102,153,204,.3);transform:translateY(-1px)}.btn-icon[data-v-ac5480e6]{width:32px;height:32px}.premium-message[data-v-ac5480e6]{text-align:center;font-size:1.1rem;color:var(--success-color);font-weight:600}.sidebar[data-v-f1a3eb6c]{width:240px;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;position:absolute;top:6rem;left:0;padding:1rem;border-radius:16px;border:1px solid rgba(102,153,204,.1);box-shadow:0 8px 32px rgba(102,153,204,.2);overflow-y:auto;z-index:10;display:flex;flex-direction:column;gap:1.25rem;transform-origin:left center;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.sidebar.hidden[data-v-f1a3eb6c]{opacity:0;transform:translateX(-100%);pointer-events:none}.sidebar.player-view[data-v-f1a3eb6c]{transform:translateX(-160px)}.sidebar.player-view.hidden[data-v-f1a3eb6c]{opacity:0;transform:translateX(-240px)}@keyframes slideIn-f1a3eb6c{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.membership-status[data-v-f1a3eb6c]{padding:0;border-bottom:1px solid rgba(102,153,204,.1);width:100%}.menu-items[data-v-f1a3eb6c]{display:flex;flex-direction:column;gap:.5rem;padding:0 .25rem}.menu-item[data-v-f1a3eb6c]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;color:#4a5568;cursor:pointer;transition:all .3s ease;font-size:.9375rem;border:1px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item[data-v-f1a3eb6c]:hover{background:rgba(102,153,204,.05);color:#2c3e50;border-color:rgba(102,153,204,.1);transform:translateX(4px)}.menu-item.active[data-v-f1a3eb6c]{background:linear-gradient(135deg,#66faff,#6cc);color:#fff;font-weight:500;border:none;transform:translateX(4px);box-shadow:0 4px 12px rgba(102,153,204,.2)}.menu-icon[data-v-f1a3eb6c]{width:20px;height:20px;min-width:20px;transition:all .3s ease;filter:brightness(.7)}.menu-item:hover .menu-icon[data-v-f1a3eb6c]{filter:brightness(.5);transform:scale(1.1)}.menu-item.active .menu-icon[data-v-f1a3eb6c]{filter:brightness(10);transform:scale(1.1)}@media (max-width:768px){.sidebar[data-v-f1a3eb6c]{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;background:#fff;transform:translateX(-100%);transition:transform .3s ease-in-out;border-radius:0;border:none;box-shadow:2px 0 10px rgba(0,0,0,.1);padding-top:5rem;overflow-y:auto}.sidebar.mobile-open[data-v-f1a3eb6c]{transform:translateX(0)}.sidebar.player-view[data-v-f1a3eb6c]{pointer-events:none!important}.sidebar.player-view.mobile-open[data-v-f1a3eb6c],.sidebar.player-view[data-v-f1a3eb6c]{transform:translateX(-100%)!important;opacity:0!important}.sidebar[data-v-f1a3eb6c]:before{content:"";position:fixed;top:0;left:280px;width:calc(100vw - 280px);height:100vh;background:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.sidebar.mobile-open[data-v-f1a3eb6c]:before{opacity:1;pointer-events:all}}.audio-player-wrapper{height:88vh;display:flex;position:relative;justify-content:center;padding:0 2rem}.player-container{height:100%;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--background-color);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:1200px;width:100%;overflow:hidden;margin-top:6rem}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);text-align:center}.points-status{color:#666;margin:1rem 0}.dialog-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.dialog-buttons button{padding:.5rem 1.5rem;border-radius:4px;border:none;cursor:pointer;font-size:.9rem}.cancel-btn{background-color:#f5f5f5;color:#666}.confirm-btn{background-color:#4caf50;color:#fff}.cancel-btn:hover{background-color:#e8e8e8}.confirm-btn:hover{background-color:#45a049}.player-header{border-bottom:1px solid #e0e0e0}.back-button,.player-header{display:flex;align-items:center}.back-button{cursor:pointer;width:40px;height:40px;justify-content:center;border-radius:50%;background:var(--surface-card);transition:all .2s ease}.back-button:hover{background:var(--primary-color);color:#fff}.audio-info{flex:1}.audio-info h2{margin:0;font-size:1.5rem;color:#333;text-align:center}.top-bar{justify-content:space-between;margin-bottom:1rem;gap:1rem}.top-bar,.top-bar .back-btn{display:flex;align-items:center}.top-bar .back-btn{background:none;border:none;padding:.5rem;cursor:pointer;justify-content:center}.top-bar .back-btn img{width:24px;height:24px}.top-bar .title{flex:1;min-width:0}.top-bar .title h2{margin:0;font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-subtitles{margin-right:1rem}.generate-subtitles .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.generate-subtitles .btn i{font-size:1rem}.generate-subtitles .btn:disabled{opacity:.7;cursor:not-allowed}.display-mode-toggle{display:flex;gap:.5rem;margin-right:1rem}.display-mode-toggle .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.display-mode-toggle .btn i{font-size:1rem}.top-bar .btn{padding:1rem;font-size:.875rem;border-radius:8px;display:flex;align-items:center;gap:.25rem;min-width:-moz-fit-content;min-width:fit-content}.top-bar .btn.btn-primary{background:#6cc;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.top-bar .btn.btn-primary:hover{background:#5ebaba}.top-bar .btn.btn-secondary{background:var(--background-color);color:var(--el-text-color-regular);box-shadow:0 2px 8px rgba(0,0,0,.15)}.top-bar .btn.btn-secondary:hover{background:var(--el-fill-color-light)}.subtitle-container{height:65vh;overflow-y:auto;background:var(--background-color);padding:20px;border-bottom:1px solid #e0e0e0;scrollbar-width:thin;scrollbar-color:rgba(102,153,204,.5) transparent}.subtitle-container::-webkit-scrollbar{width:8px}.subtitle-container::-webkit-scrollbar-track{background:transparent}.subtitle-container::-webkit-scrollbar-thumb{background-color:rgba(102,153,204,.5);border-radius:4px;border:2px solid transparent}.subtitle-container::-webkit-scrollbar-thumb:hover{background-color:rgba(102,153,204,.8)}.audio-controls{height:5vh;padding:0}.controls{gap:1rem;padding:0 1rem}.control-btn,.controls{display:flex;align-items:center}.control-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--background-color);cursor:pointer;justify-content:center;transition:all .2s ease}.control-btn:hover{background:#e3f2fd}.control-btn img{width:50%;height:50%;opacity:.8}.additional-controls{display:flex;align-items:center;gap:1rem}.font-size-control,.volume-control{position:relative;display:flex;align-items:center}.font-size-slider,.volume-slider{position:absolute;width:30px;height:100px;bottom:100%;left:50%;transform:translateX(-50%);background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem;z-index:100}.font-size-slider:after,.volume-slider:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.font-size-range,.volume-range{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;outline:none;writing-mode:bt-lr;transform:rotate(-90deg);transform-origin:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.font-size-range::-webkit-slider-thumb,.volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#27d0d8;border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.font-size-range::-webkit-slider-thumb:hover,.volume-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-container{flex:1;padding:0 1rem;max-width:800px;margin:0 auto}.progress-container,.time-display{display:flex;align-items:center;width:100%}.time-display{gap:1rem;font-size:.75rem;color:#666}.time-display span{min-width:3.5em;text-align:center}.progress-bar-container{position:relative;flex:1;height:4px;background:rgba(0,0,0,.1);border-radius:2px;cursor:pointer;display:flex;align-items:center}.progress-bar{left:0;width:0;height:4px;border-radius:2px;transition:width .1s ease;pointer-events:none}.progress-bar,.progress-handle{position:absolute;background:#27d0d8}.progress-handle{top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);transition:all .1s ease}.progress-handle:hover{transform:translate(-50%,-50%) scale(1.2)}.tooltip{position:absolute;bottom:100%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-bottom:.5rem;white-space:nowrap}.playback-mode,.playback-speed{position:relative;display:flex;align-items:center}.mode-btn,.speed-btn{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.75rem;border-radius:4px;transition:all .2s ease}.font-size-control img,.mode-btn img,.speed-btn img,.volume-control img{width:16px;height:16px;filter:invert(77%) sepia(40%) saturate(757%) hue-rotate(152deg) brightness(87%) contrast(89%);opacity:.7}.font-size-control:hover img,.mode-btn:hover img,.speed-btn:hover img,.volume-control:hover img{opacity:1}.mode-options,.speed-options{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;z-index:100;min-width:120px}.mode-options:after,.speed-options:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.mode-option,.speed-option{padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:all .2s ease;text-align:center;color:#666}.mode-option:hover,.speed-option:hover{background:rgba(102,153,204,.1);color:#27d0d8}.mode-option.active,.speed-option.active{background:#27d0d8;color:#fff}.export-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#27d0d8;transition:all .2s ease}.export-btn:hover{color:#69c}.read-along-container{display:flex;align-items:center;justify-content:center}.read-along-main{display:flex;flex-direction:row;width:auto;align-items:center;background-color:var(--background-color);border-radius:8px;gap:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}.read-along-modes{display:flex;gap:.5rem;padding:.5rem;border-radius:8px 0 0 8px;background:var(--background-color)}.read-along-modes .btn{font-size:.875rem;padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center;gap:.5rem;border-radius:4px;transition:all .2s}.read-along-modes .btn.btn-primary{border-radius:8px;background:#6cc;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.read-along-modes .btn.btn-primary:hover{background:#5ebaba}.read-along-modes .btn.btn-secondary{border-radius:8px;background:var(--background-color);color:var(--el-text-color-regular);box-shadow:0 2px 8px rgba(0,0,0,.15)}.read-along-modes .btn.btn-secondary:hover{background:var(--el-fill-color-light)}.divider{width:1px;height:40px;background-color:var(--el-border-color);margin:0 15px}.visualizer-container{border-radius:8px;width:10rem;background:var(--background-color);position:relative}.visualizer-container.recording:after{content:"";position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;border-radius:50%;background-color:var(--el-color-danger);animation:pulse 2s infinite}.audio-visualizer{height:64px;width:10rem;border-radius:4px;display:block}.audio-visualizer,.recordings-controls{background-color:var(--background-color)}.recordings-controls{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;min-width:220px}.recordings-controls .time-display{font-size:.9rem;color:var(--el-text-color-regular);min-width:80px;text-align:center}.mic-settings{position:relative;display:flex;justify-content:flex-end;width:100%}.mic-settings .slider-popup{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:var(--el-bg-color);border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:100;transform-origin:bottom right}.silence-settings{width:200px;padding:1rem}.setting-item{margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{font-size:.8rem;color:var(--el-text-color-secondary)}.setting-item .value{font-size:.8rem;color:var(--el-text-color-regular);text-align:right}.settings-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--el-fill-color-dark);outline:none;transition:all .2s}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--el-color-primary);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--el-color-primary);cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.settings-slider::-moz-range-thumb:hover{transform:scale(1.2)}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .2s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{opacity:0;transform:translateY(10px) scale(.95)}.btn{border-radius:4px;font-size:.9rem}.btn,.btn.btn-icon{display:flex;transition:all .2s}.btn.btn-icon{width:32px;height:32px;min-width:32px;padding:0;border-radius:50%;align-items:center;justify-content:center;background:var(--background-color);border:none;cursor:pointer}.btn.btn-icon:hover{background:#e3f2fd}.btn.btn-icon i,.btn.btn-icon img{width:16px;height:16px;font-size:14px;color:var(--el-text-color-regular)}.btn.btn-icon img{filter:var(--icon-filter)}@media (max-width:768px){.audio-player-wrapper{padding:0;height:80vh;margin-top:-2rem}.player-container{border-radius:16px;height:90%;padding:1rem}.top-bar{height:1.5rem}.top-bar .btn{font-size:0;padding:0;width:32px;height:32px;justify-content:center}.top-bar .btn i{font-size:14px;margin:0}.top-bar .controls{display:flex;gap:8px;margin-left:auto}.player-header{padding-bottom:.5rem}.title{display:none}.subtitle-container,.text-container{flex:1;height:calc(100vh - 8rem);overflow:hidden}.audio-controls{height:2rem;padding:.5rem 0}.controls{padding:0 .5rem;flex-wrap:nowrap;justify-content:space-between;gap:.5rem}.progress-container{display:none}.additional-controls{gap:.5rem}.control-btn{width:28px;height:28px}.mode-value,.speed-value{font-size:.8rem;color:#666}.btn-icon{margin-left:-1rem}.read-along-container{flex-direction:column}.read-along-modes .btn{font-size:0;padding:0;width:32px;height:32px;min-width:32px;justify-content:center}.read-along-modes .btn i,.read-along-modes .btn img{font-size:14px;margin:0;width:16px;height:16px}.read-along-main,.recordings-controls{width:100%}.recordings-controls{justify-content:space-between;min-width:auto}.audio-visualizer{height:40px}}.translate-control[data-v-4544bcd1]{display:inline-flex;align-items:center}.btn-icon.active[data-v-4544bcd1]{background-color:#6cf;color:#fff}[data-v-4544bcd1] .el-dropdown-menu__item{padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:8px}.mx-2[data-v-4544bcd1]{margin-right:.5rem}.interval-display[data-v-4544bcd1]{display:inline-block;min-width:1em;text-align:center}.recent-files{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);padding:2rem;max-width:1000px;width:100%;margin-top:6rem;margin-left:260px;overflow-y:auto;transition:all .3s ease}.header{justify-content:space-between;margin-bottom:2rem}.header,.header h2{display:flex;align-items:center}.header h2{gap:.5rem;margin:0;font-size:1.8rem;color:#2c3e50;font-weight:600}.header-buttons{display:flex;gap:1rem;margin-top:1rem;margin-left:auto;justify-content:flex-end}.header-buttons .btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:36px;padding:0 1rem;gap:.5rem;white-space:nowrap;transition:all .2s ease}.header-buttons .refresh-btn{min-width:36px;margin-right:auto}.header-icon{width:24px;height:24px;flex-shrink:0}.btn{background:transparent;color:#4a5568}.header-buttons .btn-primary,.header-buttons .btn-primary:hover{background:linear-gradient(135deg,#66faff,#6cc)}.header-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,153,204,.2)}.header-buttons .btn-secondary{background:rgba(102,153,204,.1);color:#4a5568}.header-buttons .btn-secondary:hover{background:rgba(102,153,204,.2)}.error,.loading{text-align:center;padding:2rem}.error{color:#e53e3e}.retry-btn{margin-top:1rem}.no-files{text-align:center;padding:2rem;color:#718096}.table-container{width:100%;height:60vh;overflow-x:auto;margin-top:1rem;border-radius:8px}table{width:100%;border-collapse:collapse;background:var(--card-background-color);border-radius:12px;overflow:hidden}td,th{padding:1rem;text-align:center;border-bottom:1px solid rgba(102,153,204,.1);height:48px;vertical-align:middle}th{background:linear-gradient(135deg,rgba(102,153,204,.1),rgba(102,153,204,.05));font-weight:600;color:#2c3e50;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}th:first-child{width:30%;min-width:200px;max-width:300px}tr{cursor:pointer;transition:all .3s ease}tr:hover{background:rgba(102,153,204,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,153,204,.1)}tr:active{transform:translateY(0);background:rgba(102,153,204,.1)}td{color:#4a5568;font-size:.9375rem;transition:all .3s ease}td:first-child{width:30%;min-width:200px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tr:hover td{color:#2c3e50}td:first-child{font-weight:500;color:#69c}tr:hover td:first-child{color:#58b}td:nth-child(2){color:#718096;font-size:.875rem}td:nth-child(3){width:120px}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;min-width:80px;justify-content:center}.status-completed{background:rgba(47,133,90,.1);color:#2f855a}.status-processing{color:#2b6cb0;padding:0;display:flex;align-items:center;height:24px}.status-processing,.status-processing .progress-container{background-color:#ebf5ff;position:relative;width:100%;overflow:hidden}.status-processing .progress-container{height:100%;border-radius:9999px}.status-processing .progress-bar{position:absolute;height:100%;background:linear-gradient(90deg,rgba(43,108,176,.2),rgba(43,108,176,.4));transition:width .3s ease}.status-processing .progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;color:#2b6cb0;font-size:.75rem;font-weight:500;white-space:nowrap}.status-failed{background:rgba(229,62,62,.1);color:#e53e3e}.status-pending{background:rgba(102,153,204,.1);color:#69c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.actions{text-align:center;position:relative;width:40px}.dropdown{position:relative;display:inline-block}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;font-size:1.2rem;color:#4a5568;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{background:rgba(102,153,204,.1)}.dropdown-menu{position:absolute;right:0;min-width:120px;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid rgba(102,153,204,.1);z-index:1000;padding:.5rem 0}.dropdown-item{display:flex;align-items:center;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap}.dropdown-item:hover{background:rgba(102,153,204,.1)}.dropdown-item.delete{color:#e53e3e}.dropdown-item.delete:hover{background:rgba(229,62,62,.1)}@media (max-width:768px){.recent-files{margin-left:0;padding:1rem;margin-top:3rem;border-radius:.5rem}.header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.header h2{font-size:1.5rem}.header-buttons{width:100%;gap:.5rem}.header-buttons button{flex:1;min-width:calc(50% - .25rem);padding:.5rem;font-size:.7rem}table{display:block;overflow-x:auto;font-size:.9rem}td,th{padding:.75rem .5rem;white-space:nowrap}th{font-size:.8rem}td:first-child{max-width:150px;overflow:hidden;text-overflow:ellipsis}td:nth-child(2){min-width:100px}td:nth-child(3),td:nth-child(4){min-width:80px}.status-badge{padding:.25rem .5rem;font-size:.8rem}.actions{min-width:40px}.dropdown-menu{left:auto}.btn-icon{width:40px;height:40px;font-size:1.4rem}.dropdown-menu{right:0;min-width:140px;background:#fff}.dropdown-item{padding:.75rem 1rem;font-size:1rem}}.material-library[data-v-7a234ac0]{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);padding:2rem;max-width:1200px;width:100%;margin-top:6rem;margin-left:260px;overflow-y:auto;transition:all .3s ease;box-sizing:border-box}.title[data-v-7a234ac0]{display:flex;align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.8rem;color:#2c3e50;font-weight:600}.material-grid[data-v-7a234ac0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0}.material-card[data-v-7a234ac0]{background:var(--surface-card);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column}.material-card[data-v-7a234ac0]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-image[data-v-7a234ac0]{width:100%;height:160px;overflow:hidden}.card-image img[data-v-7a234ac0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.material-card:hover .card-image img[data-v-7a234ac0]{transform:scale(1.05)}.card-content[data-v-7a234ac0]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-content h2[data-v-7a234ac0]{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.card-content p[data-v-7a234ac0]{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;flex:1}.update-message[data-v-7a234ac0]{color:var(--text-secondary);justify-content:center;text-align:center}@media (max-width:768px){.material-library[data-v-7a234ac0]{margin-left:0!important;margin-top:1rem!important;margin-right:0!important;padding:1rem!important;width:100%!important;max-width:100%!important;left:0!important;right:0!important;position:relative!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important}.material-grid[data-v-7a234ac0]{grid-template-columns:1fr;gap:1rem}.title[data-v-7a234ac0]{font-size:1.5rem;margin-bottom:1rem;text-align:center}.material-card[data-v-7a234ac0]{margin:0 auto;max-width:400px}}.material-category[data-v-263c4831]{height:88vh;display:flex;flex-direction:column;overflow:hidden;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);padding:2rem;max-width:1200px;width:100%;margin-top:6rem;margin-left:260px;transition:all .3s ease}.header[data-v-263c4831]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.title[data-v-263c4831]{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.2rem;color:#2c3e50;font-weight:600}.subcategory-nav[data-v-263c4831]{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;width:100%}.subcategory-btn[data-v-263c4831]{padding:.5rem 1rem;border:none;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:8px;background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0;min-width:-moz-max-content;min-width:max-content}.subcategory-btn.active[data-v-263c4831],.subcategory-btn[data-v-263c4831]:hover{background:#6cc;color:#fff}.back-button[data-v-263c4831]{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-card);transition:all .2s ease}.back-button[data-v-263c4831]:hover{background:var(--primary-color);color:#fff}.material-grid[data-v-263c4831]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem}.material-item[data-v-263c4831]{background:var(--surface-card);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:280px}.material-item[data-v-263c4831]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.item-image[data-v-263c4831]{width:100%;height:140px;min-height:140px;overflow:hidden}.item-image img[data-v-263c4831]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.material-item:hover .item-image img[data-v-263c4831]{transform:scale(1.05)}.item-content[data-v-263c4831]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.item-content h3[data-v-263c4831]{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.item-description[data-v-263c4831]{font-size:.9rem;color:var(--text-secondary);line-height:1.5;flex:1}.item-meta[data-v-263c4831]{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.duration[data-v-263c4831]{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#666}.difficulty[data-v-263c4831]{padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.Beginner[data-v-263c4831]{background-color:#e6f4ea;color:#1e8e3e}.Intermediate[data-v-263c4831]{background-color:#fef7e0;color:#b06000}.Advanced[data-v-263c4831]{background-color:#fce8e6;color:#d93025}.points-info[data-v-263c4831]{margin-left:auto;color:#666;font-size:.8rem;padding:.25rem .5rem;background-color:#f5f5f5;border-radius:4px}.points-info.purchased[data-v-263c4831]{background-color:#e6f4ea;color:#1e8e3e}.confirm-dialog-overlay[data-v-263c4831]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog[data-v-263c4831]{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);text-align:center}.points-status[data-v-263c4831]{color:#666;margin:1rem 0}.dialog-buttons[data-v-263c4831]{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.dialog-buttons button[data-v-263c4831]{padding:.5rem 1.5rem;border-radius:4px;border:none;cursor:pointer;font-size:.9rem}.cancel-btn[data-v-263c4831]{background-color:#f5f5f5;color:#666}.confirm-btn[data-v-263c4831]{background-color:#4caf50;color:#fff}.cancel-btn[data-v-263c4831]:hover{background-color:#e8e8e8}.confirm-btn[data-v-263c4831]:hover{background-color:#45a049}.pagination[data-v-263c4831]{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.page-btn[data-v-263c4831]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background-color:#f0f0f0;cursor:pointer;transition:background-color .2s}.page-btn[data-v-263c4831]:hover:not(:disabled){background-color:#e0e0e0}.page-btn[data-v-263c4831]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-263c4831]{font-size:.9rem;color:#666;min-width:60px;text-align:center}.material-icons[data-v-263c4831]{font-size:20px;color:#333}@media (max-width:768px){.material-category[data-v-263c4831]{margin-left:0;margin-top:1rem;padding:1rem}.header[data-v-263c4831]{width:100%;overflow:visible}.subcategory-nav[data-v-263c4831]{overflow-x:scroll!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-right:1rem;width:100%;max-width:100%;flex-wrap:nowrap!important;min-width:0}.subcategory-nav[data-v-263c4831]::-webkit-scrollbar{display:none}.subcategory-btn[data-v-263c4831]{min-width:-moz-max-content;min-width:max-content;flex-shrink:0;display:block!important;visibility:visible!important}.material-list[data-v-263c4831]{grid-template-columns:1fr;gap:1rem}}.checkin-container[data-v-4e666ccd]{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);padding:2rem;max-width:1200px;width:100%;margin-top:6rem;margin-left:260px;overflow-y:auto;transition:all .3s ease;box-sizing:border-box}.title[data-v-4e666ccd]{display:flex;align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.8rem;color:#2c3e50;font-weight:600}.error-state[data-v-4e666ccd],.loading-state[data-v-4e666ccd]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#666}.loading-state .material-icons.spinning[data-v-4e666ccd]{animation:spin-4e666ccd 1s linear infinite;font-size:2rem;color:#6cc}.error-state .material-icons[data-v-4e666ccd]{font-size:2rem;color:#e74c3c}.retry-btn[data-v-4e666ccd]{background:#6cc;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background .2s}.retry-btn[data-v-4e666ccd]:hover{background:#5ab8b8}@keyframes spin-4e666ccd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkin-content[data-v-4e666ccd]{background:var(--surface-card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-section[data-v-4e666ccd]{padding:1.5rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.calendar-nav[data-v-4e666ccd]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.nav-row[data-v-4e666ccd]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stats-row[data-v-4e666ccd]{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.month-title[data-v-4e666ccd]{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600;text-align:center;flex:1}.active-days[data-v-4e666ccd],.monthly-total[data-v-4e666ccd]{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-stats[data-v-4e666ccd]{display:none}.days-label[data-v-4e666ccd],.total-label[data-v-4e666ccd]{font-size:1rem;color:#666;font-weight:700}.days-value[data-v-4e666ccd],.total-value[data-v-4e666ccd]{font-size:1rem;color:#2c3e50;font-weight:700}.nav-btn[data-v-4e666ccd]{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-btn[data-v-4e666ccd]:hover{background:#e9ecef;transform:scale(1.1)}.nav-btn .material-icons[data-v-4e666ccd]{font-size:24px;color:#666}.calendar[data-v-4e666ccd]{padding:1.5rem}.weekdays[data-v-4e666ccd]{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1rem;background:rgba(102,204,204,.1);border-radius:8px;overflow:hidden}.weekday[data-v-4e666ccd]{text-align:center;padding:.5rem;font-weight:600;color:#2c3e50;background:rgba(102,204,204,.05);font-size:.9rem}.calendar-grid[data-v-4e666ccd]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:rgba(102,204,204,.1);border-radius:8px;overflow:hidden;padding:2px}.calendar-day[data-v-4e666ccd]{background:#fff;min-height:60px;padding:.4rem;display:flex;flex-direction:column;position:relative;cursor:default;transition:all .2s;border-radius:4px}.calendar-day[data-v-4e666ccd]:hover{background:rgba(102,204,204,.05);transform:scale(1.02);box-shadow:0 2px 8px rgba(102,204,204,.15)}.calendar-day.other-month[data-v-4e666ccd]{background:rgba(248,249,250,.5);color:#ccc}.calendar-day.today[data-v-4e666ccd]{background:linear-gradient(135deg,rgba(102,250,255,.1),rgba(102,204,204,.1));border:2px solid #6cc;box-shadow:0 4px 12px rgba(102,204,204,.2)}.calendar-day.has-activity[data-v-4e666ccd]{background:linear-gradient(135deg,rgba(102,250,255,.08),rgba(102,204,204,.08));border:1px solid rgba(102,204,204,.2)}.date-number[data-v-4e666ccd]{font-weight:600;margin-bottom:.25rem;font-size:.9rem}.listening-time[data-v-4e666ccd]{font-size:.7rem;color:#6cc;font-weight:600;background:rgba(102,204,204,.15);padding:.125rem .25rem;border-radius:4px;text-align:center;margin-top:auto;border:1px solid rgba(102,204,204,.3)}@media (max-width:768px){.checkin-container[data-v-4e666ccd]{margin-left:0!important;margin-top:1rem;padding:1rem}.calendar-nav[data-v-4e666ccd]{gap:.75rem}.month-title[data-v-4e666ccd]{font-size:1.2rem}.stats-row[data-v-4e666ccd]{flex-direction:column;gap:.75rem;align-items:stretch}.active-days[data-v-4e666ccd],.monthly-total[data-v-4e666ccd]{margin:0;justify-content:center}.days-label[data-v-4e666ccd],.days-value[data-v-4e666ccd],.total-label[data-v-4e666ccd],.total-value[data-v-4e666ccd]{font-size:1rem}.calendar-day[data-v-4e666ccd]{min-height:50px;padding:.25rem}.date-number[data-v-4e666ccd]{font-size:.8rem}.listening-time[data-v-4e666ccd]{font-size:.6rem}}.main-container[data-v-78e384e9]{min-height:100vh;padding:0}.main-container[data-v-78e384e9],.main-content[data-v-78e384e9]{flex:1;display:flex;flex-direction:column;width:100%;position:relative}.main-content[data-v-78e384e9]{height:100%}.main-content[data-v-78e384e9] .home-page{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media (max-width:768px){.main-content[data-v-78e384e9]{padding:1.5rem 1rem}}.modal-overlay[data-v-c674aecc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-c674aecc]{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:400px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);position:relative;animation:modalSlideIn-c674aecc .3s ease-out}@keyframes modalSlideIn-c674aecc{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}h2[data-v-c674aecc]{color:#2c3e50;font-size:1.8rem;text-align:center;font-weight:600}.form-group[data-v-c674aecc],h2[data-v-c674aecc]{margin-bottom:1.5rem}label[data-v-c674aecc]{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.input-group[data-v-c674aecc]{position:relative;display:flex;align-items:center}input[data-v-c674aecc]{width:100%;padding:.75rem 1rem;border:1px solid rgba(102,153,204,.2);border-radius:8px;font-size:1rem;color:#2d3748;transition:all .3s ease;background:hsla(0,0%,100%,.9)}input[data-v-c674aecc]:focus{outline:none;border-color:#69c;box-shadow:0 0 0 3px rgba(102,153,204,.2)}.toggle-password[data-v-c674aecc]{position:absolute;right:1rem;background:none;border:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s}.toggle-password[data-v-c674aecc]:hover{opacity:1}.btn[data-v-c674aecc]{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.btn-icon[data-v-c674aecc]{width:2rem;height:2rem}.btn-primary[data-v-c674aecc]{background:linear-gradient(135deg,#69c,#58b);color:#fff}.btn-primary[data-v-c674aecc]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,153,204,.3)}.btn-secondary[data-v-c674aecc]{background:#fff;color:#4a5568;border:1px solid rgba(102,153,204,.2)}.btn-secondary[data-v-c674aecc]:hover{background:rgba(102,153,204,.05);border-color:rgba(102,153,204,.3)}.btn-tertiary[data-v-c674aecc]{background:transparent;color:#718096;font-size:.875rem}.btn-tertiary[data-v-c674aecc]:hover{color:#4a5568}.signup-text[data-v-c674aecc]{text-align:center;margin:1rem 0;color:#718096;font-size:.875rem}.signup-text a[data-v-c674aecc]{color:#69c;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.link-icon[data-v-c674aecc]{width:1rem;height:1rem}.error-message[data-v-c674aecc]{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#dc2626;font-size:.875rem;margin:.75rem 0;padding:.5rem;background-color:#fee2e2;border-radius:.375rem}.error-message[data-v-c674aecc]:before{content:"⚠️";font-size:1rem}.modal-overlay[data-v-6473bc79]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-6473bc79]{background:#fff;padding:2rem;border-radius:16px;width:90%;max-width:400px;box-shadow:0 8px 32px rgba(102,153,204,.2);border:1px solid rgba(102,153,204,.1);position:relative;animation:modalSlideIn-6473bc79 .3s ease-out}@keyframes modalSlideIn-6473bc79{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}h2[data-v-6473bc79]{color:#2c3e50;font-size:1.8rem;text-align:center;font-weight:600}.form-group[data-v-6473bc79],h2[data-v-6473bc79]{margin-bottom:1.5rem}label[data-v-6473bc79]{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.input-group[data-v-6473bc79]{position:relative;display:flex;align-items:center}input[data-v-6473bc79]{width:100%;padding:.75rem 1rem;border:1px solid rgba(102,153,204,.2);border-radius:8px;font-size:1rem;color:#2d3748;transition:all .3s ease;background:hsla(0,0%,100%,.9)}input[data-v-6473bc79]:focus{outline:none;border-color:#69c;box-shadow:0 0 0 3px rgba(102,153,204,.2)}.toggle-password[data-v-6473bc79]{position:absolute;right:1rem;background:none;border:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s}.toggle-password[data-v-6473bc79]:hover{opacity:1}.btn[data-v-6473bc79]{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.btn[data-v-6473bc79]:disabled{opacity:.7;cursor:not-allowed}.btn-icon[data-v-6473bc79]{width:2rem;height:2rem}.btn-primary[data-v-6473bc79]{background:linear-gradient(135deg,#69c,#58b);color:#fff}.btn-primary[data-v-6473bc79]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,153,204,.3)}.btn-secondary[data-v-6473bc79]{background:#fff;color:#4a5568;border:1px solid rgba(102,153,204,.2)}.btn-secondary[data-v-6473bc79]:hover:not(:disabled){background:rgba(102,153,204,.05);border-color:rgba(102,153,204,.3)}.btn-tertiary[data-v-6473bc79]{background:transparent;color:#718096;font-size:.875rem}.btn-tertiary[data-v-6473bc79]:hover{color:#4a5568}.login-text[data-v-6473bc79]{text-align:center;margin:1rem 0;color:#718096;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-text a[data-v-6473bc79]{color:#69c;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.error-text[data-v-6473bc79]{color:#e53e3e;font-size:.875rem;margin-top:.5rem;display:block}.error-message[data-v-6473bc79]{color:#e53e3e;background:rgba(229,62,62,.1)}.error-message[data-v-6473bc79],.success-message[data-v-6473bc79]{text-align:center;margin-top:1rem;font-size:.875rem;padding:.5rem;border-radius:6px}.success-message[data-v-6473bc79]{color:#38a169;background:rgba(56,161,105,.1)}.material-icons[data-v-6473bc79]{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.premium-modal-overlay[data-v-4d4cfdae]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.premium-modal-content[data-v-4d4cfdae]{background:#fff;border-radius:16px;padding:2.5rem;min-width:1000px;width:90%;position:relative}.close-btn[data-v-4d4cfdae]{position:absolute;right:1.5rem;top:1.5rem;background:none;border:none;cursor:pointer;color:#666}.modal-title[data-v-4d4cfdae]{font-size:2rem;color:#333}.modal-title[data-v-4d4cfdae],.payment-options[data-v-4d4cfdae]{text-align:center;margin-bottom:1rem}.toggle-group[data-v-4d4cfdae]{display:flex;flex-direction:column;align-items:center}.toggle-buttons[data-v-4d4cfdae]{display:inline-flex;background:#f5f5f5;border-radius:12px;padding:4px;margin:.5rem 0;flex-wrap:wrap;justify-content:center;gap:4px}.toggle-buttons button[data-v-4d4cfdae]{padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:8px;font-weight:500;color:#666;transition:all .2s;white-space:nowrap;font-size:.9rem}.toggle-buttons button.active[data-v-4d4cfdae]{background:#fff;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.period-selection[data-v-4d4cfdae]{display:flex;align-items:center;gap:1.5rem}.payment-note[data-v-4d4cfdae]{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;padding:.5rem 1rem;background:#f5f5f5;border-radius:8px;white-space:nowrap}.payment-note .material-icons[data-v-4d4cfdae]{font-size:1.1rem;color:#69c}.plans-container[data-v-4d4cfdae]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.plan-card[data-v-4d4cfdae]{padding:2.5rem;border-radius:16px;display:flex;flex-direction:column;height:100%}.plan-card.free[data-v-4d4cfdae]{background:#f8f9fa;border:2px solid #e9ecef}.plan-card.pro[data-v-4d4cfdae]{background:linear-gradient(135deg,#9cf,#cce6ff);color:#2c4c6e;position:relative;overflow:hidden}.plan-card.pro .price[data-v-4d4cfdae]{background:linear-gradient(135deg,#2c4c6e,#4d7ab5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan-card.pro .discount[data-v-4d4cfdae]{background:rgba(44,76,110,.2);color:#2c4c6e}.plan-card.pro .upgrade-button[data-v-4d4cfdae]{background:#2c4c6e;color:#fff}.plan-card.pro .feature-description[data-v-4d4cfdae]{color:#2c4c6e;opacity:.8}.plan-card.premium[data-v-4d4cfdae]{background:linear-gradient(135deg,#69c,#6cf);color:#fff;position:relative;overflow:hidden}.plan-header[data-v-4d4cfdae]{text-align:center;margin-bottom:2rem;flex:0 0 auto}.plan-header h3[data-v-4d4cfdae]{font-size:1.75rem;margin-bottom:.5rem}.plan-description[data-v-4d4cfdae]{font-size:1.1rem;opacity:.9}.features-list[data-v-4d4cfdae]{flex:1 0 auto;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.feature-item[data-v-4d4cfdae]{font-size:1.1rem;font-weight:500;display:flex;flex-direction:column;gap:.25rem}.feature-description[data-v-4d4cfdae]{font-size:.95rem;opacity:.8;margin:0;font-weight:400;line-height:1.4}.upgrade-button[data-v-4d4cfdae]{margin-top:auto;background:#fff;color:#69c;border:none;padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;flex:0 0 auto}.upgrade-button[data-v-4d4cfdae]:disabled{opacity:.7;cursor:not-allowed}.upgrade-button[data-v-4d4cfdae]:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.upgrade-button[data-v-4d4cfdae]:active:after{transform:scale(0);opacity:.3;transition:0s}.price-container[data-v-4d4cfdae]{margin:1.5rem 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.price[data-v-4d4cfdae]{font-size:2.8rem;font-weight:800;color:#333;line-height:1;white-space:nowrap;background:linear-gradient(135deg,#333,#666);-webkit-text-fill-color:transparent}.premium .price[data-v-4d4cfdae]{background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.discounts[data-v-4d4cfdae]{display:inline-flex;align-items:center;gap:.5rem}.discount[data-v-4d4cfdae]{font-size:.9rem;padding:4px 12px;border-radius:20px;font-weight:600;white-space:nowrap;animation:pulse 2s infinite}.discount.quarterly[data-v-4d4cfdae]{background:rgba(44,76,110,.1)}.discount.halfYearly[data-v-4d4cfdae]{background:rgba(44,76,110,.15)}.discount.yearly[data-v-4d4cfdae]{background:rgba(44,76,110,.2)}.premium .discount.quarterly[data-v-4d4cfdae]{background:hsla(0,0%,100%,.15)}.premium .discount.halfYearly[data-v-4d4cfdae]{background:hsla(0,0%,100%,.2)}.premium .discount.yearly[data-v-4d4cfdae]{background:hsla(0,0%,100%,.25)}@media (max-width:768px){.premium-modal-content[data-v-4d4cfdae]{padding:1.5rem;width:95%;max-height:90vh;overflow-y:auto}.plans-container[data-v-4d4cfdae]{grid-template-columns:1fr}.plan-card[data-v-4d4cfdae]{padding:1.5rem}.modal-title[data-v-4d4cfdae]{font-size:1.5rem;margin-bottom:1.5rem}.plan-header h3[data-v-4d4cfdae]{font-size:1.5rem}.price[data-v-4d4cfdae]{font-size:2.2rem}.discount[data-v-4d4cfdae]{font-size:.8rem;padding:3px 10px}.toggle-group[data-v-4d4cfdae]{width:100%}.toggle-buttons[data-v-4d4cfdae]{width:100%;justify-content:center}.toggle-buttons button[data-v-4d4cfdae]{flex:1;text-align:center;padding:10px 16px}}.modal-overlay{right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{box-shadow:0 8px 32px rgba(102,153,204,.2);animation:modalSlideIn .3s ease-out}.close-btn{background:transparent;color:var(--text-secondary,#666)}.close-btn:hover{color:var(--text-primary,#333)}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary{background:transparent;border:1px solid var(--border-color,#ddd);color:var(--text-secondary,#666);padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary,#f5f7fa);border-color:var(--text-secondary,#666)}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modal-content{width:calc(100vw - 2rem);padding:1rem;margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal-buttons{flex-direction:column}.btn-secondary{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;max-width:600px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.close-btn{background:none;padding:.5rem}.close-btn:hover{background:rgba(0,0,0,.1)}.modal-header{margin-bottom:2rem}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.upload-container{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;background-color:#fafafa;transition:all .3s ease;position:relative;min-height:200px}.upload-container.drag-over{border-color:#4caf50;background-color:#e8f5e9}.upload-container.has-error{border-color:#f44336;background-color:#ffebee}.upload-text{color:#424242;margin:8px 0;font-size:16px}.upload-subtext{color:#757575;font-size:14px;margin-top:4px}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;min-height:200px;cursor:pointer}.upload-area .material-icons{font-size:3rem;color:#69c}.upload-text{margin:0;font-size:1.2rem;color:#333}.upload-hint{margin:0;font-size:.9rem;color:#666}.modal-footer{flex-direction:column;align-items:center;gap:1rem}.file-info{justify-content:space-between;background:#f8f9fa;margin:1rem 0}.file-duration,.file-size,.usage-cost{color:#666;font-size:.875rem;margin-left:.5rem}.usage-cost{color:#2b6cb0}.error-text,.usage-cost.insufficient{color:#e53e3e}.error-text{font-size:.75rem}.error-message{color:#d32f2f;background-color:#ffebee;border:1px solid #ffcdd2;padding:12px 16px;margin:10px 0;font-size:14px;width:100%;max-width:400px;box-shadow:0 2px 4px rgba(0,0,0,.1);animation:slideIn .3s ease}.error-message:before{content:"⚠️";margin-right:8px;font-size:16px}.remove-file{color:#666;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.remove-file:hover{background:rgba(0,0,0,.1);color:#dc3545}.close-button{position:absolute;top:8px;right:8px;background:none;border:none;color:#757575;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:rgba(0,0,0,.1)}.text-to-speech-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:hsla(0,0%,100%,.95);border-radius:16px;padding:2rem;width:90%;max-width:800px;position:relative;box-shadow:0 8px 32px rgba(102,153,204,.3);animation:slideIn .3s ease;margin:0 auto;border:1px solid rgba(102,153,204,.1)}.modal-body{display:flex;flex-direction:column;align-items:center}.input-section,.modal-body{width:100%;max-width:100%;margin:0 auto}.voice-settings{width:100%;margin:1rem auto 0;padding-top:1rem;border-top:1px solid rgba(102,153,204,.1)}.setting-content,.setting-group{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.setting-item{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:100%;margin-bottom:10px}.setting-item-third{min-width:32%!important;max-width:32%;margin-right:2%}.setting-item label{font-size:.9rem;color:#666;font-weight:500}.voice-select-container{display:flex;align-items:center;gap:.5rem}.style-select,.voice-select{flex:1;padding:.5rem;border:1px solid rgba(102,153,204,.2);border-radius:8px;background:hsla(0,0%,100%,.9);color:#2c3e50;transition:all .3s ease;cursor:pointer}.style-select:hover,.voice-select:hover{border-color:#69c}.style-select:focus,.voice-select:focus{outline:none;border-color:#69c;box-shadow:0 0 0 3px rgba(102,153,204,.1)}.speed-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.speed-control input[type=range]{flex:1;height:4px;background:rgba(102,153,204,.2);border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.dropzone{padding:2rem;width:100%;max-width:100%;border:2px dashed rgba(102,153,204,.3);border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:hsla(0,0%,100%,.8);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone.drag-over{border-color:#69c;background:rgba(102,153,204,.1)}.dropzone .material-icons{font-size:3rem;color:#69c;margin:0}.dropzone p{margin:0;color:#666;font-size:1rem}.dropzone input[type=file]{display:none}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem;width:100%;justify-content:center}.tab-btn{padding:.75rem 1.5rem;border:1px solid rgba(102,153,204,.2);background:hsla(0,0%,100%,.9);cursor:pointer;border-radius:8px;color:#2c3e50;transition:all .3s ease;font-weight:500}.tab-btn:hover{background:rgba(102,153,204,.05);border-color:rgba(102,153,204,.3)}.tab-btn.active{color:#69c;background:linear-gradient(135deg,rgba(102,153,204,.1),rgba(102,153,204,.05));border-color:#69c}.text-input,.text-input textarea{width:100%;max-width:100%}.text-input textarea{padding:1rem;border:1px solid rgba(102,153,204,.2);border-radius:8px;resize:vertical;min-height:120px;font-family:inherit;font-size:1rem;line-height:1.5;background:hsla(0,0%,100%,.9);transition:all .3s ease;color:#2c3e50}.text-input textarea:focus{outline:none;border-color:#69c;box-shadow:0 0 0 3px rgba(102,153,204,.1)}.text-input textarea::-moz-placeholder{color:#999}.text-input textarea::placeholder{color:#999}.text-input-footer{justify-content:space-between;margin-top:8px}.text-input-footer,.word-count{display:flex;align-items:center}.word-count{color:var(--text-secondary);font-size:.9em}.word-count.near-limit{color:var(--warning-color)}.icon-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--hover-bg)}.icon-btn .material-icons{font-size:20px}.error-message{display:flex;align-items:center;gap:8px;color:var(--error-color);font-size:.9em;margin-top:12px;padding:8px 12px;background-color:var(--error-bg);border-radius:4px}.error-message .material-icons{font-size:18px}.preview-button{width:34px;height:34px;border-radius:12px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(145deg,#f6f6f6,#e0e0e0);border:1px solid #d0d0d0;box-shadow:2px 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.preview-button:hover{background:linear-gradient(145deg,#ececec,#d8d8d8);transform:scale(1.05);box-shadow:2px 4px 6px rgba(0,0,0,.15)}.preview-button:active{transform:scale(.95)}.btn{min-width:100px;height:40px;padding:0 1.5rem;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn .material-icons{font-size:1.25rem}.btn-secondary{background:hsla(0,0%,100%,.9);border:1px solid rgba(102,153,204,.3);color:#2c3e50}.btn-secondary:hover{background:rgba(102,153,204,.05);border-color:#69c;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#69c,#58b);border:none;color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,153,204,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.close-btn{position:absolute;top:1rem;right:1rem;background:rgba(102,153,204,.1);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#2c3e50}.close-btn:hover{background:rgba(102,153,204,.2);transform:rotate(90deg)}.close-btn .material-icons{font-size:1.25rem}.modal-header{margin-bottom:1.5rem;padding-right:2rem;text-align:center}.modal-header h3{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.file-info{gap:1rem;padding:1rem;background:hsla(0,0%,100%,.9);border:1px solid rgba(102,153,204,.2);border-radius:8px}.file-details,.file-info{display:flex;align-items:center}.file-details{gap:.5rem}.file-name{font-weight:500}.file-size{color:#666;font-size:.875rem}.remove-file{background:none;border:none;padding:0;cursor:pointer;color:#e53e3e}.remove-file:hover{transform:scale(1.2)}.editor-tools{margin-top:.5rem;display:flex;gap:.5rem}.editor-tools button{padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer;background:hsla(0,0%,100%,.9);transition:all .3s ease}.editor-tools button:hover{background:rgba(102,153,204,.05);transform:translateY(-1px)}.editor-tools button .material-icons{font-size:1.25rem;color:#2c3e50}.modal-footer{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem}.generate-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#69c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.generate-btn:hover:not(:disabled){background:#9cf;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.generate-btn:disabled{background:#666;cursor:not-allowed}.generate-btn .material-icons{font-size:1.2rem}.material-icons.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes flip{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.material-icons{display:inline-block;vertical-align:middle}.icon-flip{animation:flip 2s linear infinite}.style-prompt{padding:1rem;background:hsla(0,0%,100%,.8);border:1px solid rgba(102,153,204,.2);border-radius:8px;font-size:.9rem;line-height:1.5;color:#2c3e50;white-space:pre-wrap;max-height:200px;overflow-y:auto}.custom-style-input,.style-prompt{width:100%;margin-top:1rem}.custom-style-input textarea{width:100%;padding:.8rem;border:1px solid rgba(102,153,204,.2);border-radius:8px;background:hsla(0,0%,100%,.9);font-size:.9rem;line-height:1.5;color:#2c3e50;resize:vertical;transition:all .3s ease}.custom-style-input textarea:focus{outline:none;border-color:#69c;box-shadow:0 0 0 3px rgba(102,153,204,.1)}.custom-style-footer{display:flex;justify-content:flex-end;margin-top:.5rem;padding:0 .5rem}.char-count{font-size:.8rem;color:#666}@media (max-width:768px){.setting-item-third{min-width:48%!important;max-width:48%;margin-right:1%;margin-bottom:1rem}.setting-content{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:480px){.setting-item-third{min-width:100%!important;max-width:100%;margin-right:0;margin-bottom:1rem}}.word-count-container[data-v-02f7aa76]{display:flex;align-items:center;justify-content:space-between}.usage-cost[data-v-02f7aa76]{font-size:14px;color:#666}.insufficient[data-v-02f7aa76]{color:red}.error-text[data-v-02f7aa76]{font-size:12px;color:red;margin-left:5px}.setting-item-third[data-v-02f7aa76]{width:32%;margin-right:2%}.setting-item-third[data-v-02f7aa76]:last-child{margin-right:0}.style-prompt[data-v-02f7aa76]{margin-top:20px;padding:10px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}.style-prompt p[data-v-02f7aa76]{font-size:14px;color:#666;margin-bottom:10px}.custom-style-input[data-v-02f7aa76]{margin-top:20px}.custom-style-footer[data-v-02f7aa76]{margin-top:10px;font-size:14px;color:#666}.char-count[data-v-02f7aa76]{font-size:12px;color:#999}.voice-select-container[data-v-02f7aa76]{display:flex;align-items:center;gap:8px}.voice-select[data-v-02f7aa76]{flex:1}.dialog-overlay[data-v-dcb4859a]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-dcb4859a]{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);width:90%;max-width:500px;overflow:hidden;animation:dialog-appear-dcb4859a .2s ease-out}@keyframes dialog-appear-dcb4859a{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-dcb4859a]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.dialog-header h3[data-v-dcb4859a]{margin:0;font-size:1.25rem;color:#2d3748}.close-btn[data-v-dcb4859a]{background:transparent;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:.5rem;margin:-.5rem;line-height:1;transition:color .2s ease}.close-btn[data-v-dcb4859a]:hover{color:#2d3748}.dialog-content[data-v-dcb4859a]{padding:1.5rem}.dialog-buttons[data-v-dcb4859a]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f7fafc;border-top:1px solid #e2e8f0}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}#app,body,html{overflow-x:hidden}#app{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100vw;display:flex;flex-direction:column;position:relative}#app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(153,204,255,.2),hsla(0,0%,100%,.08) 50%,rgba(102,204,204,.2));backdrop-filter:blur(300px);-webkit-backdrop-filter:blur(300px);z-index:-1}.content-wrapper{display:flex;min-height:calc(100vh - var(--navbar-height));position:relative;justify-content:center}.main-container{flex:1;display:flex;position:relative;width:100%;max-width:1400px;margin:0 auto}.main-container.player-view{max-width:none}.sidebar-component{position:absolute;left:0;top:6rem;height:-moz-fit-content;height:fit-content}.content-area{flex:1;display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.rename-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s ease;outline:none}.rename-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.2)}.delete-message{font-size:1rem;color:#2d3748;margin:0 0 .5rem}.delete-warning{font-size:.875rem;color:#e53e3e;margin:0}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn.danger{background:#e53e3e;color:#fff}.btn.danger:hover{background:#c53030}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}@media (max-width:768px){.main-container{padding-left:0}}.payment-cancel[data-v-2b965acc]{margin-top:5rem;width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:2rem}.cancel-container[data-v-2b965acc]{background:#fff;border-radius:24px;width:100%;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.content-wrapper[data-v-2b965acc]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.cancel-content[data-v-2b965acc]{width:100%;text-align:center}.cancel-icon[data-v-2b965acc]{font-size:4rem;margin-bottom:1.5rem;color:#e53e3e;animation:scale-in-2b965acc .5s ease-out}h1[data-v-2b965acc]{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.description[data-v-2b965acc]{color:#606f7b;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.buttons[data-v-2b965acc]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-2b965acc]{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline[data-v-2b965acc]{background:transparent;color:#2c3e50;border:2px solid #2c3e50}.btn-outline[data-v-2b965acc]:hover{background:#2c3e50;color:#fff;transform:translateY(-2px)}@keyframes scale-in-2b965acc{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:640px){.content-wrapper[data-v-2b965acc]{padding:2rem;min-height:300px}.buttons[data-v-2b965acc]{flex-direction:column}h1[data-v-2b965acc]{font-size:2rem}.description[data-v-2b965acc]{font-size:1rem}}.payment-success[data-v-3f18eb86]{margin-top:5rem;width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:2rem}.success-container[data-v-3f18eb86]{background:#fff;border-radius:24px;width:100%;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.content-wrapper[data-v-3f18eb86]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.status-container[data-v-3f18eb86]{text-align:center;width:100%}.error-icon[data-v-3f18eb86],.spinner[data-v-3f18eb86],.success-icon[data-v-3f18eb86]{font-size:4rem;margin-bottom:1.5rem}.spinner[data-v-3f18eb86]{color:#4caf50;animation:spin-3f18eb86 1s linear infinite}.error-icon[data-v-3f18eb86]{color:#e53e3e}.success-icon[data-v-3f18eb86]{color:#4caf50;animation:scale-in-3f18eb86 .5s ease-out}.success-content[data-v-3f18eb86]{width:100%;text-align:center}h1[data-v-3f18eb86]{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;font-weight:700}h2[data-v-3f18eb86]{color:#34495e;font-size:1.5rem;margin-bottom:1.5rem;font-weight:500}.description[data-v-3f18eb86]{color:#606f7b;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.membership-details[data-v-3f18eb86]{background:#f8fafc;border-radius:16px;padding:2rem;margin:2rem 0;text-align:left}.membership-details h3[data-v-3f18eb86]{color:#2c3e50;font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.details-grid[data-v-3f18eb86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item[data-v-3f18eb86]{display:flex;flex-direction:column;gap:.5rem}.detail-item .label[data-v-3f18eb86]{color:#64748b;font-size:.9rem;font-weight:500}.detail-item .value[data-v-3f18eb86]{color:#1e293b;font-size:1.1rem;font-weight:600}.buttons[data-v-3f18eb86]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-3f18eb86]{padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary[data-v-3f18eb86]{background:#4caf50;color:#fff;border:none}.btn-primary[data-v-3f18eb86]:hover{background:#43a047;transform:translateY(-2px)}.btn-outline[data-v-3f18eb86]{background:transparent;color:#4caf50;border:2px solid #4caf50}.btn-outline[data-v-3f18eb86]:hover{background:#4caf50;color:#fff;transform:translateY(-2px)}@keyframes scale-in-3f18eb86{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin-3f18eb86{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.content-wrapper[data-v-3f18eb86]{padding:2rem;min-height:300px}.buttons[data-v-3f18eb86]{flex-direction:column}h1[data-v-3f18eb86]{font-size:2rem}h2[data-v-3f18eb86]{font-size:1.25rem}.details-grid[data-v-3f18eb86]{grid-template-columns:1fr}}