@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.language-toggle[data-v-0d06deae]{padding:.3rem .6rem;border:1px solid var(--color-brand-100);border-radius:var(--radius-sm);background:transparent;color:var(--color-brand-600);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.language-toggle[data-v-0d06deae]:hover{background-color:var(--color-brand-50)}@media (max-width:768px){.language-toggle[data-v-0d06deae]{padding:.2rem .5rem;font-size:.75rem;margin-right:.3rem}}.user-menu[data-v-49686b9f]{position:relative;display:flex;align-items:center;gap:.5rem}.user-avatar-wrapper[data-v-49686b9f]{position:relative;cursor:pointer}.user-avatar[data-v-49686b9f]{width:40px;height:40px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--color-text);border:2px solid var(--color-surface);box-shadow:var(--shadow-sm);transition:all .3s ease}.user-avatar[data-v-49686b9f]:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.menu-dropdown[data-v-49686b9f]{position:absolute;top:calc(100% + .5rem);right:0;width:300px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:1rem;z-index:1000;transition:all .3s ease}.user-info[data-v-49686b9f]{padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.email-container[data-v-49686b9f]{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-brand-50);border-radius:var(--radius-md);margin-bottom:1rem}.email-container i[data-v-49686b9f]{color:var(--color-brand-500);font-size:1rem}.user-email[data-v-49686b9f]{font-size:.875rem;color:var(--color-text);font-weight:500;word-break:break-all}.usage-info[data-v-49686b9f]{background:var(--color-surface-muted);padding:.75rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem}.usage-row[data-v-49686b9f]{gap:1rem}.usage-header[data-v-49686b9f],.usage-row[data-v-49686b9f]{display:flex;align-items:center}.usage-header i[data-v-49686b9f]{width:1rem;text-align:center;color:var(--color-warning);font-size:1rem}.usage-numbers[data-v-49686b9f]{display:flex;align-items:center;gap:1rem;flex:1}.usage-progress[data-v-49686b9f]{flex:1;height:6px;min-width:80px;background:var(--color-brand-100);border-radius:var(--radius-pill);overflow:hidden;position:relative}.usage-bar[data-v-49686b9f]{position:absolute;left:0;top:0;height:100%;background:linear-gradient(135deg,var(--color-brand-300),var(--color-brand-500));border-radius:var(--radius-pill);transition:width .3s ease}.usage-bar.low[data-v-49686b9f]{background:linear-gradient(135deg,var(--color-danger-400),var(--color-danger))}.usage-text[data-v-49686b9f]{display:flex;align-items:center;gap:.25rem;font-size:.875rem;white-space:nowrap}.remaining[data-v-49686b9f]{color:var(--color-text);font-weight:600}.separator[data-v-49686b9f],.total[data-v-49686b9f]{color:var(--color-text-subtle)}.premium-info[data-v-49686b9f]{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.premium-badge[data-v-49686b9f]{display:flex;align-items:center;gap:.75rem}.premium-badge i[data-v-49686b9f]{width:1rem;text-align:center;color:var(--color-warning);font-size:1rem}.premium-badge span[data-v-49686b9f]{font-size:.875rem;font-weight:500;color:var(--color-text)}.premium-expiry[data-v-49686b9f]{font-size:.75rem;color:var(--color-text-subtle)}.menu-content[data-v-49686b9f]{padding:1rem}.btn[data-v-49686b9f]{width:100%;padding:.75rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-premium[data-v-49686b9f]{background:linear-gradient(135deg,var(--color-brand-300),var(--color-brand-500));color:var(--color-text-inverse);border:none;margin-bottom:.75rem}.btn-premium[data-v-49686b9f]:hover{box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-logout[data-v-49686b9f]{background:var(--color-danger-bg);color:var(--danger-color);border:1px solid var(--danger-color)}.btn-logout[data-v-49686b9f]:hover{background:var(--color-danger-bg-strong);transform:translateY(-1px)}.btn-icon[data-v-49686b9f]{width:32px;height:32px}.v-enter-active[data-v-49686b9f],.v-leave-active[data-v-49686b9f]{transition:all .3s ease}.v-enter-from[data-v-49686b9f],.v-leave-to[data-v-49686b9f]{opacity:0;transform:translateY(-10px) scale(.95)}.payment-cancel[data-v-0933d9f2]{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-0933d9f2]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-lg)}.content-wrapper[data-v-0933d9f2]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.cancel-content[data-v-0933d9f2]{width:100%;text-align:center}.cancel-icon[data-v-0933d9f2]{font-size:4rem;margin-bottom:1.5rem;color:var(--color-danger);animation:scale-in-0933d9f2 .5s ease-out}h1[data-v-0933d9f2]{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem;font-weight:700}.description[data-v-0933d9f2]{color:var(--color-text-subtle);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.buttons[data-v-0933d9f2]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-0933d9f2]{padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline[data-v-0933d9f2]{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}.btn-outline[data-v-0933d9f2]:hover{background:var(--color-text);color:var(--color-text-inverse);transform:translateY(-2px)}@keyframes scale-in-0933d9f2{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:640px){.content-wrapper[data-v-0933d9f2]{padding:2rem;min-height:300px}.buttons[data-v-0933d9f2]{flex-direction:column}h1[data-v-0933d9f2]{font-size:2rem}.description[data-v-0933d9f2]{font-size:1rem}}.payment-success[data-v-40eafac0]{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-40eafac0]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-lg)}.content-wrapper[data-v-40eafac0]{padding:3rem;min-height:400px;display:flex;align-items:center;justify-content:center}.status-container[data-v-40eafac0]{text-align:center;width:100%}.error-icon[data-v-40eafac0],.spinner[data-v-40eafac0],.success-icon[data-v-40eafac0]{font-size:4rem;margin-bottom:1.5rem}.spinner[data-v-40eafac0]{color:var(--color-success);animation:spin-40eafac0 1s linear infinite}.error-icon[data-v-40eafac0]{color:var(--color-danger)}.success-icon[data-v-40eafac0]{color:var(--color-success);animation:scale-in-40eafac0 .5s ease-out}.success-content[data-v-40eafac0]{width:100%;text-align:center}h1[data-v-40eafac0]{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem;font-weight:700}h2[data-v-40eafac0]{color:var(--color-text-muted);font-size:1.5rem;margin-bottom:1.5rem;font-weight:500}.description[data-v-40eafac0]{color:var(--color-text-subtle);font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.membership-details[data-v-40eafac0]{background:var(--color-surface-muted);border-radius:var(--radius-xl);padding:2rem;margin:2rem 0;text-align:left}.membership-details h3[data-v-40eafac0]{color:var(--color-text);font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.details-grid[data-v-40eafac0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.detail-item[data-v-40eafac0]{display:flex;flex-direction:column;gap:.5rem}.detail-item .label[data-v-40eafac0]{color:var(--color-text-subtle);font-size:.9rem;font-weight:500}.detail-item .value[data-v-40eafac0]{color:var(--color-text);font-size:1.1rem;font-weight:600}.buttons[data-v-40eafac0]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn[data-v-40eafac0]{padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-primary[data-v-40eafac0]{background:var(--color-success);color:var(--color-text-inverse);border:none}.btn-primary[data-v-40eafac0]:hover{background:var(--color-success-text);transform:translateY(-2px)}.btn-outline[data-v-40eafac0]{background:transparent;color:var(--color-success);border:2px solid var(--color-success)}.btn-outline[data-v-40eafac0]:hover{background:var(--color-success);color:var(--color-text-inverse);transform:translateY(-2px)}@keyframes scale-in-40eafac0{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin-40eafac0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.content-wrapper[data-v-40eafac0]{padding:2rem;min-height:300px}.buttons[data-v-40eafac0]{flex-direction:column}h1[data-v-40eafac0]{font-size:2rem}h2[data-v-40eafac0]{font-size:1.25rem}.details-grid[data-v-40eafac0]{grid-template-columns:1fr}}.home-subtitle[data-v-3e600f76]{font-size:1.5rem;line-height:1.8;margin:1rem 0;text-align:center;white-space:pre-line}.subtitle-line[data-v-3e600f76]{margin:.75rem 0;min-height:2em}.subtitle-word[data-v-3e600f76]{display:inline-block;margin:0 .25rem;border-radius:4px;transition:all .3s ease;opacity:.9;vertical-align:middle}.subtitle-word.highlight[data-v-3e600f76]{background-color:#6cf;color:#fff;opacity:1;font-weight:500;transform:scale(1.1)}@media screen and (max-width:768px){.home-subtitle[data-v-3e600f76]{font-size:1rem;line-height:1.5;margin:.5rem 0}.subtitle-line[data-v-3e600f76]{min-height:1.6em}}#app{max-width:100vw}.home-page{background:linear-gradient(180deg,#f0f4fa,#fff 30%,#fff 70%,#f0f4fa);color:#69c;min-height:100vh;margin:0;padding:0;overflow-y:visible;height:auto;scroll-behavior:smooth}.hero-section,.home-page{display:flex;flex-direction:column}.hero-section{min-height:auto;justify-content:flex-start;align-items:center;padding:calc(var(--navbar-height) + 3rem) 2rem 4rem;position:relative;overflow:hidden;background:transparent;z-index:2}.hero-content{text-align:center;z-index:2;margin-top:0;width:100%;max-width:1240px}.main-heading{font-size:clamp(2.25rem,4vw,3.4rem);font-weight:800;margin-bottom:1.5rem;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;align-items:center;justify-content:center}.hero-description{font-size:1.2rem;margin:1rem auto 0 auto;line-height:1.7;color:#4a5568;max-width:640px;min-height:6rem;display:flex;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:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start;width:100%;max-width:1240px;position:relative;margin:2rem auto 0;padding:0;pointer-events:auto}.welcome-gif{width:100%;max-height:320px;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;color:#69c;font-size:1rem;font-weight:600;text-align:center}.gif-caption .material-icons{font-size:1.5rem;color:#69c}.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:#fff;padding:1.5rem;border-radius:12px;color:#34495e;font-size:1.1rem;font-weight:500;transition:box-shadow .3s ease;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.04);display:flex;align-items:center;gap:1rem}.highlight-item i{font-size:1.5rem;color:#69c;transition:all .3s ease}.highlight-item:hover{background:hsla(0,0%,100%,.5);box-shadow:0 6px 16px rgba(0,0,0,.08)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;max-width:1240px;margin:0 auto;padding:0 1rem}.features-section{width:100%;min-height:100vh;padding:4rem 2rem;position:relative;z-index:2;background:transparent;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:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;margin:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06);flex:1;min-width:300px;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow .3s ease;position:relative;overflow:hidden}.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;color:#4a5568}.feature-card h3+p{color:#4a5568}.feature-list{text-align:left;padding-left:1.5rem}.feature-list li{margin:.5rem 0;color:#4a5568}.stats-section{width:100%;min-height:100vh;padding:2rem 2rem;background:transparent;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{text-align:center;padding:2rem;flex:1;min-width:200px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .3s ease;position:relative;overflow:hidden}.stat-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08)}.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:#4a5568}.cta-section{position:relative;width:100%;min-height:auto;padding-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;overflow:hidden}.cta-section h2{font-size:3rem;color:#69c;margin-top:6rem;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:#4a5568;margin-bottom:3rem;max-width:800px;line-height:1.6;position:relative;z-index:2}.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:#f8fafc;padding:.5rem;border-radius:8px;border:1px solid #e2e8f0;box-shadow:none;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{background:#edf2f7;border-color:#cbd5e0;color:#2c3e50}.legal-links{margin-top:24px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.15);display:flex;justify-content:center;align-items:center;gap:12px;font-size:.85rem}.legal-links a{color:#a0aec0;text-decoration:none;transition:color .2s}.legal-links a:hover{color:#fff;text-decoration:underline}.legal-divider{color:#4a5568}.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:transparent;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:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .3s ease,border-color .3s ease;position:relative;overflow:visible;height:auto;display:flex;flex-direction:column}.faq-item:hover{box-shadow:0 12px 30px rgba(102,153,204,.15);border-color:rgba(102,153,204,.3)}.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}.home-page .hero-section{min-height:auto;justify-content:flex-start;align-items:center;padding:calc(var(--navbar-height) + 3rem) 2rem 4rem}.home-page .hero-content{margin-top:0}@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:2rem;margin-bottom:1.5rem;font-size:1.8rem}.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:.5rem}.action-buttons{flex-direction:row;align-items:center;gap:.75rem;padding:0 1rem;margin-top:1rem;margin-bottom:1rem}.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:.5rem;margin-bottom:.5rem}.hero-description{font-size:.95rem;margin-bottom:.5rem;max-width:90%}.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:1fr;max-width:100%;padding:0 .5rem;width:100%;gap:.4rem}.highlight-item{height:auto;padding:.6rem 1rem;font-size:.9rem;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:2rem 1rem 0 1rem}.cta-section h2{font-size:1.8rem;margin-top:2rem;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:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:0;width:100%;box-sizing:border-box}.tool-item{min-width:0;width:auto;padding:.3rem .5rem;font-size:.6rem;display:inline-flex;align-items:center;justify-content:center;text-align:center;height:auto}.faq-container{grid-template-columns:1fr;padding:0 .5rem}.faq-subtitle{margin-top:0;margin-bottom:1rem}.faq-section{padding:2rem 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-line[data-v-b586f4c2]{position:relative;padding:0 1.5rem;margin:0;border-radius:var(--radius-md);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;background:var(--background-color);width:100%;max-width:min(1100px,90%);box-sizing:border-box;font-size:clamp(.875rem,1vw,1rem);line-height:1.5}.subtitle-line.active[data-v-b586f4c2]{background:var(--color-brand-50);box-shadow:var(--shadow-sm)}.subtitle-line[data-v-b586f4c2]:hover{background:var(--color-brand-50)}.subtitle-content[data-v-b586f4c2]{flex:1;margin:0 2rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-height:1.5rem;padding:.5rem 0}.subtitle-line.has-line-actions>.subtitle-content[data-v-b586f4c2]{margin-right:7rem}.subtitle-content-stack[data-v-b586f4c2]{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.text-wrapper[data-v-b586f4c2]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md)}.text-content[data-v-b586f4c2]{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-b586f4c2]{font-weight:500}.subtitle-translation[data-v-b586f4c2]{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-b586f4c2]{display:inline;line-height:1.6;width:100%;word-break:break-word;white-space:pre-wrap}[data-v-b586f4c2] .word-highlight{background-color:var(--color-accent-500)!important;color:var(--color-text-inverse)!important;padding:2px 2px!important;border-radius:var(--radius-sm)!important;display:inline!important}.progress-overlay[data-v-b586f4c2]{position:absolute;left:0;top:0;z-index:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(102,204,204,.18),rgba(102,204,204,.34));box-shadow:inset -1px 0 0 rgba(102,204,204,.45);pointer-events:none;transition:width .08s linear}.subtitle-line textarea[data-v-b586f4c2]{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-b586f4c2]{gap:.5rem}.edit-buttons[data-v-b586f4c2],.line-actions[data-v-b586f4c2]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center}.line-actions[data-v-b586f4c2]{gap:.35rem;z-index:2}.btn-action[data-v-b586f4c2]{background:var(--color-surface-muted);border:none;padding:.4rem;cursor:pointer;outline:none;border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.btn-action[data-v-b586f4c2]:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.btn-action.active[data-v-b586f4c2]{background:var(--color-brand-100);color:var(--color-brand-700)}.btn-action[data-v-b586f4c2]:hover{background:var(--color-brand-50);box-shadow:var(--shadow-control)}.btn-action img[data-v-b586f4c2]{width:clamp(.875rem,1vw,1rem);height:clamp(.875rem,1vw,1rem);opacity:.7}.btn-action:hover img[data-v-b586f4c2]{opacity:1}.timestamp[data-v-b586f4c2]{min-width:70px;color:var(--color-text-subtle);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-b586f4c2]{position:absolute;width:100%;height:100%;background:var(--color-accent-500);z-index:10;border-radius:var(--radius-md);opacity:1}.subtitle-line.subtitle-hidden .subtitle-translation[data-v-b586f4c2],.subtitle-line.subtitle-hidden .text-content[data-v-b586f4c2]{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subtitle-line.subtitle-hidden .subtitle-translation[data-v-b586f4c2]{opacity:0}.subtitle-line.subtitle-hidden[data-v-b586f4c2] .word-highlight{background-color:transparent!important;color:transparent!important}@media (max-width:768px){.subtitle-line[data-v-b586f4c2]{padding:0;margin:.4rem auto;max-width:100%;font-size:.9rem;height:auto}.subtitle-content[data-v-b586f4c2]{margin:0;justify-content:flex-start}.subtitle-line.has-line-actions>.subtitle-content[data-v-b586f4c2]{margin-right:0}.subtitle-line.has-line-actions .subtitle-content[data-v-b586f4c2]{padding-right:6.75rem}.line-actions[data-v-b586f4c2]{right:0;gap:.25rem}.timestamp[data-v-b586f4c2]{min-width:55px;font-size:.8rem;margin-right:.5rem}.edit-buttons[data-v-b586f4c2]{right:0}.btn-action[data-v-b586f4c2]{padding:.3rem}.text-wrapper[data-v-b586f4c2]{width:100%}}.subtitle-display[data-v-da4cab90]{height:100%;overflow-y:auto;padding:1rem;scroll-behavior:smooth;background:var(--background-color);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.subtitle-display[data-v-da4cab90]{padding:0}}.text-display[data-v-102dbea5]{flex:1;display:flex;flex-direction:column;padding:2rem;background-color:var(--background-color);height:100%}.text-content[data-v-102dbea5]{flex:1;overflow-y:auto;padding:1.5rem;background-color:var(--background-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1rem;height:100%}.markdown-body[data-v-102dbea5]{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-102dbea5],.markdown-body h2[data-v-102dbea5],.markdown-body h3[data-v-102dbea5],.markdown-body h4[data-v-102dbea5],.markdown-body h5[data-v-102dbea5],.markdown-body h6[data-v-102dbea5]{margin-top:1.5em;margin-bottom:1em;color:var(--text-primary);border-bottom:none}.markdown-body p[data-v-102dbea5]{margin-bottom:1.2em;white-space:pre-wrap}.markdown-body code[data-v-102dbea5]{background-color:var(--color-surface-muted);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Fira Code,monospace}.markdown-body pre[data-v-102dbea5]{background-color:var(--color-surface-muted);padding:1em;border-radius:var(--radius-md);overflow-x:auto}.markdown-body pre code[data-v-102dbea5]{background-color:transparent;padding:0}.markdown-body blockquote[data-v-102dbea5]{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-102dbea5],.markdown-body ul[data-v-102dbea5]{padding-left:2em;margin:1em 0}.markdown-body img[data-v-102dbea5]{max-width:100%;border-radius:var(--radius-md)}.markdown-body a[data-v-102dbea5]{color:var(--color-brand-600);text-decoration:none}.markdown-body a[data-v-102dbea5]:hover{text-decoration:underline}.markdown-body table[data-v-102dbea5]{border-collapse:collapse;width:100%;margin:1em 0}.markdown-body td[data-v-102dbea5],.markdown-body th[data-v-102dbea5]{border:1px solid var(--border-color);padding:.5em 1em}.markdown-body th[data-v-102dbea5]{background-color:var(--background-secondary)}@media (max-width:768px){.text-display[data-v-102dbea5]{padding:.5rem;height:calc(100vh - 8rem)}.text-content[data-v-102dbea5]{padding:1rem;margin-bottom:.5rem;border-radius:var(--radius-md)}.markdown-body[data-v-102dbea5]{font-size:.9375rem;line-height:1.6}.markdown-body h1[data-v-102dbea5]{font-size:1.5rem}.markdown-body h2[data-v-102dbea5]{font-size:1.3rem}.markdown-body h3[data-v-102dbea5]{font-size:1.1rem}.markdown-body h4[data-v-102dbea5]{font-size:1rem}.markdown-body h5[data-v-102dbea5]{font-size:.9rem}.markdown-body h6[data-v-102dbea5]{font-size:.8rem}.markdown-body p[data-v-102dbea5]{font-size:.9375rem;margin:.75rem 0}.markdown-body ol[data-v-102dbea5],.markdown-body ul[data-v-102dbea5]{padding-left:1.25rem}.markdown-body li[data-v-102dbea5]{margin:.25rem 0}.markdown-body code[data-v-102dbea5],.markdown-body pre[data-v-102dbea5]{font-size:.875rem}}.text-content[data-v-102dbea5]::-webkit-scrollbar{width:8px}.text-content[data-v-102dbea5]::-webkit-scrollbar-track{background:var(--background-color);border-radius:var(--radius-sm)}.text-content[data-v-102dbea5]::-webkit-scrollbar-thumb{background:var(--text-primary);border-radius:var(--radius-sm);opacity:.5}.text-content[data-v-102dbea5]::-webkit-scrollbar-thumb:hover{background:var(--text-primary);opacity:.7}.text-content[data-v-102dbea5]{scrollbar-width:thin;scrollbar-color:var(--text-primary) var(--background-color)}@keyframes spin-102dbea5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.material-icons.spinning[data-v-102dbea5]{animation:spin-102dbea5 1s linear infinite}.export-panel[data-v-a69a823c]{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:var(--space-3);top:6rem;padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:10;animation:slideIn .3s ease-out;transition:all .3s ease}.close-btn[data-v-a69a823c]{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;cursor:pointer;background:none;border:none;padding:.3rem .5rem;color:var(--color-text-muted);border-radius:var(--radius-sm);display:none;transition:all .2s ease}.close-btn[data-v-a69a823c]:hover{color:var(--color-text);background:var(--color-brand-50)}.panel-section[data-v-a69a823c]{margin-bottom:1.5rem}.panel-section[data-v-a69a823c]:last-child{margin-bottom:0}h3[data-v-a69a823c]{margin:0 0 15px;color:var(--color-text-muted);font-size:16px;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.export-buttons[data-v-a69a823c]{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.more-buttons[data-v-a69a823c]{display:flex;flex-direction:column;gap:.5rem}.export-btn[data-v-a69a823c],.more-btn[data-v-a69a823c]{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .3s ease;font-size:.9375rem;border:1px solid transparent;width:100%;text-align:left}.export-btn[data-v-a69a823c]:hover,.more-btn[data-v-a69a823c]:hover{background:var(--color-brand-50);transform:translateY(-1px);border-color:var(--color-brand-100)}.delete-btn[data-v-a69a823c]{color:var(--color-danger)}.delete-btn[data-v-a69a823c]:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.icon[data-v-a69a823c]{font-size:18px}.more-btn .icon[data-v-a69a823c]{font-size:1.25rem}@media (max-width:768px){.export-panel[data-v-a69a823c]{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-a69a823c]{right:0}.close-btn[data-v-a69a823c]{display:block}.export-buttons[data-v-a69a823c],.more-buttons[data-v-a69a823c]{display:grid;grid-template-columns:1fr;gap:.5rem}.export-btn[data-v-a69a823c],.more-btn[data-v-a69a823c]{padding:.8rem;font-size:.9rem}}.shortcut-dialog .el-message-box__message{white-space:pre-wrap;line-height:1.5}.translate-control[data-v-df060c4a]{display:inline-flex;align-items:center}.btn-icon.active[data-v-df060c4a]{background-color:var(--color-accent-500);color:var(--color-text-inverse)}.top-bar-actions[data-v-df060c4a]{display:flex;align-items:center;gap:.75rem;min-width:0;margin-left:auto}.display-mode-toggle--aux[data-v-df060c4a]{margin-right:0}.display-mode-toggle--primary[data-v-df060c4a]{margin-right:0;flex-shrink:0}[data-v-df060c4a] .el-dropdown-menu__item{padding:8px 16px;font-size:14px;display:flex;align-items:center;gap:8px}.mx-2[data-v-18b7fc74]{margin-right:.5rem}.interval-display[data-v-18b7fc74]{display:inline-block;min-width:1em;text-align:center}.dialog-overlay[data-v-376194b8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-376194b8]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;overflow:hidden;animation:dialog-appear-376194b8 .2s ease-out}@keyframes dialog-appear-376194b8{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dialog-header[data-v-376194b8]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.dialog-header h3[data-v-376194b8]{margin:0;font-size:1.25rem;color:var(--color-text)}.close-btn[data-v-376194b8]{background:transparent;border:none;font-size:1.5rem;color:var(--color-text-subtle);cursor:pointer;padding:.5rem;margin:-.5rem;line-height:1;transition:color .2s ease}.close-btn[data-v-376194b8]:hover{color:var(--color-text)}.dialog-content[data-v-376194b8]{padding:1.5rem}.dialog-buttons[data-v-376194b8]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--color-surface-muted);border-top:1px solid var(--color-border)}.box-card[data-v-760d9241]{width:100%;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);overflow:hidden}.membership-header[data-v-760d9241]{display:flex;align-items:center;padding:1.25rem;background:linear-gradient(135deg,var(--color-accent-50),var(--color-surface),var(--color-brand-50));border-bottom:1px solid var(--color-border);transition:all .3s ease}.membership-header.is-premium[data-v-760d9241]{background:linear-gradient(135deg,var(--color-warning-bg),var(--color-surface),var(--color-warning-bg))}.status-icon[data-v-760d9241]{margin-right:1rem}.status-icon i[data-v-760d9241]{width:1rem;text-align:center;color:var(--color-warning);font-size:1rem}.status-svg[data-v-760d9241]{width:32px}.status-info[data-v-760d9241]{flex:1}.status-tag[data-v-760d9241]{font-weight:600}.membership-content[data-v-760d9241]{padding:1.25rem}.usage-section[data-v-760d9241]{margin-bottom:1.25rem;width:120%}.usage-info[data-v-760d9241]{margin-bottom:.75rem}.usage-label[data-v-760d9241]{font-size:.9rem;color:var(--text-color-light);margin-bottom:.25rem}.usage-numbers[data-v-760d9241]{font-size:1.1rem;font-weight:600;color:var(--text-color)}.usage-numbers .remaining[data-v-760d9241]{color:var(--primary-color)}.usage-numbers .separator[data-v-760d9241]{margin:0 .25rem;color:var(--text-color-light)}.usage-numbers .total[data-v-760d9241]{color:var(--text-color-light)}.usage-progress[data-v-760d9241]{margin-top:.5rem}.usage-hint[data-v-760d9241]{margin-top:.5rem;font-size:.85rem;color:var(--danger-color)}.upgrade-button[data-v-760d9241]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;font-weight:600;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand-300),var(--color-brand-500))}.upgrade-button[data-v-760d9241]:hover{box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-icon[data-v-760d9241]{width:32px;height:32px}.premium-message[data-v-760d9241]{text-align:center;font-size:1.1rem;color:var(--success-color);font-weight:600}.sidebar[data-v-5a93416d]{width:100%;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;position:sticky;top:calc(var(--navbar-height) + var(--space-5));padding:1rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow-y:auto;max-height:calc(100vh - var(--navbar-height) - var(--space-8));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-5a93416d]{opacity:0;transform:translateX(-12px);pointer-events:none}.sidebar.player-view[data-v-5a93416d]{position:fixed;top:calc(var(--navbar-height) + var(--space-4));left:var(--space-3);width:var(--sidebar-width);max-height:calc(100vh - var(--navbar-height) - var(--space-8));padding:1rem;transform:none;overflow-y:auto;z-index:20}.sidebar.player-view .menu-item.active[data-v-5a93416d],.sidebar.player-view .menu-item[data-v-5a93416d]:hover{transform:translateX(4px)}.sidebar.player-view.hidden[data-v-5a93416d]{opacity:0;transform:translateX(-12px)}@keyframes slideIn-5a93416d{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.membership-status[data-v-5a93416d]{padding:0;border-bottom:1px solid var(--color-border);width:100%}.menu-items[data-v-5a93416d]{display:flex;flex-direction:column;gap:.5rem;padding:0 .25rem}.menu-item[data-v-5a93416d]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);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-5a93416d]:hover{background:var(--color-brand-50);color:var(--color-text);border-color:var(--color-brand-100);transform:translateX(4px)}.menu-item.active[data-v-5a93416d]{background:linear-gradient(135deg,var(--color-accent-300),var(--color-accent-500));color:var(--color-text-inverse);font-weight:500;border:none;transform:translateX(4px);box-shadow:var(--shadow-control)}.menu-icon[data-v-5a93416d]{width:20px;height:20px;min-width:20px;transition:all .3s ease;filter:brightness(.7)}.menu-item:hover .menu-icon[data-v-5a93416d]{filter:brightness(.5);transform:scale(1.1)}.menu-item.active .menu-icon[data-v-5a93416d]{filter:brightness(10);transform:scale(1.1)}@media (max-width:768px){.sidebar[data-v-5a93416d]{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:1000;background:var(--color-surface);transform:translateX(-100%);transition:transform .3s ease-in-out;border-radius:0;border:none;box-shadow:var(--shadow-md);padding-top:5rem;overflow-y:auto}.sidebar.mobile-open[data-v-5a93416d]{transform:translateX(0)}.sidebar.player-view[data-v-5a93416d]{pointer-events:none!important}.sidebar.player-view.mobile-open[data-v-5a93416d],.sidebar.player-view[data-v-5a93416d]{transform:translateX(-100%)!important;opacity:0!important}}.audio-player-wrapper{height:88vh;display:flex;position:relative;justify-content:center;padding:0 var(--space-8) 0 calc(var(--sidebar-width) + var(--space-8));transition:padding-right .2s ease}.audio-player-wrapper.has-export-panel{padding-right:calc(240px + var(--space-6))}.player-container{height:100%;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--background-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);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:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center}.points-status{color:var(--color-text-muted);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:var(--radius-sm);border:none;cursor:pointer;font-size:.9rem}.cancel-btn{background-color:var(--color-surface-muted);color:var(--color-text-muted)}.confirm-btn{background-color:var(--color-success);color:var(--color-text-inverse)}.cancel-btn:hover{background-color:var(--color-border)}.confirm-btn:hover{background-color:var(--color-success-text)}.player-header{border-bottom:1px solid var(--color-border)}.back-button,.player-header{display:flex;align-items:center}.back-button{cursor:pointer;width:40px;height:40px;justify-content:center;border-radius:var(--radius-pill);background:var(--surface-card);transition:all .2s ease}.back-button:hover{background:var(--primary-color);color:var(--color-text-inverse)}.audio-info{flex:1}.audio-info h2{margin:0;font-size:1.5rem;color:var(--color-text);text-align:center}.top-bar{justify-content:space-between;margin-bottom:1rem;gap:1rem;min-width:0}.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;min-width:0}.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:var(--radius-md);display:flex;align-items:center;gap:.25rem;min-width:-moz-fit-content;min-width:fit-content}.top-bar .btn.btn-primary{background:var(--color-accent-500);color:var(--color-text-inverse);box-shadow:var(--shadow-control)}.top-bar .btn.btn-primary:hover{background:var(--color-accent-700)}.top-bar .btn.btn-secondary{background:var(--background-color);color:var(--el-text-color-regular);box-shadow:var(--shadow-control)}.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 var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-brand-300) transparent}.subtitle-container::-webkit-scrollbar{width:8px}.subtitle-container::-webkit-scrollbar-track{background:transparent}.subtitle-container::-webkit-scrollbar-thumb{background-color:var(--color-brand-300);border-radius:var(--radius-sm);border:2px solid transparent}.subtitle-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-brand-500)}.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:var(--radius-pill);border:none;background:var(--background-color);cursor:pointer;justify-content:center;transition:all .2s ease}.control-btn:hover{background:var(--color-brand-50)}.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:var(--color-surface);padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-control);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 var(--color-surface)}.font-size-range,.volume-range{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:var(--radius-pill);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:var(--color-accent-500);border-radius:var(--radius-pill);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:var(--color-text-muted)}.time-display span{min-width:3.5em;text-align:center}.progress-bar-container{position:relative;flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center}.progress-bar{left:0;width:0;height:4px;transition:width .1s ease;pointer-events:none}.progress-bar,.progress-handle{position:absolute;background:var(--color-accent-500);border-radius:var(--radius-pill)}.progress-handle{top:50%;width:12px;height:12px;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:var(--color-overlay-strong);color:var(--color-text-inverse);padding:.25rem .5rem;border-radius:var(--radius-sm);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:var(--radius-sm);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:var(--color-surface);padding:.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-control);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 var(--color-surface)}.mode-option,.speed-option{padding:.5rem 1rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;text-align:center;color:var(--color-text-muted)}.mode-option:hover,.speed-option:hover{background:var(--color-brand-50);color:var(--color-accent-500)}.mode-option.active,.speed-option.active{background:var(--color-accent-500);color:var(--color-text-inverse)}.export-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-accent-500);transition:all .2s ease}.export-btn:hover{color:var(--color-brand-500)}.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:var(--radius-md);gap:.5rem;box-shadow:var(--shadow-control)}.read-along-modes{display:flex;gap:.5rem;padding:.5rem;border-radius:var(--radius-md) 0 0 var(--radius-md);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:var(--radius-sm);transition:all .2s}.read-along-modes .btn.btn-primary{border-radius:var(--radius-md);background:var(--color-accent-500);color:var(--color-text-inverse);box-shadow:var(--shadow-control)}.read-along-modes .btn.btn-primary:hover{background:var(--color-accent-700)}.read-along-modes .btn.btn-secondary{border-radius:var(--radius-md);background:var(--background-color);color:var(--el-text-color-regular);box-shadow:var(--shadow-control)}.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:1px solid var(--el-border-color-lighter);border-radius:var(--radius-pill);width:13rem;background:linear-gradient(180deg,rgba(102,204,204,.08),rgba(102,204,204,.02));overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.visualizer-container.listening{border-color:rgba(102,204,204,.5);box-shadow:0 0 0 4px rgba(102,204,204,.08)}.visualizer-container.recording{border-color:rgba(245,108,108,.38);box-shadow:0 0 0 4px rgba(245,108,108,.08)}.visualizer-container.listening:before,.visualizer-container.recording:before{content:"";position:absolute;inset:6px;border-radius:var(--radius-pill);border:1px solid rgba(102,204,204,.14);pointer-events:none}.visualizer-container.recording:before{border-color:rgba(245,108,108,.16)}.audio-visualizer{height:48px;width:13rem;display:block}.recordings-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--background-color);border-radius:var(--radius-md);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:auto}.mic-settings .slider-popup{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:var(--el-bg-color);border-radius:var(--radius-md);box-shadow:var(--shadow-control);z-index:100;transform-origin:bottom right}.silence-settings{width:200px;padding:1rem}.vad-settings{width:220px;padding:1rem}.settings-hint{margin:.75rem 0 0;color:var(--el-text-color-secondary);font-size:.75rem;line-height:1.4}.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:var(--radius-pill);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:var(--radius-pill);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:var(--radius-pill);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{padding:.5rem 1rem;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:var(--radius-pill);align-items:center;justify-content:center;background:var(--background-color);border:none;cursor:pointer}.btn.btn-icon:hover{background:var(--color-brand-50)}.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:var(--radius-xl);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:var(--color-text-muted)}.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}}.usage-hint[data-v-4d32293f]{color:var(--color-text-muted);font-size:.9em}.recent-files{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:2rem;max-width:1000px;width:100%;margin:0 auto;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:var(--color-text);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{border:none;border-radius:var(--radius-sm);font-size:.875rem;background:transparent;color:var(--color-text-muted)}.header-buttons .btn-primary{color:var(--color-text-inverse)}.header-buttons .btn-primary,.header-buttons .btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-300),var(--color-accent-500))}.header-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-control)}.header-buttons .btn-secondary{background:var(--color-brand-50);color:var(--color-text-muted)}.header-buttons .btn-secondary:hover{background:var(--color-brand-100)}.error,.loading{text-align:center;padding:2rem}.error{color:var(--color-danger)}.retry-btn{margin-top:1rem}.no-files{text-align:center;padding:2rem;color:var(--color-text-subtle)}.pagination-actions{display:flex;justify-content:center;padding:1rem 0 0}.load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;height:36px;padding:0 1rem;background:var(--color-brand-50);color:var(--color-text-muted);border-radius:var(--radius-sm)}.load-more-btn:hover:not(:disabled){background:var(--color-brand-100)}.load-more-btn:disabled{cursor:wait;opacity:.7}.no-more-files{color:var(--color-text-subtle);font-size:.875rem}.table-container{width:100%;height:60vh;overflow-x:auto;margin-top:1rem;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;background:var(--card-background-color);border-radius:var(--radius-lg);overflow:hidden}td,th{padding:1rem;text-align:center;border-bottom:1px solid var(--color-border);height:48px;vertical-align:middle}th{background:var(--color-brand-50);font-weight:600;color:var(--color-text);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:var(--color-brand-50);transform:translateY(-2px);box-shadow:var(--shadow-sm)}tr:active{transform:translateY(0);background:var(--color-brand-100)}.table-state-row{cursor:default}.table-state-row:hover{background:transparent;box-shadow:none;transform:none}td{color:var(--color-text-muted);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:var(--color-text)}td:first-child{font-weight:500;color:var(--color-brand-500)}tr:hover td:first-child{color:var(--color-brand-600)}td:nth-child(2){color:var(--color-text-subtle);font-size:.875rem}td:nth-child(3){width:120px}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;min-width:80px;justify-content:center}.status-completed{background:var(--color-success-bg);color:var(--color-success-text)}.status-processing{color:var(--color-brand-700);padding:0;display:flex;align-items:center;height:24px}.status-processing,.status-processing .progress-container{background-color:var(--color-brand-50);position:relative;width:100%;overflow:hidden}.status-processing .progress-container{height:100%;border-radius:var(--radius-pill)}.status-processing .progress-bar{position:absolute;height:100%;background:linear-gradient(90deg,var(--color-brand-200),var(--color-brand-300));transition:width .3s ease}.status-processing .progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;color:var(--color-brand-700);font-size:.75rem;font-weight:500;white-space:nowrap}.status-failed{background:var(--color-danger-bg);color:var(--color-danger)}.status-pending{background:var(--color-brand-50);color:var(--color-brand-500)}@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:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-icon:hover{background:var(--color-brand-50)}.dropdown-menu{position:absolute;right:0;min-width:120px;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);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:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-size:.875rem;white-space:nowrap}.dropdown-item:hover{background:var(--color-brand-50)}.dropdown-item.delete{color:var(--color-danger)}.dropdown-item.delete:hover{background:var(--color-danger-bg)}@media (max-width:768px){.recent-files{margin:0;padding:1rem;border-radius:var(--radius-md)}.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:var(--color-surface)}.dropdown-item{padding:.75rem 1rem;font-size:1rem}}.material-library[data-v-97ec2e30]{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:2rem;max-width:1200px;width:100%;margin:0 auto;overflow-y:auto;transition:all .3s ease;box-sizing:border-box}.title[data-v-97ec2e30]{display:flex;align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.8rem;color:var(--color-text);font-weight:600}.material-grid[data-v-97ec2e30]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0}.material-card[data-v-97ec2e30]{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.material-card[data-v-97ec2e30]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-image[data-v-97ec2e30]{width:100%;height:160px;overflow:hidden}.card-image img[data-v-97ec2e30]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.material-card:hover .card-image img[data-v-97ec2e30]{transform:scale(1.05)}.card-content[data-v-97ec2e30]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-content h2[data-v-97ec2e30]{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.card-content p[data-v-97ec2e30]{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;flex:1}.update-message[data-v-97ec2e30]{color:var(--text-secondary);justify-content:center;text-align:center}@media (max-width:768px){.material-library[data-v-97ec2e30]{margin: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-97ec2e30]{grid-template-columns:1fr;gap:1rem}.title[data-v-97ec2e30]{font-size:1.5rem;margin-bottom:1rem;text-align:center}.material-card[data-v-97ec2e30]{margin:0 auto;max-width:400px}}.material-category[data-v-3c4d0bb4]{height:88vh;display:flex;flex-direction:column;overflow:hidden;background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:2rem;max-width:1200px;width:100%;margin:0 auto;transition:all .3s ease}.header[data-v-3c4d0bb4]{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.title[data-v-3c4d0bb4]{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.2rem;color:var(--color-text);font-weight:600}.subcategory-nav[data-v-3c4d0bb4]{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-3c4d0bb4]{padding:.5rem 1rem;border:none;box-shadow:var(--shadow-control);border-radius:var(--radius-md);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-3c4d0bb4],.subcategory-btn[data-v-3c4d0bb4]:hover{background:var(--color-accent-500);color:var(--color-text-inverse)}.back-button[data-v-3c4d0bb4]{cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface-card);transition:all .2s ease}.back-button[data-v-3c4d0bb4]:hover{background:var(--primary-color);color:var(--color-text-inverse)}.material-grid[data-v-3c4d0bb4]{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-3c4d0bb4]{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:280px}.material-item[data-v-3c4d0bb4]:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.item-image[data-v-3c4d0bb4]{width:100%;height:140px;min-height:140px;overflow:hidden}.item-image img[data-v-3c4d0bb4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.material-item:hover .item-image img[data-v-3c4d0bb4]{transform:scale(1.05)}.item-content[data-v-3c4d0bb4]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.item-content h3[data-v-3c4d0bb4]{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.item-description[data-v-3c4d0bb4]{font-size:.9rem;color:var(--text-secondary);line-height:1.5;flex:1}.item-meta[data-v-3c4d0bb4]{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.duration[data-v-3c4d0bb4]{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--color-text-muted)}.difficulty[data-v-3c4d0bb4]{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem}.Beginner[data-v-3c4d0bb4]{background-color:var(--color-success-bg);color:var(--color-success-text)}.Intermediate[data-v-3c4d0bb4]{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.Advanced[data-v-3c4d0bb4]{background-color:var(--color-danger-bg);color:var(--color-danger)}.points-info[data-v-3c4d0bb4]{margin-left:auto;color:var(--color-text-muted);font-size:.8rem;padding:.25rem .5rem;background-color:var(--color-surface-muted);border-radius:var(--radius-sm)}.points-info.purchased[data-v-3c4d0bb4]{background-color:var(--color-success-bg);color:var(--color-success-text)}.confirm-dialog-overlay[data-v-3c4d0bb4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog[data-v-3c4d0bb4]{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center}.points-status[data-v-3c4d0bb4]{color:var(--color-text-muted);margin:1rem 0}.dialog-buttons[data-v-3c4d0bb4]{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.dialog-buttons button[data-v-3c4d0bb4]{padding:.5rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.9rem}.cancel-btn[data-v-3c4d0bb4]{background-color:var(--color-surface-muted);color:var(--color-text-muted)}.confirm-btn[data-v-3c4d0bb4]{background-color:var(--color-success);color:var(--color-text-inverse)}.cancel-btn[data-v-3c4d0bb4]:hover{background-color:var(--color-border)}.confirm-btn[data-v-3c4d0bb4]:hover{background-color:var(--color-success-text)}.pagination[data-v-3c4d0bb4]{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.page-btn[data-v-3c4d0bb4]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-pill);background-color:var(--color-surface-muted);cursor:pointer;transition:background-color .2s}.page-btn[data-v-3c4d0bb4]:hover:not(:disabled){background-color:var(--color-border)}.page-btn[data-v-3c4d0bb4]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-3c4d0bb4]{font-size:.9rem;color:var(--color-text-muted);min-width:60px;text-align:center}.material-icons[data-v-3c4d0bb4]{font-size:20px;color:var(--color-text)}@media (max-width:768px){.material-category[data-v-3c4d0bb4]{margin-left:0;margin-top:1rem;padding:1rem}.header[data-v-3c4d0bb4]{width:100%;overflow:visible}.subcategory-nav[data-v-3c4d0bb4]{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-3c4d0bb4]::-webkit-scrollbar{display:none}.subcategory-btn[data-v-3c4d0bb4]{min-width:-moz-max-content;min-width:max-content;flex-shrink:0;display:block!important;visibility:visible!important}.material-list[data-v-3c4d0bb4]{grid-template-columns:1fr;gap:1rem}}.checkin-container[data-v-5c76a3f9]{background:var(--background-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:2rem;max-width:1200px;width:100%;margin:0 auto;overflow-y:auto;transition:all .3s ease;box-sizing:border-box}.title[data-v-5c76a3f9]{display:flex;align-items:center;gap:.5rem;margin:0 0 2rem;font-size:1.8rem;color:var(--color-text);font-weight:600}.error-state[data-v-5c76a3f9],.loading-state[data-v-5c76a3f9]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:var(--color-text-muted)}.loading-state .material-icons.spinning[data-v-5c76a3f9]{animation:spin-5c76a3f9 1s linear infinite;font-size:2rem;color:var(--color-accent-500)}.error-state .material-icons[data-v-5c76a3f9]{font-size:2rem;color:var(--color-danger)}.retry-btn[data-v-5c76a3f9]{background:var(--color-accent-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;transition:background .2s}.retry-btn[data-v-5c76a3f9]:hover{background:var(--color-accent-700)}@keyframes spin-5c76a3f9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checkin-content[data-v-5c76a3f9]{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.header-section[data-v-5c76a3f9]{padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.calendar-nav[data-v-5c76a3f9]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.nav-row[data-v-5c76a3f9]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stats-row[data-v-5c76a3f9]{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.month-title[data-v-5c76a3f9]{margin:0;color:var(--color-text);font-size:1.5rem;font-weight:600;text-align:center;flex:1}.active-days[data-v-5c76a3f9],.monthly-total[data-v-5c76a3f9]{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);padding:.5rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.mobile-stats[data-v-5c76a3f9]{display:none}.days-label[data-v-5c76a3f9],.total-label[data-v-5c76a3f9]{font-size:1rem;color:var(--color-text-muted);font-weight:700}.days-value[data-v-5c76a3f9],.total-value[data-v-5c76a3f9]{font-size:1rem;color:var(--color-text);font-weight:700}.nav-btn[data-v-5c76a3f9]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.nav-btn[data-v-5c76a3f9]:hover{background:var(--color-surface-muted);transform:scale(1.1)}.nav-btn .material-icons[data-v-5c76a3f9]{font-size:24px;color:var(--color-text-muted)}.calendar[data-v-5c76a3f9]{padding:1.5rem}.weekdays[data-v-5c76a3f9]{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:1rem;background:var(--color-accent-bg);border-radius:var(--radius-md);overflow:hidden}.weekday[data-v-5c76a3f9]{text-align:center;padding:.5rem;font-weight:600;color:var(--color-text);background:var(--color-surface);font-size:.9rem}.calendar-grid[data-v-5c76a3f9]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:var(--color-accent-bg);border-radius:var(--radius-md);overflow:hidden;padding:2px}.calendar-day[data-v-5c76a3f9]{background:var(--color-surface);min-height:60px;padding:.4rem;display:flex;flex-direction:column;position:relative;cursor:default;transition:all .2s;border-radius:var(--radius-sm)}.calendar-day[data-v-5c76a3f9]:hover{background:var(--color-accent-bg);transform:scale(1.02);box-shadow:var(--shadow-control)}.calendar-day.other-month[data-v-5c76a3f9]{background:var(--color-surface-muted);color:var(--color-text-subtle)}.calendar-day.today[data-v-5c76a3f9]{background:var(--color-accent-bg);border:2px solid var(--color-accent-500);box-shadow:var(--shadow-control)}.calendar-day.has-activity[data-v-5c76a3f9]{background:var(--color-accent-bg);border:1px solid var(--color-accent-100)}.date-number[data-v-5c76a3f9]{font-weight:600;margin-bottom:.25rem;font-size:.9rem}.listening-time[data-v-5c76a3f9]{font-size:.7rem;color:var(--color-accent-700);font-weight:600;background:var(--color-accent-100);padding:.125rem .25rem;border-radius:var(--radius-sm);text-align:center;margin-top:auto;border:1px solid var(--color-accent-300)}@media (max-width:768px){.checkin-container[data-v-5c76a3f9]{margin-left:0!important;margin-top:1rem;padding:1rem}.calendar-nav[data-v-5c76a3f9]{gap:.75rem}.month-title[data-v-5c76a3f9]{font-size:1.2rem}.stats-row[data-v-5c76a3f9]{flex-direction:column;gap:.75rem;align-items:stretch}.active-days[data-v-5c76a3f9],.monthly-total[data-v-5c76a3f9]{margin:0;justify-content:center}.days-label[data-v-5c76a3f9],.days-value[data-v-5c76a3f9],.total-label[data-v-5c76a3f9],.total-value[data-v-5c76a3f9]{font-size:1rem}.calendar-day[data-v-5c76a3f9]{min-height:50px;padding:.25rem}.date-number[data-v-5c76a3f9]{font-size:.8rem}.listening-time[data-v-5c76a3f9]{font-size:.6rem}}.main-content-shell[data-v-1bc08df4]{min-height:0;padding:0}.main-content-shell[data-v-1bc08df4],.main-content[data-v-1bc08df4]{flex:1;display:flex;flex-direction:column;width:100%;position:relative;min-width:0}.main-content[data-v-1bc08df4]{height:100%}@media (max-width:768px){.main-content[data-v-1bc08df4]{padding:0}}.legal-page{max-width:800px;margin:0 auto;padding:calc(5rem + 24px) 20px 80px;min-height:100vh}.legal-page h1{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--color-text)}.legal-page .last-updated{color:var(--color-text-subtle);font-size:.9rem;margin-bottom:32px}.legal-page h2{font-size:1.3rem;font-weight:600;margin-top:32px;margin-bottom:12px;color:var(--color-text)}.legal-page li,.legal-page p{font-size:1rem;line-height:1.8;color:var(--color-text-muted);margin-bottom:12px}.legal-page ul{padding-left:24px;margin-bottom:16px}.legal-page ul li{margin-bottom:6px}.legal-page a{color:var(--color-brand-600);text-decoration:underline}.legal-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;padding:8px 16px 8px 12px;color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.legal-page .back-link .material-icons{font-size:18px;transition:transform .2s ease}.legal-page .back-link:hover{color:var(--color-brand-600);background:var(--color-brand-50);border-color:var(--color-brand-200);text-decoration:none}.legal-page .back-link:hover .material-icons{transform:translateX(-3px)}@media (max-width:768px){.legal-page{padding:calc(5rem + 16px) 16px 60px}.legal-page h1{font-size:1.5rem}.legal-page h2{font-size:1.15rem}}.navbar[data-v-a97b3558]{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);background-color:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-border);transition:all .3s ease}.navbar-container[data-v-a97b3558]{max-width:var(--content-max-width);margin:0 auto;padding:0 2rem;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-width:0}.navbar-left[data-v-a97b3558]{display:flex;align-items:center;justify-content:flex-start;gap:1rem;min-width:0}.mobile-menu-button[data-v-a97b3558]{display:none;background:none;border:none;color:var(--color-brand-500);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:background-color .2s ease}.mobile-menu-button[data-v-a97b3558]:hover{background-color:var(--color-brand-50)}.mobile-menu-button .material-icons[data-v-a97b3558]{font-size:1.5rem}.navbar-center[data-v-a97b3558]{display:flex;align-items:center;justify-content:center}.navbar-right[data-v-a97b3558]{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:0}.navbar-logo[data-v-a97b3558]{display:flex;align-items:center;cursor:pointer;opacity:.9;transition:opacity .2s ease}.navbar-logo[data-v-a97b3558]:hover{opacity:1}.logo[data-v-a97b3558]{height:2.5rem;width:2.5rem;-o-object-fit:cover;object-fit:cover;clip-path:circle(50% at center)}.navbar-title[data-v-a97b3558]{font-size:1.35rem;font-weight:600;color:var(--color-brand-500);margin:0;white-space:nowrap;max-width:min(42vw,520px);overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-buttons[data-v-a97b3558]{display:flex;gap:1rem;align-items:center}.btn[data-v-a97b3558]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .3s ease}.btn .material-icons[data-v-a97b3558]{font-size:20px}.btn-login[data-v-a97b3558]{background-color:transparent;color:var(--color-brand-500);border:1px solid var(--color-brand-500)}.btn-login[data-v-a97b3558]:hover{background-color:var(--color-brand-50)}.btn-signup[data-v-a97b3558]{background-color:var(--color-brand-500);color:var(--color-text-inverse)}.btn-signup[data-v-a97b3558]:hover{background-color:var(--color-brand-600)}@media (max-width:1024px){.navbar-container[data-v-a97b3558]{padding:0 1rem}.navbar-title[data-v-a97b3558]{font-size:1.1rem}.btn[data-v-a97b3558]{width:28px;height:28px}.btn .material-icons[data-v-a97b3558]{font-size:16px;width:16px;height:16px}}@media (max-width:768px){.mobile-menu-button[data-v-a97b3558]{display:block}.navbar[data-v-a97b3558]{height:4rem}.navbar-container[data-v-a97b3558]{padding:0 .75rem;gap:.5rem}.logo[data-v-a97b3558]{height:2rem;width:2rem}.navbar-title[data-v-a97b3558]{font-size:.95rem;max-width:34vw}.auth-buttons[data-v-a97b3558]{gap:.4rem}.btn[data-v-a97b3558]{width:26px;height:26px;min-width:unset;min-height:unset}.btn .material-icons[data-v-a97b3558]{font-size:16px}.navbar-right[data-v-a97b3558]{gap:.5rem}}.modal-overlay[data-v-43d73f68]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-43d73f68]{background:var(--color-surface);padding:2rem;border-radius:var(--radius-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);position:relative;animation:modalSlideIn-43d73f68 .3s ease-out}@keyframes modalSlideIn-43d73f68{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}h2[data-v-43d73f68]{color:var(--color-text);font-size:1.8rem;text-align:center;font-weight:600}.form-group[data-v-43d73f68],h2[data-v-43d73f68]{margin-bottom:1.5rem}label[data-v-43d73f68]{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500}.input-group[data-v-43d73f68]{position:relative;display:flex;align-items:center}input[data-v-43d73f68]{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);transition:all .3s ease;background:var(--color-surface)}input[data-v-43d73f68]:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand-strong)}.toggle-password[data-v-43d73f68]{position:absolute;right:1rem;background:none;border:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s}.toggle-password[data-v-43d73f68]:hover{opacity:1}.btn[data-v-43d73f68]{width:100%;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);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-43d73f68]{width:2rem;height:2rem}.btn-primary[data-v-43d73f68]{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));color:var(--color-text-inverse)}.btn-primary[data-v-43d73f68]:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-secondary[data-v-43d73f68]{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary[data-v-43d73f68]:hover{background:var(--color-brand-50);border-color:var(--color-brand-100)}.btn-tertiary[data-v-43d73f68]{background:transparent;color:var(--color-text-subtle);font-size:.875rem}.btn-tertiary[data-v-43d73f68]:hover{color:var(--color-text-muted)}.signup-text[data-v-43d73f68]{text-align:center;margin:1rem 0;color:var(--color-text-subtle);font-size:.875rem}.signup-text a[data-v-43d73f68]{color:var(--color-brand-500);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.link-icon[data-v-43d73f68]{width:1rem;height:1rem}.error-message[data-v-43d73f68]{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-danger);font-size:.875rem;margin:.75rem 0;padding:.5rem;background-color:var(--color-danger-bg);border-radius:var(--radius-sm)}.error-message[data-v-43d73f68]:before{content:"⚠️";font-size:1rem}.modal-overlay[data-v-761f7a98]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-761f7a98]{background:var(--color-surface);padding:2rem;border-radius:var(--radius-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);position:relative;animation:modalSlideIn-761f7a98 .3s ease-out}@keyframes modalSlideIn-761f7a98{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}h2[data-v-761f7a98]{color:var(--color-text);font-size:1.8rem;text-align:center;font-weight:600}.form-group[data-v-761f7a98],h2[data-v-761f7a98]{margin-bottom:1.5rem}label[data-v-761f7a98]{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500}.input-group[data-v-761f7a98]{position:relative;display:flex;align-items:center}input[data-v-761f7a98]{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);transition:all .3s ease;background:var(--color-surface)}input[data-v-761f7a98]:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand-strong)}.toggle-password[data-v-761f7a98]{position:absolute;right:1rem;background:none;border:none;padding:0;cursor:pointer;opacity:.6;transition:opacity .2s}.toggle-password[data-v-761f7a98]:hover{opacity:1}.btn[data-v-761f7a98]{width:100%;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);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-761f7a98]:disabled{opacity:.7;cursor:not-allowed}.btn-icon[data-v-761f7a98]{width:2rem;height:2rem}.btn-primary[data-v-761f7a98]{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));color:var(--color-text-inverse)}.btn-primary[data-v-761f7a98]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-secondary[data-v-761f7a98]{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary[data-v-761f7a98]:hover:not(:disabled){background:var(--color-brand-50);border-color:var(--color-brand-100)}.btn-tertiary[data-v-761f7a98]{background:transparent;color:var(--color-text-subtle);font-size:.875rem}.btn-tertiary[data-v-761f7a98]:hover{color:var(--color-text-muted)}.login-text[data-v-761f7a98]{text-align:center;margin:1rem 0;color:var(--color-text-subtle);font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-text a[data-v-761f7a98]{color:var(--color-brand-500);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.error-text[data-v-761f7a98]{color:var(--color-danger);font-size:.875rem;margin-top:.5rem;display:block}.error-message[data-v-761f7a98]{color:var(--color-danger);background:var(--color-danger-bg)}.error-message[data-v-761f7a98],.success-message[data-v-761f7a98]{text-align:center;margin-top:1rem;font-size:.875rem;padding:.5rem;border-radius:var(--radius-sm)}.success-message[data-v-761f7a98]{color:var(--color-success);background:var(--color-success-bg)}.material-icons[data-v-761f7a98]{font-size:20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.premium-modal-overlay[data-v-598d3d62]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.premium-modal-content[data-v-598d3d62]{background:var(--color-surface);border-radius:var(--radius-xl);padding:2.5rem;min-width:1000px;width:90%;position:relative;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.close-btn[data-v-598d3d62]{position:absolute;right:1.5rem;top:1.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.modal-title[data-v-598d3d62]{font-size:2rem;color:var(--color-text)}.modal-title[data-v-598d3d62],.payment-options[data-v-598d3d62]{text-align:center;margin-bottom:1rem}.toggle-group[data-v-598d3d62]{display:flex;flex-direction:column;align-items:center}.toggle-buttons[data-v-598d3d62]{display:inline-flex;background:var(--color-surface-muted);border-radius:var(--radius-lg);padding:4px;margin:.5rem 0;flex-wrap:wrap;justify-content:center;gap:4px}.toggle-buttons button[data-v-598d3d62]{padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);font-weight:500;color:var(--color-text-muted);transition:all .2s;white-space:nowrap;font-size:.9rem}.toggle-buttons button.active[data-v-598d3d62]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.period-selection[data-v-598d3d62]{display:flex;align-items:center;gap:1.5rem}.payment-note[data-v-598d3d62]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem;padding:.5rem 1rem;background:var(--color-surface-muted);border-radius:var(--radius-md);white-space:nowrap}.payment-note .material-icons[data-v-598d3d62]{font-size:1.1rem;color:var(--color-brand-500)}.plans-container[data-v-598d3d62]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.plan-card[data-v-598d3d62]{padding:2.5rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;height:100%}.plan-card.free[data-v-598d3d62]{background:var(--color-surface-muted);border:2px solid var(--color-border)}.plan-card.pro[data-v-598d3d62]{background:linear-gradient(135deg,var(--color-brand-100),var(--color-brand-50));color:var(--color-brand-800);position:relative;overflow:hidden}.plan-card.pro .price[data-v-598d3d62]{background:linear-gradient(135deg,var(--color-brand-800),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plan-card.pro .discount[data-v-598d3d62]{background:var(--color-brand-100);color:var(--color-brand-800)}.plan-card.pro .upgrade-button[data-v-598d3d62]{background:var(--color-brand-800);color:var(--color-text-inverse)}.plan-card.pro .feature-description[data-v-598d3d62]{color:var(--color-brand-800);opacity:.8}.plan-card.premium[data-v-598d3d62]{background:linear-gradient(135deg,var(--color-brand-500),var(--color-accent-300));color:var(--color-text-inverse);position:relative;overflow:hidden}.plan-header[data-v-598d3d62]{text-align:center;margin-bottom:2rem;flex:0 0 auto}.plan-header h3[data-v-598d3d62]{font-size:1.75rem;margin-bottom:.5rem}.plan-description[data-v-598d3d62]{font-size:1.1rem;opacity:.9}.features-list[data-v-598d3d62]{flex:1 0 auto;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.feature-item[data-v-598d3d62]{font-size:1.1rem;font-weight:500;display:flex;flex-direction:column;gap:.25rem}.feature-description[data-v-598d3d62]{font-size:.95rem;opacity:.8;margin:0;font-weight:400;line-height:1.4}.upgrade-button[data-v-598d3d62]{margin-top:auto;background:var(--color-surface);color:var(--color-brand-500);border:none;padding:1rem;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative;flex:0 0 auto}.upgrade-button[data-v-598d3d62]:disabled{opacity:.7;cursor:not-allowed}.upgrade-button[data-v-598d3d62]:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--color-surface) 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-598d3d62]:active:after{transform:scale(0);opacity:.3;transition:0s}.price-container[data-v-598d3d62]{margin:1.5rem 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.price[data-v-598d3d62]{font-size:2.8rem;font-weight:800;color:var(--color-text);line-height:1;white-space:nowrap;background:linear-gradient(135deg,var(--color-text),var(--color-text-muted));-webkit-text-fill-color:transparent}.premium .price[data-v-598d3d62]{background:linear-gradient(135deg,var(--color-text-inverse),var(--color-brand-50));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.discounts[data-v-598d3d62]{display:inline-flex;align-items:center;gap:.5rem}.discount[data-v-598d3d62]{font-size:.9rem;padding:4px 12px;border-radius:var(--radius-pill);font-weight:600;white-space:nowrap;animation:pulse 2s infinite}.discount.quarterly[data-v-598d3d62]{background:var(--color-brand-50)}.discount.halfYearly[data-v-598d3d62]{background:var(--color-brand-100)}.discount.yearly[data-v-598d3d62]{background:var(--color-brand-200)}.premium .discount.quarterly[data-v-598d3d62]{background:var(--color-brand-50)}.premium .discount.halfYearly[data-v-598d3d62]{background:var(--color-brand-100)}.premium .discount.yearly[data-v-598d3d62]{background:var(--color-brand-200)}@media (max-width:768px){.premium-modal-content[data-v-598d3d62]{padding:1.5rem;width:95%;max-height:90vh;overflow-y:auto}.plans-container[data-v-598d3d62]{grid-template-columns:1fr}.plan-card[data-v-598d3d62]{padding:1.5rem}.modal-title[data-v-598d3d62]{font-size:1.5rem;margin-bottom:1.5rem}.plan-header h3[data-v-598d3d62]{font-size:1.5rem}.price[data-v-598d3d62]{font-size:2.2rem}.discount[data-v-598d3d62]{font-size:.8rem;padding:3px 10px}.toggle-group[data-v-598d3d62]{width:100%}.toggle-buttons[data-v-598d3d62]{width:100%;justify-content:center}.toggle-buttons button[data-v-598d3d62]{flex:1;text-align:center;padding:10px 16px}}.modal-overlay{right:0;bottom:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{animation:modalSlideIn .3s ease-out}.close-btn{background:transparent;color:var(--color-text-muted)}.close-btn:hover{color:var(--color-text)}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}@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:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:600px}.close-btn{background:none;padding:.5rem}.close-btn:hover{background:var(--hover-bg)}.modal-header{margin-bottom:2rem}.modal-header h2{margin:0;color:var(--color-text);font-size:1.5rem}.upload-container{border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:20px;text-align:center;background-color:var(--color-surface-muted);transition:all .3s ease;position:relative;min-height:200px}.upload-container.drag-over{border-color:var(--color-success);background-color:var(--color-success-bg)}.upload-container.has-error{border-color:var(--color-danger);background-color:var(--error-bg)}.upload-text{margin:8px 0;font-size:16px}.upload-subtext{color:var(--color-text-subtle);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:var(--color-brand-500)}.upload-text{margin:0;font-size:1.2rem;color:var(--color-text)}.upload-hint{margin:0;font-size:.9rem;color:var(--color-text-muted)}.modal-footer{flex-direction:column;align-items:center;gap:1rem}.language-selector{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.85rem 1rem;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.language-copy{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.language-copy .material-icons{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--color-brand-700);background:var(--color-brand-50);font-size:1.25rem}.language-copy label{display:block;color:var(--color-text);font-size:.9rem;font-weight:600;line-height:1.25}.language-copy p{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.8rem;line-height:1.35}.language-select-wrap{position:relative;flex:0 0 190px}.language-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;min-height:42px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.55rem 2.35rem .55rem .8rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.language-select-wrap select:focus,.language-select-wrap select:hover{border-color:var(--color-brand-500)}.language-select-wrap select:focus{outline:none;box-shadow:0 0 0 3px var(--color-brand-100)}.language-select-wrap select:disabled{cursor:not-allowed;opacity:.65}.select-arrow{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:1.25rem}.file-info{justify-content:space-between;background:var(--color-surface-muted);margin:1rem 0}.file-duration,.file-size,.usage-cost{color:var(--color-text-muted);font-size:.875rem;margin-left:.5rem}.usage-cost{color:var(--color-brand-700)}.error-text,.usage-cost.insufficient{color:var(--color-danger)}.error-text{font-size:.75rem}.error-message{color:var(--color-danger);border:1px solid var(--color-danger-border);padding:12px 16px;margin:10px 0;font-size:14px;width:100%;max-width:400px;box-shadow:var(--shadow-sm);animation:slideIn .3s ease}.error-message:before{content:"⚠️";margin-right:8px;font-size:16px}.remove-file{color:var(--color-text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:all .3s ease}.remove-file:hover{background:var(--hover-bg);color:var(--color-danger)}.close-button{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--color-text-subtle);cursor:pointer;padding:4px;border-radius:var(--radius-pill);transition:background-color .3s ease}.close-button:hover{background-color:var(--hover-bg)}@media (max-width:520px){.language-selector{align-items:stretch;flex-direction:column}.language-select-wrap{flex-basis:auto;width:100%}}.text-to-speech-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:var(--color-overlay);-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:var(--color-surface-raised);border-radius:var(--radius-xl);padding:2rem;width:90%;max-width:800px;position:relative;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;margin:0 auto;border:1px solid var(--color-border)}.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 var(--color-border)}.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:var(--color-text-muted);font-weight:500}.voice-select-container{display:flex;align-items:center;gap:.5rem}.style-select,.voice-select{flex:1;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:all .3s ease;cursor:pointer}.style-select:hover,.voice-select:hover{border-color:var(--color-brand-500)}.style-select:focus,.voice-select:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand)}.speed-control{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.speed-control input[type=range]{flex:1;height:4px;background:var(--color-brand-100);border-radius:var(--radius-pill);outline:none;-webkit-appearance:none;cursor:pointer}.dropzone{padding:2rem;width:100%;max-width:100%;border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .3s ease;background:var(--color-surface-raised);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone.drag-over{border-color:var(--color-brand-500);background:var(--color-brand-50)}.dropzone .material-icons{font-size:3rem;color:var(--color-brand-500);margin:0}.dropzone p{margin:0;color:var(--color-text-muted);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 var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:var(--radius-md);color:var(--color-text);transition:all .3s ease;font-weight:500}.tab-btn:hover{border-color:var(--color-brand-100)}.tab-btn.active,.tab-btn:hover{background:var(--color-brand-50)}.tab-btn.active{color:var(--color-brand-600);border-color:var(--color-brand-500)}.text-input,.text-input textarea{width:100%;max-width:100%}.text-input textarea{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:120px;font-family:inherit;font-size:1rem;line-height:1.5;background:var(--color-surface);transition:all .3s ease;color:var(--color-text)}.text-input textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand)}.text-input textarea::-moz-placeholder{color:var(--color-text-subtle)}.text-input textarea::placeholder{color:var(--color-text-subtle)}.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:var(--radius-sm);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:var(--radius-sm)}.error-message .material-icons{font-size:18px}.preview-button{width:34px;height:34px;border-radius:var(--radius-lg);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(145deg,var(--color-surface),var(--color-surface-muted));border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);transition:all .2s ease}.preview-button:hover{background:linear-gradient(145deg,var(--color-surface-muted),var(--color-border));transform:scale(1.05);box-shadow:var(--shadow-control)}.preview-button:active{transform:scale(.95)}.btn{min-width:100px;height:40px;padding:0 1.5rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn .material-icons{font-size:1.25rem}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-brand-100);color:var(--color-text)}.btn-secondary:hover{background:var(--color-brand-50);border-color:var(--color-brand-500);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-600));border:none;color:var(--color-text-inverse)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.close-btn{position:absolute;top:1rem;right:1rem;background:var(--color-brand-50);border:none;width:32px;height:32px;border-radius:var(--radius-pill);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--color-text)}.close-btn:hover{background:var(--color-brand-100);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:var(--color-text);font-size:1.5rem;font-weight:600}.file-info{gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.file-details,.file-info{display:flex;align-items:center}.file-details{gap:.5rem}.file-name{font-weight:500}.file-size{color:var(--color-text-muted);font-size:.875rem}.remove-file{background:none;border:none;padding:0;cursor:pointer;color:var(--color-danger)}.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:var(--radius-sm);cursor:pointer;background:var(--color-surface);transition:all .3s ease}.editor-tools button:hover{background:var(--color-brand-50);transform:translateY(-1px)}.editor-tools button .material-icons{font-size:1.25rem;color:var(--color-text)}.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:var(--color-brand-500);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.generate-btn:hover:not(:disabled){background:var(--color-brand-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-btn:disabled{background:var(--color-text-subtle);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:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;color:var(--color-text);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 var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:.9rem;line-height:1.5;color:var(--color-text);resize:vertical;transition:all .3s ease}.custom-style-input textarea:focus{outline:none;border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand)}.custom-style-footer{display:flex;justify-content:flex-end;margin-top:.5rem;padding:0 .5rem}.char-count{font-size:.8rem;color:var(--color-text-muted)}@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-2a9272a3]{display:flex;align-items:center;justify-content:space-between}.usage-cost[data-v-2a9272a3]{font-size:14px;color:var(--color-text-muted)}.insufficient[data-v-2a9272a3]{color:var(--color-danger)}.error-text[data-v-2a9272a3]{font-size:12px;color:var(--color-danger);margin-left:5px}.setting-item-third[data-v-2a9272a3]{width:32%;margin-right:2%}.setting-item-third[data-v-2a9272a3]:last-child{margin-right:0}.style-prompt[data-v-2a9272a3]{margin-top:20px;padding:10px;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.style-prompt p[data-v-2a9272a3]{font-size:14px;color:var(--color-text-muted);margin-bottom:10px}.custom-style-input[data-v-2a9272a3]{margin-top:20px}.custom-style-footer[data-v-2a9272a3]{margin-top:10px;font-size:14px;color:var(--color-text-muted)}.char-count[data-v-2a9272a3]{font-size:12px;color:var(--color-text-subtle)}.voice-select-container[data-v-2a9272a3]{display:flex;align-items:center;gap:8px}.voice-select[data-v-2a9272a3]{flex:1}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%}#app,body,html{width:100%;overflow-x:hidden}#app{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--color-page)}#app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--color-page),var(--color-surface-muted));z-index:-1}.app-content{min-height:calc(100vh - var(--navbar-height));position:relative;display:flex;justify-content:center;padding:calc(var(--navbar-height) + var(--space-5)) var(--space-6) var(--space-6);width:100%}.app-content.is-home,.app-content.is-player,.app-content.is-standalone{display:block;padding:0}.app-shell{width:100%;max-width:var(--content-max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--space-6);min-width:0}.app-shell.has-sidebar{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.app-shell.is-home,.app-shell.is-player,.app-shell.is-standalone{max-width:none;display:block}.sidebar-component{width:100%;min-width:0}.rename-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s ease;outline:none}.rename-input:focus{border-color:var(--color-brand-500);box-shadow:var(--focus-ring-brand)}.delete-message{font-size:1rem;color:var(--color-text);margin:0 0 .5rem}.delete-warning{font-size:.875rem;color:var(--color-danger);margin:0}.dialog-action{padding:.5rem 1rem;border:none;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.dialog-action.primary{background:var(--color-brand-500);color:var(--color-text-inverse)}.dialog-action.secondary{background:var(--color-surface-muted);color:var(--color-text-muted)}.dialog-action.danger{background:var(--color-danger);color:var(--color-text-inverse)}.dialog-action.primary:hover{background:var(--color-brand-600)}.dialog-action.secondary:hover{background:var(--color-border)}.dialog-action.danger:hover{background:var(--color-danger-400)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}@media (max-width:768px){.app-content{padding:calc(4rem + var(--space-4)) var(--space-4) var(--space-4)}.app-shell.has-sidebar{display:block}}:root{--color-brand-50:#f0f7ff;--color-brand-100:#dceeff;--color-brand-200:#b8defc;--color-brand-300:#8bc9f4;--color-brand-400:#5caee6;--color-brand-500:#2f8fce;--color-brand-600:#1f72ad;--color-brand-700:#1e5b89;--color-brand-800:#1f4d72;--color-brand-900:#203f5c;--color-accent-50:#ecfeff;--color-accent-100:#cffafe;--color-accent-300:#67e8f9;--color-accent-500:#06b6d4;--color-accent-700:#0e7490;--color-surface:#fff;--color-surface-raised:hsla(0,0%,100%,0.94);--color-surface-muted:#f8fafc;--color-page:#f6f8fb;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-overlay:rgba(15,23,42,0.5);--color-overlay-strong:rgba(15,23,42,0.8);--color-text:#172033;--color-text-muted:#475569;--color-text-subtle:#64748b;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#ecfdf5;--color-success-text:#166534;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-danger-400:#f87171;--color-danger:#dc2626;--color-danger-border:#fecaca;--color-danger-bg:#fef2f2;--color-danger-bg-strong:#fee2e2;--color-accent-bg:#ecfeff;--font-family-base:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 8px 24px rgba(15,23,42,0.08);--shadow-lg:0 18px 48px rgba(15,23,42,0.12);--shadow-control:0 2px 8px rgba(15,23,42,0.12);--shadow-hover:0 12px 28px rgba(15,23,42,0.12);--shadow-brand:0 4px 12px rgba(47,143,206,0.3);--focus-ring-brand:0 0 0 3px rgba(47,143,206,0.16);--focus-ring-brand-strong:0 0 0 3px rgba(47,143,206,0.18);--navbar-height:5rem;--content-max-width:1400px;--sidebar-width:240px;--background-color:var(--color-surface-raised);--card-background-color:var(--color-surface);--surface-card:var(--color-surface-muted);--primary-color:var(--color-brand-500);--primary-color-dark:var(--color-brand-600);--secondary-color:var(--color-accent-500);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--text-color:var(--color-text);--text-color-light:var(--color-text-subtle);--background-secondary:var(--color-surface-muted);--link-color:var(--color-brand-600);--border-color:var(--color-border);--bg-secondary:var(--color-surface-muted);--hover-bg:var(--color-brand-50);--success-color:var(--color-success);--danger-color:var(--color-danger);--warning-color:var(--color-warning);--error-color:var(--color-danger);--error-bg:var(--color-danger-bg);--icon-filter:none}@media (max-width:768px){:root{--navbar-height:4rem}}html{font-family:var(--font-family-base)}body,html{background:var(--color-page);color:var(--color-text)}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:3px solid var(--color-brand-200);outline-offset:2px}::-moz-selection{background:var(--color-brand-100)}::selection{background:var(--color-brand-100)}