:root{--primary-color: #ff4d4f;--primary-hover: #ff7a7a;--secondary-color: #1890ff;--text-color: #ffffff;--text-secondary: #b0b0b0;--bg-color: #1a1a1a;--bg-secondary: #2d2d2d;--bg-card: #333333;--border-color: #444444;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1890ff;--sidebar-user-surface: #3d3d3d;--sidebar-user-profile-hover: #484848;--sidebar-user-border: rgba(255, 255, 255, .1);--sidebar-user-shadow: 0 1px 4px rgba(0, 0, 0, .35);--user-profile-popover-shadow: 0 12px 40px rgba(0, 0, 0, .45);--sidebar-guest-icon: #a8b4d4;--sidebar-guest-login-text: #b0b8cc;--sidebar-upgrade-gradient: linear-gradient(135deg, #14292c 0%, #212328 48%, #2e221f 100%);--sidebar-upgrade-text: #f4f2f0;--sidebar-upgrade-crown: #e6c35c;--sidebar-upgrade-icon-bg: rgba(255, 255, 255, .14);--sidebar-upgrade-border: rgba(255, 255, 255, .14);--sidebar-upgrade-shadow: 0 6px 18px rgba(0, 0, 0, .35);--sidebar-upgrade-hover-filter: brightness(1.06);--logo-x-fresh: var(--primary-color);--logo-x-fresh-hover: var(--primary-hover)}*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:all .3s ease;overflow-x:hidden}body.light{--bg-color: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-color: #e8e8e8;--sidebar-user-surface: #f0f2f5;--sidebar-user-profile-hover: #e4e8ed;--sidebar-user-border: #e4e6eb;--sidebar-user-shadow: 0 1px 3px rgba(0, 0, 0, .06);--user-profile-popover-shadow: 0 12px 40px rgba(0, 0, 0, .12);--sidebar-guest-icon: #2d336b;--sidebar-guest-login-text: #607d8b;--sidebar-upgrade-gradient: linear-gradient(135deg, #beddd8 0%, #d0ebe7 42%, #ffd0c2 78%, #ffbda8 100%);--sidebar-upgrade-text: #1f1f1f;--sidebar-upgrade-crown: #b8941f;--sidebar-upgrade-icon-bg: #ffffff;--sidebar-upgrade-border: rgba(255, 255, 255, .75);--sidebar-upgrade-shadow: 0 8px 22px rgba(60, 130, 120, .14), 0 1px 0 rgba(255, 255, 255, .65) inset;--sidebar-upgrade-hover-filter: brightness(1.02);--logo-x-fresh: var(--primary-color);--logo-x-fresh-hover: var(--primary-hover)}body.landing-home.light{--bg-color: #ffffff;--bg-secondary: #ffffff}body.landing-home .main-header{background:#fff}body.landing-home .main-header .logo-mark,body.landing-home .main-header .logo .logo-text{color:var(--text-color)}body.landing-home .main-header .logo .logo-text-x{color:var(--primary-color);text-shadow:none}body.landing-home .header-nav .nav-links li a{color:var(--text-color)}body.landing-home .header-nav .nav-links li a:hover{opacity:1;color:var(--secondary-color)}body.landing-home .user-id{color:var(--text-color)}body.landing-home .main-header .login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1.35rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;line-height:1.2;border-radius:999px;border:none;background-color:var(--primary-color);color:#fff;box-shadow:0 1px 2px #0000000f,0 2px 10px #ff4d4f38;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}body.landing-home .main-header .login-btn:hover{background-color:var(--primary-hover);color:#fff;box-shadow:0 2px 6px #00000014,0 6px 20px #ff4d4f47;transform:translateY(-1px)}body.landing-home .main-header .login-btn:active{transform:translateY(0);box-shadow:0 1px 3px #00000014,0 2px 8px #ff4d4f33}body.landing-home .main-header .login-btn:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px}body.landing-home .mobile-nav-toggle{color:var(--text-color)}body.landing-home .hero-section{background:#fff}body.landing-home .hero-badge{background-color:#0000000f;color:var(--text-secondary)}body.landing-home .hero-title{color:var(--text-color)}body.landing-home .hero-subtitle{color:var(--text-secondary)}body.landing-home .hero-btn{background-color:var(--primary-color);color:#fff}body.landing-home .hero-btn:hover{background-color:var(--primary-hover);color:#fff}body.landing-home .features-section{padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,2rem);background:linear-gradient(180deg,#f8fafc,#f1f5f9,#fff)}body.landing-home .features-grid{max-width:1100px;gap:1rem 1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}body.landing-home .feature-item{position:relative;padding:1.5rem 1rem 1.35rem;text-align:center;background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a0f;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}body.landing-home .feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),#4ecdc4);opacity:.85;transform:scaleX(.35);transform-origin:left center;transition:transform .3s ease}body.landing-home .feature-item:hover{transform:translateY(-4px);border-color:#ff4d4f2e;box-shadow:0 8px 24px #0f172a14,0 2px 8px #ff4d4f1f}body.landing-home .feature-item:hover:before{transform:scaleX(1)}body.landing-home .feature-icon{width:52px;height:52px;margin:0 auto .85rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;background:linear-gradient(145deg,#ff4d4f1a,#4ecdc41f);border-radius:14px;border:1px solid rgba(255,77,79,.08)}body.landing-home .feature-title{font-size:.98rem;font-weight:600;letter-spacing:.01em;line-height:1.4}body.landing-home .game-features-section{padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,2rem);background:#fff}body.landing-home .game-features-content .section-title{font-size:clamp(1.65rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:.65rem;position:relative;padding-bottom:1.25rem}body.landing-home .game-features-content .section-title:after{content:"";display:block;width:48px;height:4px;margin:.75rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--primary-color),#4ecdc4)}body.landing-home .game-features-grid{max-width:960px;margin:0 auto;gap:1.25rem;grid-template-columns:1fr}body.landing-home .game-feature-item{display:flex;align-items:flex-start;gap:1.15rem;text-align:left;padding:1.5rem 1.35rem 1.5rem 1.25rem;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.07);border-radius:18px;box-shadow:0 1px 2px #0f172a0a,0 6px 20px #0f172a0d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}body.landing-home .game-feature-item:hover{transform:translateY(-3px);border-color:#1890ff38;box-shadow:0 10px 32px #0f172a1a,0 4px 12px #1890ff14}body.landing-home .game-feature-icon{flex-shrink:0;width:52px;height:52px;margin:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;background:linear-gradient(145deg,#ff4d4f1f,#4ecdc424);border-radius:14px;border:1px solid rgba(15,23,42,.06)}body.landing-home .game-feature-text{flex:1;min-width:0}body.landing-home .game-feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.45rem;line-height:1.35}body.landing-home .game-feature-desc{font-size:.95rem;line-height:1.65;color:var(--text-secondary)}@media (max-width: 768px){body.landing-home .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}body.landing-home .feature-item{padding:1.15rem .65rem 1rem}body.landing-home .feature-icon{width:46px;height:46px;font-size:1.35rem}body.landing-home .game-feature-item{flex-direction:column;align-items:stretch;gap:.85rem}body.landing-home .game-feature-icon{align-self:flex-start}}@media (prefers-reduced-motion: reduce){body.landing-home .feature-item,body.landing-home .feature-item:before,body.landing-home .game-feature-item{transition:none}body.landing-home .feature-item:hover,body.landing-home .game-feature-item:hover{transform:none}}@media (min-width: 900px){body.landing-home .game-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:1000px}}.main-header{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);padding:1rem 0;position:sticky;top:0;z-index:1000}.header-content{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.header-nav{position:absolute;left:50%;transform:translate(-50%)}.main-header .logo{display:inline-flex;align-items:center;gap:.45rem}.main-header .logo-mark{width:1.9rem;height:1.9rem;flex-shrink:0;color:#ffffffeb}.main-header .logo-mark svg{display:block;width:100%;height:100%}.logo .logo-text{font-size:1.95rem;font-weight:600;font-style:italic;letter-spacing:-.03em;color:#fff}.main-header .logo .logo-text-x{font-weight:700;font-style:italic;margin-left:.02em;color:var(--primary-color);text-shadow:0 0 1px rgba(255,255,255,.75),0 0 12px rgba(255,255,255,.4),0 1px 4px rgba(0,0,0,.22)}.header-nav .nav-links{display:flex;list-style:none;gap:2rem}.header-nav .nav-links li a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s ease}.header-nav .nav-links li a:hover{opacity:.8}.user-id{color:#fff;font-weight:500}.login-btn{display:inline-block;background-color:#fff3;border:1px solid white;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-decoration:none;transition:all .3s ease}.login-btn:hover{background-color:#fff;color:#ff6b6b}.login-btn:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}.hero-section{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.hero-content{max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:#fff3;padding:.5rem 1rem;border-radius:20px;margin-bottom:2rem;color:#fff;font-weight:500}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:2.5rem}.hero-btn{background-color:#fff;color:#ff6b6b;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.features-section{padding:4rem 2rem;background-color:var(--bg-secondary)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;background-color:var(--bg-card);border-radius:12px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{font-size:1.1rem;font-weight:600;color:var(--text-color)}.game-features-section{padding:4rem 2rem;background-color:var(--bg-color)}.game-features-content{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-color);text-align:center;margin-bottom:3rem}.game-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.game-feature-item{text-align:center;padding:2.5rem;background-color:var(--bg-secondary);border-radius:12px;transition:all .3s ease;border:1px solid var(--border-color)}.game-feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:var(--secondary-color)}.game-feature-icon{font-size:3rem;margin-bottom:1.5rem}.game-feature-title{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.game-feature-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6}.app-container{display:flex;flex:1;min-height:0;width:100%;min-height:100vh;min-height:100dvh;background-color:var(--bg-color);overflow:hidden}.main-shell-outlet{flex:1;min-height:0;min-width:0;display:flex;flex-direction:row;overflow:hidden;align-items:stretch}.main-shell-outlet>.main-content{flex:1 1 0%;min-width:0}@media (max-width: 992px){.main-shell-outlet{flex-direction:column}}.sidebar-left{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.5rem}.sidebar-header .logo-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;border-radius:8px;margin:-6px -8px;padding:6px 8px;transition:background-color .2s ease,color .2s ease}.sidebar-header .logo-link:hover{background-color:var(--sidebar-user-profile-hover)}.sidebar-header .logo-mark{width:1.48rem;height:1.48rem;flex-shrink:0;color:var(--text-secondary);opacity:.92;transition:color .2s ease,opacity .2s ease}.sidebar-header .logo-link:hover .logo-mark{color:var(--primary-color);opacity:1}.sidebar-header .logo-mark svg{display:block;width:100%;height:100%}.sidebar-header .logo-text{font-size:1.22rem;font-weight:600;font-style:italic;letter-spacing:-.02em;line-height:1.2;color:var(--text-color);transition:color .2s ease}.sidebar-header .logo-text-x{font-weight:700;font-style:italic;margin-left:.02em;color:var(--logo-x-fresh);transition:color .2s ease}.sidebar-header .logo-link:hover .logo-text{color:var(--primary-color)}.sidebar-header .logo-link:hover .logo-text-x{color:var(--logo-x-fresh-hover)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{padding:0 1.5rem .5rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-menu{list-style:none}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{background-color:#1890ff1a;border-left-color:var(--secondary-color);color:var(--secondary-color)}.nav-icon{width:20px;height:20px;stroke:currentColor}.sidebar-footer{padding:1rem}.sidebar-left .sidebar-footer-social{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.75rem}.sidebar-left .sidebar-social-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;border-radius:0;background:transparent;color:inherit;cursor:pointer;line-height:0;vertical-align:middle;transition:opacity .2s ease,filter .2s ease}.sidebar-left .sidebar-social-btn:hover{opacity:.72}.sidebar-left .sidebar-social-btn:focus-visible{outline:2px solid var(--secondary-color);outline-offset:3px;border-radius:4px}.sidebar-left .sidebar-social-btn__icon{width:32px;height:32px;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.soundx-qq-group-popover{position:fixed;z-index:10050;max-width:min(240px,calc((100vw - 24px)*.75));padding:0;margin:0;border:none;border-radius:16px;background:transparent;box-shadow:var(--user-profile-popover-shadow);overflow:visible}.soundx-qq-group-popover[hidden]{display:none!important}.soundx-qq-group-popover__inner{border-radius:16px;overflow:hidden;background:var(--card-bg, #fff);border:1px solid var(--border-color, rgba(0, 0, 0, .08))}body:not(.light) .soundx-qq-group-popover__inner{background:var(--card-bg, #1e1e1e);border-color:#ffffff1a}.soundx-qq-group-popover__img{display:block;width:100%;max-width:100%;height:auto;vertical-align:middle}.sidebar-left .upgrade-card{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:66px;box-sizing:border-box;margin-bottom:1rem;padding:.65rem .85rem;background:var(--sidebar-upgrade-gradient);border:1px solid var(--sidebar-upgrade-border);border-radius:18px;box-shadow:var(--sidebar-upgrade-shadow);color:var(--sidebar-upgrade-text);font-size:.9rem;font-weight:600;letter-spacing:.01em;text-align:center;text-decoration:none;transition:filter .2s ease,transform .2s ease;cursor:pointer}.sidebar-left .upgrade-card__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--sidebar-upgrade-icon-bg);color:var(--sidebar-upgrade-crown);box-shadow:0 2px 8px #00000014}body:not(.light) .sidebar-left .upgrade-card__icon-wrap{box-shadow:0 2px 10px #00000040}.sidebar-left .upgrade-card__icon{width:17px;height:17px;stroke:currentColor}.sidebar-left .upgrade-card:hover{filter:var(--sidebar-upgrade-hover-filter);transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.sidebar-left .upgrade-card{transition:none}.sidebar-left .upgrade-card:hover{transform:none}}.sidebar-left .upgrade-card:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}html.soundx-hide-membership-ui .sidebar-left .upgrade-card,html.soundx-hide-membership-ui .user-profile-popover__membership,html.soundx-hide-membership-ui .credits-usage-modal__subscribe,html.soundx-hide-membership-ui .soundx-nav-pricing,html.soundx-hide-membership-ui #pricing-page{display:none!important}.soundx-show-when-membership-off,.soundx-upgrade-placeholder-msg{display:none}html.soundx-hide-membership-ui .soundx-hide-when-membership-off{display:none!important}html.soundx-hide-membership-ui .soundx-show-when-membership-off{display:inline!important}html.soundx-hide-membership-ui .soundx-upgrade-placeholder-msg{display:block!important;margin:0 0 .5rem;font-size:.95rem;color:var(--text-secondary, #888);max-width:36rem;line-height:1.5}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--bg-card);border-radius:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;line-height:1;color:#fff}.user-info{flex:1}.user-name{font-size:.9rem;font-weight:500;color:var(--text-color)}.user-credits{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem;line-height:1.2}.sidebar-left .user-profile{background-color:var(--sidebar-user-surface);border:1px solid var(--sidebar-user-border);border-radius:12px;box-shadow:var(--sidebar-user-shadow)}.sidebar-left .user-profile.user-profile--guest,.sidebar-left .user-profile.user-profile--authenticated{min-height:66px;box-sizing:border-box}.sidebar-left .user-profile.user-profile--authenticated{transition:background-color .15s ease,border-color .15s ease}.sidebar-left .user-profile.user-profile--authenticated:hover{background-color:var(--sidebar-user-profile-hover)}.sidebar-left .user-profile.user-profile--authenticated .user-profile-authenticated__more{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-guest-icon);pointer-events:none}.sidebar-left .user-profile.user-profile--authenticated .user-profile-authenticated__more .user-profile-guest__svg{display:block}.sidebar-left .user-info{min-width:0}.sidebar-left .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-popover{position:fixed;z-index:10050;min-width:260px;max-width:min(320px,calc(100vw - 16px));padding:1.1rem 1rem .5rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--user-profile-popover-shadow);color:var(--text-color);font-size:.875rem}.user-profile-popover[hidden]{display:none!important}.user-profile-popover__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:0 .15rem}.user-profile-popover__header .user-avatar{width:40px;height:40px;flex-shrink:0;font-size:.95rem}.user-profile-popover__head-text{min-width:0}.user-profile-popover__name{font-weight:600;font-size:.95rem;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-popover__email{font-size:.78rem;color:var(--text-secondary);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-popover__membership{margin-bottom:.5rem;padding:0 .15rem}.user-profile-popover__membership-tier{font-size:.82rem;font-weight:600;color:var(--text-color);line-height:1.4}.user-profile-popover__membership-expires{font-size:.76rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.35}.user-profile-popover__membership-expires[hidden]{display:none!important}.user-profile-popover__credits-box{background-color:var(--sidebar-user-surface);border:1px solid var(--sidebar-user-border);border-radius:14px;padding:.75rem .85rem;margin-bottom:.5rem;font-size:.82rem;line-height:1.45;color:var(--text-color)}.user-profile-popover__credits-prefix{color:var(--text-secondary);font-weight:500}.user-profile-popover__credits-box .user-credits{font-weight:600;margin:0}.user-profile-popover__menu{list-style:none;padding:.25rem 0 0}.user-profile-popover__item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .35rem;border:none;border-radius:10px;background:transparent;color:var(--text-color);font-size:.84rem;text-align:left;cursor:pointer;transition:background-color .12s ease}.user-profile-popover__item:hover{background-color:#8080801f}.user-profile-popover__item-icon{width:20px;height:20px;flex-shrink:0;stroke:var(--text-secondary);fill:none}.user-profile-popover__item-label{flex:1;min-width:0}.credits-usage-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box}.credits-usage-modal[hidden]{display:none!important}.credits-usage-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;cursor:pointer}body.light .credits-usage-modal__scrim{background:#00000059}.credits-usage-modal__panel{position:relative;z-index:1;width:100%;max-width:340px;padding:1.15rem 1.2rem 1.25rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--user-profile-popover-shadow);color:var(--text-color)}.credits-usage-modal__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.credits-usage-modal__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.credits-usage-modal__close{flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer;transition:background-color .12s ease,color .12s ease}.credits-usage-modal__close:hover{background-color:#8080801f;color:var(--text-color)}.credits-usage-modal__card{background-color:var(--sidebar-user-surface);border:1px solid var(--sidebar-user-border);border-radius:16px;padding:1rem 1rem .85rem;margin-bottom:1rem}.credits-usage-modal__label{margin:0 0 .35rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);text-align:center}.credits-usage-modal__total{display:flex;justify-content:center;width:100%;margin-bottom:.65rem}.credits-usage-modal__total-cluster{display:inline-flex;align-items:center;gap:.4rem}.credits-usage-modal__bolt{width:22px;height:22px;flex-shrink:0;stroke:var(--text-color);fill:none}.credits-usage-modal__bolt-slot{width:22px;height:22px;flex-shrink:0}.credits-usage-modal__total-value{font-size:1.65rem;font-weight:700;letter-spacing:-.02em;color:var(--text-color)}.credits-usage-modal__includes{margin:0 0 .5rem;font-size:.72rem;color:var(--text-secondary);text-align:center}.credits-usage-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .75rem}.credits-usage-modal__cell{display:flex;flex-direction:column;gap:.2rem;min-width:0}.credits-usage-modal__cell-label{font-size:.72rem;color:var(--text-secondary)}.credits-usage-modal__cell-value{font-size:.95rem;font-weight:600;color:var(--text-color)}.credits-usage-modal__hint{margin:.75rem 0 0;font-size:.68rem;line-height:1.45;color:var(--text-secondary)}.credits-usage-modal__subscribe{width:100%;padding:.65rem 1rem;border:none;border-radius:12px;background-color:var(--text-color);color:var(--bg-card);font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}body.light .credits-usage-modal__subscribe{background-color:#1a1a1a;color:#fff}.credits-usage-modal__subscribe:hover{opacity:.88}.pay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem}.pay-modal[hidden]{display:none!important}.pay-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}body.light .pay-modal__scrim{background:#0f0f1466}.pay-modal__panel{position:relative;z-index:1;width:100%;max-width:360px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 8px 32px #0000002e;padding:1rem 1.15rem 1.25rem}.pay-modal__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.pay-modal__title{margin:0;font-size:1.05rem;font-weight:600}.pay-modal__close{border:none;background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:.15rem .35rem}.pay-modal__close:hover{color:var(--text-primary)}.pay-modal__hint{margin:0 0 .75rem;font-size:.875rem;color:var(--text-muted);line-height:1.45}.pay-modal__qr-wrap{display:flex;justify-content:center;align-items:center;min-height:200px;background:#fff;border-radius:10px;padding:.75rem}body.dark .pay-modal__qr-wrap{background:#fafafa}.pay-modal__qr{display:block;max-width:100%;height:auto}.pay-modal__order{margin:.75rem 0 0;font-size:.8rem;color:var(--text-muted);word-break:break-all}.main-content{flex:1;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column}.main-content:has(.tts-workspace){background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f;overflow:hidden}.main-content:has(.tts-workspace) .content-header{margin-bottom:.5rem;flex-shrink:0}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.content-header__titles{flex:1;min-width:0}.page-title{font-size:1.25rem;font-weight:700;color:var(--text-color);letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:1rem}.icon-btn{background:none;border:none;color:var(--text-secondary);padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background-color:var(--bg-color);color:var(--text-color)}.theme-icon{width:18px;height:18px;stroke:currentColor}.lang-text{display:block;font-size:.9rem;font-weight:500}.lang-en,.language-english .lang-zh{display:none}.language-english .lang-en{display:block}.emotion-control{margin-top:1rem}.emotion-mode-selector{margin-bottom:1rem}.emotion-mode-select{width:100%;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:.9rem;transition:all .2s ease}.emotion-mode-select:hover{border-color:var(--secondary-color)}.emotion-mode-select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #4f46e533}.emotion-mode-content{display:none;padding:1rem;background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.emotion-mode-content.active{display:block}.emotion-vector-control{display:flex;flex-direction:column;gap:1rem}.emotion-vector-item{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.emotion-vector-item label{font-size:.9rem;font-weight:500;color:var(--text-color);min-width:60px;flex-shrink:0}.slider-with-value{display:flex;align-items:center;flex:1}.slider-with-value .emotion-slider{flex:1;width:100%;max-width:100%}.emotion-value{font-size:.8rem;color:var(--text-secondary);min-width:40px;text-align:right;background-color:var(--bg-color);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.emotion-slider{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color)}.emotion-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);cursor:pointer;transition:all .2s ease;margin-top:-5px}.emotion-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.emotion-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--secondary-color);cursor:pointer;border:none;transition:all .2s ease}.emotion-slider::-moz-range-thumb:hover{transform:scale(1.1)}.emotion-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.emotion-slider::-moz-range-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.emotion-value{font-size:.8rem;color:var(--text-secondary);text-align:right}.emotion-text-input{width:100%;min-height:100px;padding:.8rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:.9rem;resize:vertical}.emotion-text-input::placeholder{color:var(--text-secondary)}.emotion-audio-control{display:flex;flex-direction:column;gap:1rem}.emotion-audio-input{width:100%;padding:.8rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color)}.emotion-alpha-control{display:flex;flex-direction:column;gap:.5rem}.emotion-alpha-control label{font-size:.9rem;font-weight:500;color:var(--text-color)}.emotion-alpha-row{display:flex;align-items:center;gap:.5rem}.emotion-alpha-row .emotion-alpha-slider{flex:1;min-width:0}.emotion-alpha-row .emotion-alpha-value{flex:0 0 auto;min-width:2.5em;font-variant-numeric:tabular-nums}.emotion-alpha-slider{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color)}.emotion-alpha-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.emotion-alpha-slider::-moz-range-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.emotion-alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--secondary-color);cursor:pointer;transition:all .2s ease;margin-top:-5px}.emotion-alpha-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.emotion-alpha-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--secondary-color);cursor:pointer;border:none;transition:all .2s ease}.emotion-alpha-slider::-moz-range-thumb:hover{transform:scale(1.1)}.emotion-alpha-value{font-size:.8rem;color:var(--text-secondary);text-align:right}.editor-card{background-color:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color);flex:1;display:flex;flex-direction:column;min-height:0}.tts-workspace{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;box-sizing:border-box;border:none;border-radius:0;box-shadow:none;overflow:hidden;background:transparent}.main-content:has(.tts-workspace) .tts-editor-card{padding-left:0;padding-right:0}.main-content:has(.tts-workspace) .tts-player-card{padding-left:0;padding-right:0}.tts-editor-card{background-color:var(--bg-card);border-radius:0;border:none;flex:1;display:flex;flex-direction:column;min-height:0;margin:0;box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem;box-shadow:none;overflow:hidden}.tts-editor-card .editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 0;position:relative;gap:.25rem;background-color:var(--bg-card)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.15rem}.toolbar-btn{background:none;border:none;color:var(--text-secondary);padding:.35rem;border-radius:5px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background-color:var(--bg-color);color:var(--text-color)}.toolbar-btn.emotion-btn{height:38px;min-height:38px;box-sizing:border-box;background-color:var(--bg-card);color:var(--text-color);border:1px solid var(--border-color);padding:0 .6rem;font-size:.8rem;font-weight:500}.toolbar-btn.emotion-btn:hover{background-color:var(--bg-color);border-color:var(--secondary-color);color:var(--secondary-color)}.toolbar-btn-spaced{margin-left:.5rem}.toolbar-divider{width:1px;height:16px;background-color:var(--border-color);margin:0 .3rem}.toolbar-text-btn{background:none;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.3rem .6rem;border-radius:5px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.3rem}.toolbar-text-btn:hover{background-color:var(--bg-color);color:var(--text-color)}.toolbar-text-btn.accent{color:var(--secondary-color)}.toolbar-text-btn.accent:hover{background-color:#1890ff14}.toolbar-text-btn.accent.smart-emotion-on{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff59}.toolbar-text-btn.accent.smart-emotion-on:hover{background-color:#40a9ff;border-color:#40a9ff;box-shadow:0 0 0 2px #40a9ff66}#smart-emotion-btn:not(.smart-emotion-on){background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-color)}#smart-emotion-btn:not(.smart-emotion-on):hover{background-color:var(--bg-color);border-color:var(--secondary-color);color:var(--secondary-color)}.tts-editor-card .editor-input{flex:1;min-height:0;padding-top:.5rem}.text-input-wrapper{position:relative;width:100%;height:100%;min-height:200px}.text-input-mirror{position:absolute;top:0;right:0;bottom:0;left:0;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:break-word;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;pointer-events:none}.text-input-mirror .emotion-tag{background-color:var(--bg-secondary);color:var(--secondary-color);border-radius:2px;padding:0}.text-input-mirror .text-input-placeholder{color:var(--text-secondary);opacity:.7}.tts-editor-card .text-input-mirror{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.text-input-wrapper #text-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;caret-color:var(--text-color)}.tts-editor-card .text-input,.tts-editor-card #text-input{width:100%;height:100%;min-height:200px;padding:.875rem 1rem;background-color:transparent;border:none;color:var(--text-color);font-family:inherit;font-size:.95rem;resize:none;outline:none;line-height:1.7}.tts-editor-card .text-input-wrapper #text-input{border:1px solid transparent;border-radius:12px}.tts-editor-card .text-input-wrapper #text-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff33}.tts-editor-card .text-input-wrapper:focus-within .text-input-mirror{border-color:var(--secondary-color)}.tts-editor-card .text-input::placeholder{color:var(--text-secondary);opacity:.7}.tts-editor-card .editor-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.875rem 0;min-height:44px;background-color:var(--bg-card)}.tts-editor-card .editor-footer .usage-info{justify-self:start;margin-left:0}.tts-editor-card .editor-footer-btn-wrap{justify-self:center}.tts-editor-card .editor-footer .generate-status{justify-self:end;text-align:right;font-size:.78rem;color:var(--text-secondary);min-width:0}.generate-status.success{color:var(--primary-color, #f54f4f)}.generate-status.error,.tts-editor-card .editor-footer .generate-status.error{color:var(--error-color, #e74c3c)}.usage-info{display:flex;align-items:center;gap:1.25rem}.usage-item{font-size:.78rem;color:var(--text-secondary)}.tts-generate-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:.5rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tts-generate-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.tts-generate-btn.is-loading{position:relative;cursor:not-allowed;opacity:.92;padding-left:2rem;transform:none;box-shadow:none}.tts-generate-btn.is-loading:hover{transform:none;box-shadow:none}.tts-generate-btn.is-loading:before{content:"";position:absolute;left:.75rem;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:tts-generate-spin .8s linear infinite}@keyframes tts-generate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tts-player-card{background-color:var(--bg-card);border-radius:0;margin:0;width:100%;box-sizing:border-box;padding:.75rem 1.5rem .875rem;border:none;display:flex;align-items:center;gap:.75rem;box-shadow:none;flex-shrink:0}.tts-player-card .play-btn{width:34px;height:34px;font-size:0}.tts-player-card .audio-status{flex:0 0 auto;font-size:.8rem;min-width:50px}.tts-download-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.35rem;border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tts-download-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);background-color:#1890ff0d}.editor-area{background-color:var(--bg-card);border-radius:10px;padding:1rem 1.25rem;margin-bottom:.75rem;border:1px solid var(--border-color);flex:1;display:flex;flex-direction:column;min-height:0;box-shadow:0 1px 3px #0000000a}.editor-area .editor-input{flex:1;min-height:0}.editor-area .text-input{width:100%;height:100%;min-height:200px;padding:.875rem 1rem;background-color:transparent;border:none;color:var(--text-color);font-family:inherit;font-size:.95rem;resize:none;outline:none;line-height:1.7}.editor-area .text-input::placeholder{color:var(--text-secondary);opacity:.7}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.6rem;border-top:1px solid var(--border-color)}.emotion-tag-card{display:none;position:absolute;top:100%;left:0;z-index:100;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem;box-shadow:0 4px 16px #00000026;min-width:200px}.emotion-tag-card.active{display:block}.emotion-tag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.emotion-tag-header h4{font-size:.9rem;font-weight:600;color:var(--text-color);margin:0}.emotion-tag-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.emotion-tag-header .close-btn:hover{color:var(--text-color)}.emotion-tag-list{display:flex;flex-direction:column;gap:.25rem}.emotion-tag-item{padding:.4rem .6rem;border-radius:4px;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:background-color .15s ease}.emotion-tag-item:hover{background-color:var(--bg-secondary);color:var(--secondary-color)}#smart-emotion-btn,.smart-emotion-btn{height:38px;min-height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.smart-emotion-btn{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.smart-emotion-btn:hover{background-color:#40a9ff;border-color:#40a9ff}.toolbar-btn-with-tip{display:inline-flex;align-items:center;gap:6px;position:relative}.voice-tip-trigger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:6px;cursor:pointer;color:#e74c3c;transition:background-color .15s ease,color .15s ease}.voice-tip-trigger:hover{background-color:#e74c3c1f;color:#c0392b}.voice-tip-trigger svg{flex-shrink:0}.voice-quality-tips-card{display:none;position:absolute;top:100%;left:0;margin-top:6px;z-index:100;width:480px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:2px;padding:0;box-shadow:0 4px 16px #00000026;box-sizing:border-box}.voice-quality-tips-card.active{display:block}.voice-quality-tips-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-color)}.voice-quality-tips-header h4{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;text-align:center;flex:1}.voice-quality-tips-header .voice-quality-tips-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.voice-quality-tips-header .voice-quality-tips-close:hover{color:var(--text-color)}.voice-quality-tips-body{padding:1rem}.voice-quality-tips-list{margin:0 0 .75rem;padding-left:1.25rem;color:var(--text-color);font-size:.9rem;line-height:1.5}.voice-quality-tips-list li{margin-bottom:.35rem}.voice-quality-tips-list-nested{margin-bottom:0}.voice-quality-tips-subtitle{font-size:.9rem;font-weight:600;color:#e74c3c;margin:.75rem 0 .5rem}.editor-input{position:relative;margin-bottom:1rem;flex:1;min-height:100px}#text-input{width:100%;height:100%;min-height:100px;padding:1rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;resize:vertical}#text-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff33}.char-count{position:absolute;bottom:.5rem;right:1rem;font-size:.8rem;color:var(--text-secondary)}.quick-actions{margin-bottom:.8rem}.quick-actions-title{font-size:.8rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.quick-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color);padding:.4rem .8rem;border-radius:16px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.chip:hover{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.generate-section{text-align:right;margin-top:.8rem}.btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:.5rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.audio-player-card{background-color:var(--bg-card);border-radius:10px;padding:.625rem 1rem;border:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;box-shadow:0 1px 3px #0000000a;flex-shrink:0}.play-btn{background-color:var(--secondary-color);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.play-btn:hover{background-color:#40a9ff;transform:scale(1.05)}.audio-status{flex:0 0 120px;font-size:.9rem;color:var(--text-secondary)}.progress-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.progress-time{flex:0 0 auto;font-size:.8rem;font-variant-numeric:tabular-nums}.progress-current-time{color:var(--text-primary)}.progress-total-time{color:var(--text-secondary)}.progress-wrapper{flex:1;min-width:0}#progress-bar{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color)}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:var(--secondary-color);cursor:pointer;transition:all .2s ease;margin-top:-5px}#progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #1890ff33}#progress-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background-color:var(--secondary-color);cursor:pointer;border:none;transition:all .2s ease}#progress-bar::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #1890ff33}#progress-bar::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}#progress-bar::-moz-range-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.download-btn{color:var(--secondary-color);border-color:var(--secondary-color)}.download-btn:hover{background-color:var(--secondary-color);color:#fff}.resize-handle-right{flex-shrink:0;width:6px;cursor:col-resize;background:linear-gradient(to right,var(--bg-color),var(--bg-secondary));transition:opacity .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.main-content:has(.tts-workspace)~.resize-handle-right{background:linear-gradient(to right,var(--bg-card),var(--bg-secondary))}.resize-handle-right:hover{filter:brightness(.97);box-shadow:inset 0 0 0 1px var(--border-color)}.resize-handle-right:active,body.resizing-sidebar .resize-handle-right{filter:none;box-shadow:none;background:var(--secondary-color)}body.resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar-right{width:280px;min-width:220px;max-width:480px;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;background:none;border:none;color:var(--text-secondary);padding:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color)}.tab-content{flex:1;padding:1.5rem;overflow-y:auto;display:none}.tab-content.active{display:block}.settings-panel{display:flex;flex-direction:column;gap:1.5rem}.recommendation-cards{display:flex;flex-direction:column;gap:1rem}.recommendation-card{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.recommendation-card:hover{border-color:var(--secondary-color);box-shadow:0 2px 8px #1890ff1a}.rec-icon{font-size:1.5rem}.rec-content{flex:1}.rec-title{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.rec-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.rec-arrow{background:none;border:none;color:var(--secondary-color);font-size:1.2rem;cursor:pointer}.control-section{margin-bottom:1.5rem}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}#selected-voice.voice-library-card-inner{margin-bottom:1rem;cursor:pointer;width:100%;box-sizing:border-box}.voice-tts-selected-avatar-inner{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden}#selected-voice-avatar-inner.selected-voice-avatar-fallback:before{content:"🎤";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:#e8eaed;border-radius:12px;border:1px solid rgba(0,0,0,.08);color:#8c8c8c;z-index:0}#selected-voice-avatar-inner.selected-voice-avatar-fallback.selected-voice-avatar-fallback-clone:before{content:"🧬"}#selected-voice .voice-library-avatar-img:not([hidden]){position:relative;z-index:1}#selected-voice .voice-library-avatar-wrap{cursor:default}#selected-voice .play-preview-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0000008c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;opacity:0;z-index:2}#selected-voice .voice-tts-selected-avatar-inner:hover .play-preview-btn:not(:disabled),#selected-voice .play-preview-btn:focus-visible:not(:disabled),#selected-voice.is-preview-playing .play-preview-btn:not(:disabled){opacity:1}#selected-voice .play-preview-btn:hover:not(:disabled){background-color:var(--secondary-color);transform:translate(-50%,-50%) scale(1.06)}#selected-voice .voice-item-tags.voice-library-tags{flex-wrap:wrap;margin-bottom:0}.voice-selector-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.voice-selector-modal.active{display:flex}.voice-selector-content{background-color:var(--bg-color);border-radius:12px;width:90%;max-width:960px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.voice-selector-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.voice-selector-title{font-size:1.2rem;font-weight:600;color:var(--text-color)}.voice-selector-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.voice-selector-close:hover{background-color:var(--bg-secondary);color:var(--text-color)}.voice-selector-nav{padding:0 1.5rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem}.voice-selector-nav-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;padding:1rem 0;cursor:pointer;position:relative;transition:color .2s ease}.voice-selector-nav-btn:hover{color:var(--text-color)}.voice-selector-nav-btn.active{color:var(--secondary-color)}.voice-selector-nav-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--secondary-color)}.voice-selector-body{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 180px)}.voice-selector-body .voice-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start}@media (max-width: 700px){.voice-selector-body .voice-library-grid{grid-template-columns:1fr}}#voice-grid .voice-item-selected .voice-library-card-inner{box-shadow:0 0 0 2px #40a9ff33}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.voice-item{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);padding:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.voice-item:hover{border-color:var(--secondary-color);box-shadow:0 4px 12px #00000026}.voice-item-avatar{width:100%;height:120px;border-radius:6px;object-fit:cover;margin-bottom:.75rem}.voice-item-avatar-placeholder{width:100%;height:120px;border-radius:6px;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--text-secondary);border:1px solid var(--border-color);margin-bottom:.75rem}.voice-item-name{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-item-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.voice-item-tag{font-size:.6rem;padding:.125rem .375rem;background-color:var(--bg-secondary);border-radius:3px;color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-item-play{position:absolute;top:.5rem;right:.5rem;background-color:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.voice-item:hover .voice-item-play{opacity:1}.voice-item-play.disabled{opacity:.4;cursor:not-allowed}.voice-item-play:hover{background-color:var(--secondary-color);transform:scale(1.05)}.voice-item-favorite{position:absolute;top:.5rem;right:2.3rem;background-color:#0009;color:#cfd5e3;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.voice-item:hover .voice-item-favorite{opacity:1}.voice-item-favorite.active{opacity:1;color:#ffd666}#clone-save-voice-btn{min-width:80px;min-height:38px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:6px;background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}#clone-save-voice-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}#clone-save-voice-btn.active{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}#clone-save-voice-btn.active:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.voice-item-selected{border-color:var(--secondary-color);box-shadow:0 0 0 2px #40a9ff33}.voice-item-selected:after{content:"✓";position:absolute;top:.5rem;left:.5rem;background-color:var(--secondary-color);color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}.slider{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:var(--secondary-color);cursor:pointer;transition:all .2s ease;margin-top:-5px}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #1890ff33}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background-color:var(--secondary-color);cursor:pointer;border:none;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #1890ff33}.slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.slider::-moz-range-track{width:100%;height:6px;border-radius:3px;background-color:var(--bg-secondary);border:1px solid var(--border-color)}.history-panel{display:flex;flex-direction:column;height:100%}.history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.history-empty svg{width:48px;height:48px;stroke:currentColor;opacity:.5}.history-list{flex:1;overflow-y:auto;padding:.5rem .75rem 1rem}.history-date-group{margin-bottom:.5rem}.history-date-pill{text-align:center;margin:.65rem 0 .75rem}.history-date-pill-inner{display:inline-block;padding:.2rem .75rem;border-radius:8px;font-size:.8rem;color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color)}.history-date-stack{display:flex;flex-direction:column;gap:.65rem}.history-card{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .65rem;border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-card);transition:box-shadow .2s ease}.history-card:hover{box-shadow:0 2px 8px #0000000f}.history-card-play{flex-shrink:0;width:40px;height:40px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.history-card-play:hover{background-color:var(--border-color);color:var(--text-color)}.history-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.history-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .5rem}.history-card-time{font-size:.8rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.history-card-voice{font-size:.72rem;padding:.12rem .45rem;border-radius:999px;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-text{margin:0;font-size:.88rem;color:var(--text-color);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.history-card-expanded .history-card-text{white-space:pre-wrap;overflow:visible;text-overflow:unset;cursor:pointer}.history-card-expand{align-self:center;margin-top:.15rem;padding:.2rem .5rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;line-height:0;transition:background-color .15s ease,color .15s ease}.history-card-expand:hover{background-color:var(--bg-secondary);color:var(--text-color)}.history-card-actions{position:relative;flex-shrink:0;align-self:flex-start}.history-card-more{width:32px;height:32px;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;transition:background-color .15s ease}.history-card-more:hover{background-color:var(--bg-secondary);color:var(--text-color)}.history-card-dropdown{display:none;position:absolute;right:0;top:100%;margin-top:4px;min-width:132px;padding:4px 0;border-radius:10px;background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 8px 24px #0000001a;z-index:30}.history-card-actions.is-open .history-card-dropdown{display:block}.history-dropdown-item{display:block;width:100%;margin:0;padding:.45rem .85rem;border:none;background:none;text-align:left;font-size:.88rem;color:var(--text-color);cursor:pointer;transition:background-color .12s ease}.history-dropdown-item:hover{background-color:var(--bg-secondary)}.history-dropdown-item-danger{color:#dc2626}.history-dropdown-item-danger:hover{background-color:#dc262614}.voice-clone-card{background-color:var(--bg-card);border-radius:12px;padding:2rem;border:1px solid var(--border-color)}.clone-steps{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.step-item.active .step-number{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.step-title{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.step-item.active .step-title{color:var(--text-color)}.upload-section{margin-bottom:2rem}.upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--bg-secondary)}.upload-area:hover{border-color:var(--secondary-color);background-color:#1890ff0d}.upload-area.dragover{border-color:var(--secondary-color);background-color:#1890ff1a}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-title{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.upload-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4}.upload-btn,.record-btn{background-color:var(--secondary-color);border:1px solid var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:0 .5rem}.upload-btn:hover,.record-btn:hover{background-color:#40a9ff;border-color:#40a9ff}.record-btn{background-color:var(--bg-secondary);color:var(--text-color);border-color:var(--border-color)}.record-btn:hover{background-color:var(--bg-color);border-color:var(--secondary-color);color:var(--secondary-color)}.voice-info{display:flex;justify-content:space-between;padding:1rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.info-item{display:flex;align-items:center;gap:.5rem}.info-label{font-size:.9rem;color:var(--text-secondary)}.info-value{font-size:.9rem;font-weight:500;color:var(--text-color)}.clone-section{margin-bottom:.75rem}.clone-section .editor-area{flex:1;min-height:0;padding:1rem}.clone-section .editor-area .text-input-wrapper{height:100px;min-height:100px;max-height:100px}.clone-section .text-input,.clone-section #text-input{min-height:0;resize:none}.clone-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.clone-step-badge{width:24px;height:24px;border-radius:50%;background-color:var(--secondary-color);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clone-section-header h3,.clone-section-header .clone-step-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.clone-step-desc{font-size:.85rem;color:var(--text-secondary)}.clone-upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .25s ease;background-color:var(--bg-card)}.clone-upload-area:hover,.clone-upload-area.dragover{border-color:var(--secondary-color);background-color:#1890ff0a}.clone-upload-area.dragover{background-color:#1890ff14}.clone-upload-icon{margin-bottom:1rem;color:var(--text-secondary)}.clone-upload-text{font-size:1rem;font-weight:500;color:var(--text-color);margin-bottom:.5rem}.clone-upload-hint{font-size:.8rem;color:var(--text-secondary);margin-bottom:1.25rem}.clone-upload-actions{display:flex;align-items:center;gap:.75rem;justify-content:center}.clone-upload-or{font-size:.8rem;color:var(--text-secondary)}.clone-upload-btn,.clone-record-btn{display:inline-flex;align-items:center;gap:.4rem;border:none;color:#fff;padding:.55rem 1.2rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clone-upload-btn{background-color:var(--secondary-color)}.clone-upload-btn:hover{background-color:#40a9ff}.clone-record-btn{background-color:var(--primary-color)}.clone-record-btn:hover{background-color:var(--primary-hover)}.clone-recording{background-color:var(--bg-card);border:1px solid var(--primary-color);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.clone-recording-indicator{display:flex;align-items:center;gap:.5rem}.clone-recording-dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);animation:clone-blink 1s ease-in-out infinite}@keyframes clone-blink{0%,to{opacity:1}50%{opacity:.3}}.clone-recording-label{font-size:.9rem;font-weight:600;color:var(--primary-color)}.clone-recording-timer{font-size:.9rem;font-weight:600;color:var(--text-color);font-variant-numeric:tabular-nums}.clone-recording-visual{width:100%;display:flex;justify-content:center;padding:.25rem 0}.clone-recording-bars{display:flex;align-items:center;gap:3px;height:32px}.clone-recording-bars span{width:3px;height:8px;background-color:var(--primary-color);border-radius:2px;animation:clone-bar .8s ease-in-out infinite}.clone-recording-bars span:nth-child(1){animation-delay:0s}.clone-recording-bars span:nth-child(2){animation-delay:.05s}.clone-recording-bars span:nth-child(3){animation-delay:.1s}.clone-recording-bars span:nth-child(4){animation-delay:.15s}.clone-recording-bars span:nth-child(5){animation-delay:.2s}.clone-recording-bars span:nth-child(6){animation-delay:.25s}.clone-recording-bars span:nth-child(7){animation-delay:.3s}.clone-recording-bars span:nth-child(8){animation-delay:.35s}.clone-recording-bars span:nth-child(9){animation-delay:.4s}.clone-recording-bars span:nth-child(10){animation-delay:.45s}.clone-recording-bars span:nth-child(11){animation-delay:.5s}.clone-recording-bars span:nth-child(12){animation-delay:.55s}.clone-recording-bars span:nth-child(13){animation-delay:.6s}.clone-recording-bars span:nth-child(14){animation-delay:.65s}.clone-recording-bars span:nth-child(15){animation-delay:.7s}@keyframes clone-bar{0%,to{height:6px}50%{height:28px}}.clone-recording-actions{display:flex;gap:.75rem}.clone-recording-cancel{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.45rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s ease}.clone-recording-cancel:hover{border-color:var(--text-secondary);color:var(--text-color)}.clone-recording-stop{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--primary-color);border:none;color:#fff;padding:.45rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.clone-recording-stop:hover{background-color:var(--primary-hover)}.clone-audio-preview{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem}.clone-preview-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.clone-preview-icon{width:40px;height:40px;border-radius:8px;background-color:#1890ff1a;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.clone-preview-details{flex:1;min-width:0}.clone-preview-name{font-size:.9rem;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clone-preview-meta{font-size:.8rem;color:var(--text-secondary);margin-top:.15rem}.clone-meta-sep{margin:0 .35rem}.clone-preview-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .15s ease;flex-shrink:0}.clone-preview-remove:hover{background-color:#ff4d4f1a;color:var(--error-color)}.clone-preview-player{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background-color:var(--bg-color);border-radius:8px}.clone-preview-play{width:32px;height:32px;border-radius:50%;background-color:var(--secondary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.clone-preview-play:hover{background-color:#40a9ff}.clone-preview-play.playing svg{display:none}.clone-preview-play.playing:after{content:"⏸";font-size:12px}.clone-preview-waveform{flex:1;height:6px;background-color:var(--border-color);border-radius:3px;overflow:hidden;position:relative;cursor:pointer}.clone-waveform-progress{height:100%;width:0%;background-color:var(--secondary-color);border-radius:3px;transition:width .1s linear}.clone-preview-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;min-width:80px;text-align:right}.clone-guide{display:flex;flex-direction:column;gap:1.25rem}.clone-guide-item{display:flex;gap:.75rem}.clone-guide-icon{width:36px;height:36px;border-radius:8px;background-color:#1890ff1a;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.clone-guide-text h4{font-size:.85rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.clone-guide-text p{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}#clone-result-player{flex-shrink:0}#clone-generate-btn{display:inline-flex;align-items:center}#clone-generate-btn:disabled{opacity:.5;cursor:not-allowed}#clone-generate-btn:disabled:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.clone-generating{position:relative;pointer-events:none}.clone-generating:after{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:clone-spin .6s linear infinite;margin-left:.5rem}@keyframes clone-spin{to{transform:rotate(360deg)}}.auth-guard{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1.5rem}.auth-guard-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-guard-text{font-size:1rem;color:var(--text-secondary)}.auth-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(80px);max-width:min(90vw,360px);background-color:var(--bg-card);color:var(--text-color);padding:.75rem 1.25rem;border-radius:10px;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000040;font-size:.9rem;z-index:10000;transition:transform .35s ease,opacity .35s ease;opacity:0;pointer-events:none;text-align:center}.auth-toast-visible{transform:translate(-50%) translateY(0);opacity:1}.auth-area{display:flex;align-items:center}.google-login-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:#fff3;border:1px solid white;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;white-space:nowrap}.google-login-btn:hover{background-color:#fff;color:#ff6b6b}.google-login-btn:hover .google-icon path{fill:currentColor!important}.google-icon{flex-shrink:0}.sidebar-left .user-profile.user-profile--guest{align-items:stretch;transition:background-color .15s ease,border-color .15s ease;padding:.75rem 1rem;border-radius:14px}.sidebar-left .user-profile.user-profile--guest:hover{background-color:var(--sidebar-user-profile-hover)}.sidebar-left .user-profile.user-profile--guest .sidebar-login-btn{flex:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-width:0;margin:0;padding:0;background:transparent;border:none;box-shadow:none;color:inherit;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer}.sidebar-left .user-profile.user-profile--guest .user-profile-guest__icon,.sidebar-left .user-profile.user-profile--guest .user-profile-guest__more{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sidebar-guest-icon)}.sidebar-left .user-profile.user-profile--guest .user-profile-guest__svg{display:block}.sidebar-left .user-profile.user-profile--guest .sidebar-login-text{justify-self:center;text-align:center;color:var(--sidebar-guest-login-text)}.auth-profile-trigger{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0;border:none;background:transparent;border-radius:50%;cursor:pointer;vertical-align:middle;transition:box-shadow .2s ease}.auth-profile-trigger:hover{box-shadow:0 0 0 2px #fff6}.auth-profile-trigger:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}.auth-profile-trigger .auth-avatar{display:block;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.65);object-fit:cover}.auth-profile-trigger .auth-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--secondary-color);border:2px solid rgba(255,255,255,.65);color:#fff;font-weight:600;font-size:.9rem;line-height:1}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.mobile-menu-btn,.mobile-settings-btn{background:none;border:none;color:var(--text-color);padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-menu-btn:hover,.mobile-settings-btn:hover{color:var(--secondary-color)}.mobile-topbar-title{font-size:1.14rem;font-weight:600;font-style:italic;letter-spacing:-.02em;color:var(--text-color)}.mobile-topbar-title .logo-text-x{font-weight:700;font-style:italic;margin-left:.02em;color:var(--logo-x-fresh)}.sidebar-overlay{display:none}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-nav-toggle:hover{opacity:.9}@media (max-width: 1200px){.sidebar-right{width:280px}}@media (max-width: 992px){.mobile-topbar{display:flex}.app-container{flex-direction:column}.resize-handle-right{display:none}.main-content{flex:1;min-height:0}.sidebar-left{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:200;transform:translate(-100%);transition:transform .3s ease;max-height:none;overflow-x:visible;overflow-y:auto}.sidebar-left.open{transform:translate(0)}.sidebar-right{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;z-index:200;transform:translate(100%);transition:transform .3s ease;max-height:none;overflow-y:auto}.sidebar-right.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.hero-title{font-size:2.5rem}.mobile-nav-toggle{display:flex}.header-content{position:relative}.header-nav{position:absolute;top:100%;left:0;right:0;transform:none;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);flex-direction:column;padding:1rem 2rem;display:none;z-index:100}body.landing-home .header-nav{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 8px 24px #00000014}.header-nav.open{display:flex}.header-nav .nav-links{flex-direction:column;gap:1rem}}@media (max-width: 768px){.header-content{padding:0 1rem}.hero-section,.main-content{padding:1rem}.tts-editor-card .editor-footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:.5rem}.tts-editor-card .editor-footer .usage-info,.tts-editor-card .editor-footer-btn-wrap{justify-self:center}.tts-editor-card .editor-footer .generate-status{justify-self:center;text-align:center}.editor-card{padding:1rem}.audio-player-card{flex-direction:column;align-items:stretch;gap:1rem}#clone-result-player{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.75rem}#clone-result-player .play-btn{flex-shrink:0}#clone-result-player .audio-status{flex:0 0 auto;min-width:0}#clone-result-player .progress-row{flex:1;min-width:0;min-height:36px}#clone-result-player .download-btn{flex-shrink:0}.hero-title{font-size:clamp(1.5rem,5vw,2rem)}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tts-editor-card .editor-toolbar{flex-wrap:wrap;gap:.5rem}.toolbar-left,.toolbar-right{flex-wrap:wrap}.tts-player-card .progress-wrapper{min-width:0}.tts-editor-card .text-input{min-height:150px}.sidebar-right{left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;max-height:70vh;border-radius:16px 16px 0 0;transform:translateY(100%);box-shadow:0 -4px 20px #00000026}.sidebar-right.open{transform:translateY(0)}.nav-item{min-height:44px;display:flex;align-items:center}.toolbar-btn,.play-btn,.tts-generate-btn,.icon-btn{min-height:44px;min-width:44px}#clone-save-voice-btn{min-height:44px;min-width:88px}.tts-generate-btn{padding:.5rem 1.5rem}}@media (max-width: 576px){.header-content{padding:0 1rem}.hero-section{padding:1rem}.nav-item{padding:.5rem 1rem;font-size:.9rem}.hero-title{font-size:clamp(1.25rem,4.5vw,1.8rem)}.hero-btn{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.clone-steps{flex-direction:column;gap:1rem}#clone-result-player .progress-row{flex:1;min-width:0;min-height:36px}#clone-result-player .download-btn{flex-shrink:0}.upload-area{padding:2rem 1rem}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tts-editor-card .text-input{min-height:120px}.tts-player-card{flex-wrap:wrap}}.clone-save-voice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.clone-save-voice-modal-card{width:min(720px,100%);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #00000059;overflow:hidden}.clone-save-voice-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.clone-save-voice-modal-header h3{font-size:1rem;font-weight:700;color:var(--text-color)}.clone-save-voice-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.1rem .25rem;border-radius:6px}.clone-save-voice-modal-close:hover{color:var(--text-color);background-color:#ffffff0d}.clone-save-voice-modal-body{padding:1rem 1.25rem .5rem}.clone-save-voice-modal-error{color:var(--error-color, #e74c3c);font-size:.9rem;padding:0 1.25rem .75rem;line-height:1.4}.clone-save-voice-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.clone-save-voice-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.9rem}.clone-save-voice-row label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.clone-save-voice-row .required-mark{color:#ef4444}.clone-save-voice-row input,.clone-save-voice-row select,.clone-save-voice-row textarea{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);padding:.6rem .8rem;font-size:.95rem;outline:none}.clone-save-voice-row input:focus,.clone-save-voice-row select:focus,.clone-save-voice-row textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff26}.clone-save-voice-row .input-error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441f}.clone-save-voice-row-split{flex-direction:row;gap:1rem}.clone-save-voice-col{flex:1}.clone-save-voice-btn-primary,.clone-save-voice-btn-secondary{border:none;border-radius:8px;padding:.6rem 1rem;cursor:pointer;font-size:.9rem;font-weight:700}.clone-save-voice-btn-primary{background-color:var(--primary-color);color:#fff}.clone-save-voice-btn-primary:disabled{opacity:.65;cursor:not-allowed}.clone-save-voice-btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.clone-save-voice-btn-secondary:hover{border-color:var(--secondary-color);color:var(--text-color)}.clone-save-voice-avatar-row .clone-save-voice-avatar-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.clone-save-voice-avatar-btn{align-self:flex-start;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.55rem .85rem;cursor:pointer;font-size:.88rem;font-weight:600}.clone-save-voice-avatar-btn:hover{border-color:var(--secondary-color);color:var(--text-color)}.clone-save-voice-avatar-preview{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-color)}.clone-save-voice-avatar-clear{background:none;border:none;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-decoration:underline;padding:.25rem 0}.clone-save-voice-avatar-clear:hover{color:var(--error-color, #e74c3c)}.voice-library-top-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;position:relative}.voice-library-tabs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.voice-library-tab-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem .9rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.voice-library-tab-btn:hover{border-color:var(--secondary-color);color:var(--text-color)}.voice-library-tab-btn.active{background-color:#1890ff14;border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:0 0 0 2px #4f46e51a}.voice-library-search-row{display:flex;align-items:center;gap:.75rem}.voice-library-search-input{flex:1;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);outline:none}.voice-library-search-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff26}.voice-library-filter-btn{flex-shrink:0}.voice-library-filter-popover{position:absolute;top:calc(100% + .5rem);left:0;width:320px;max-width:calc(100vw - 3rem);background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:.9rem 1rem;display:none;z-index:100}.voice-library-filter-popover.active{display:block}.voice-library-filter-popover-title{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.voice-library-filter-group{margin-bottom:.75rem}.voice-library-filter-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:.4rem}.voice-library-filter-select{width:100%;padding:.65rem .75rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);outline:none}.voice-library-filter-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 2px #1890ff26}.voice-library-filter-actions{display:flex;justify-content:flex-end;gap:.75rem}.voice-library-list{flex:1;overflow-y:auto;padding-right:.25rem}.voice-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start}@media (max-width: 700px){.voice-library-grid{grid-template-columns:1fr}}.voice-library-item.voice-item{overflow:visible;cursor:default;display:block;padding:0;border:none;background:transparent;box-shadow:none}.voice-library-item.voice-item:hover{border-color:transparent;box-shadow:none}.voice-library-card-inner{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f0f2f5;border-radius:20px;min-height:112px;box-sizing:border-box;transition:background-color .2s ease}.voice-library-item:hover .voice-library-card-inner{background-color:#e4e6ea}.voice-library-avatar-wrap{flex-shrink:0;width:80px;height:80px;cursor:default;border-radius:12px}.voice-library-avatar-inner{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden}.voice-library-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0000008c;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;pointer-events:auto;transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.voice-library-avatar-wrap:hover .voice-library-play-btn:not(:disabled),.voice-library-play-btn:focus-visible:not(:disabled){opacity:1}.voice-library-avatar-wrap:hover .voice-library-play-btn:disabled{opacity:.45}.voice-library-play-btn:hover:not(:disabled){background-color:var(--secondary-color);transform:translate(-50%,-50%) scale(1.06)}.voice-library-play-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.voice-library-preview-wave{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;gap:3px;height:22px;z-index:1;opacity:0;pointer-events:none;transition:opacity .2s ease}.voice-library-preview-wave span{display:block;width:4px;height:100%;border-radius:2px;background:#ffffffeb;transform-origin:center bottom;transform:scaleY(.35);animation:voice-lib-wave-bar .55s ease-in-out infinite alternate}.voice-library-preview-wave span:nth-child(1){animation-delay:0s}.voice-library-preview-wave span:nth-child(2){animation-delay:.08s}.voice-library-preview-wave span:nth-child(3){animation-delay:.16s}.voice-library-preview-wave span:nth-child(4){animation-delay:.24s}.voice-library-preview-wave span:nth-child(5){animation-delay:.32s}.voice-library-item.is-preview-playing .voice-library-preview-wave{opacity:1}@keyframes voice-lib-wave-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.voice-library-preview-wave span{animation:none;transform:scaleY(.65)}}.voice-library-avatar-img{width:80px;height:80px;border-radius:12px;object-fit:cover;display:block}.voice-library-item .voice-library-avatar-placeholder{width:80px;height:80px;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:#e8eaed;border:1px solid rgba(0,0,0,.08);color:#8c8c8c}.voice-library-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.voice-library-item .voice-library-title,.voice-library-item .voice-item-name.voice-library-title{font-size:18px;font-weight:500;color:#1f1f1f;margin:0;white-space:normal;overflow:visible;text-overflow:unset}.voice-library-item .voice-library-tags,.voice-library-item .voice-item-tags.voice-library-tags{margin:0;gap:6px}.voice-library-item .voice-library-tags .voice-item-tag,.voice-library-item .voice-item-tags .voice-item-tag{font-size:12px;padding:2px 8px;background:#fff;color:#8c8c8c;border-radius:4px;border:none}.voice-library-side{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;align-self:stretch;min-height:80px}.voice-library-side-top{position:relative}.voice-library-item .voice-library-menu-btn{position:static;opacity:1;width:auto;min-width:32px;height:auto;padding:4px 6px;background:transparent;border:none;border-radius:4px;color:#595959;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.voice-library-item .voice-library-menu-btn:hover{color:#1f1f1f;background-color:#0000000a}.voice-library-use-btn{background:#262626;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;line-height:1.2}.voice-library-use-btn:hover{background:#434343}.voice-library-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:.35rem 0;display:none;z-index:200}.voice-library-menu.active{display:block}.voice-library-menu-item{width:100%;text-align:left;background:none;border:none;color:var(--text-color);padding:.6rem .85rem;cursor:pointer;font-size:.9rem}.voice-library-menu-item:hover{background-color:#1890ff14}.voice-library-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:min(45vh,280px);padding:2rem 1rem;color:var(--text-secondary)}.voice-library-loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;animation:auth-spin .8s linear infinite}.voice-library-loading-text{font-size:.9rem}.voice-library-loading--modal{min-height:min(35vh,220px)}.voice-library-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:min(45vh,280px);text-align:center;color:var(--text-secondary);padding:2rem 1rem}.pricing-page{--pricing-accent: #ff6b8a;--pricing-accent-soft: rgba(255, 107, 138, .12);--pricing-card-border: var(--border-color);--pricing-badges-row-min: 1.75rem;--pricing-price-stack-min: 4.625rem;--pricing-promo-block-min: 6.75rem;padding:0 0 2.5rem;max-width:1120px;margin:0 auto}.pricing-billing-wrap{display:flex;justify-content:center;margin-bottom:2rem}.pricing-billing{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:0;row-gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;max-width:100%}.pricing-billing-btn{position:relative;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.5rem .85rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .2s,color .2s}.pricing-billing-btn.is-active{background:var(--bg-card);color:var(--text-color);box-shadow:0 1px 4px #00000014}body:not(.light) .pricing-billing-btn.is-active{box-shadow:0 1px 6px #00000059}.pricing-cards-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:.35rem;background:transparent}.pricing-cards-scroll.pricing-cards-scroll--fit{display:flex;justify-content:center;overflow-x:visible}.pricing-cards-scroll.pricing-cards-scroll--fit .pricing-cards{width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-cards-scroll.pricing-cards-scroll--fit .pricing-cards--topup{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-cards{display:grid;grid-template-columns:repeat(4,minmax(0,min(284px,calc(100vw - 3rem))));grid-template-rows:auto auto auto auto minmax(0,1fr);gap:1.25rem;align-items:stretch;width:max-content;margin:0 auto;padding:2px 0;background:transparent}.pricing-cards--topup{grid-template-columns:repeat(3,minmax(0,min(284px,calc(100vw - 3rem))))}.pricing-topup-panel{margin-bottom:2rem}.pricing-card{scroll-snap-align:start;width:100%;min-width:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 5;border-radius:16px;border:1px solid var(--pricing-card-border);background:var(--bg-secondary);box-shadow:none;overflow:visible;min-height:0}body:not(.light) .pricing-card{box-shadow:none}.pricing-card--basic{background:var(--bg-card)}.pricing-card--featured{border-color:var(--pricing-card-border);background:var(--bg-secondary);box-shadow:none}.pricing-card__inner{grid-row:span 5;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;align-items:start;min-height:0;padding:1.5rem 1.35rem;row-gap:.75rem}.pricing-card__price-stack{display:flex;flex-direction:column;gap:.25rem;min-width:0;width:100%;min-height:var(--pricing-price-stack-min);box-sizing:border-box}.pricing-card__price-stack .pricing-card__price-block{margin-top:0}.pricing-card__promo-block{display:flex;flex-direction:column;gap:.75rem;min-width:0;width:100%;min-height:var(--pricing-promo-block-min);box-sizing:border-box}.pricing-card:not(.pricing-card--basic) .pricing-card__promo-block{justify-content:flex-end}.pricing-card__features{display:flex;flex-direction:column;min-height:0;align-self:stretch}.pricing-card__features .pricing-card__section:first-child{margin-top:0}.pricing-tier-badge{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;background:var(--pricing-accent-soft);color:var(--pricing-accent)}.pricing-tier-badge--muted{background:#0000000f;color:var(--text-secondary)}body:not(.light) .pricing-tier-badge--muted{background:#ffffff14}.pricing-card__badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-height:var(--pricing-badges-row-min);box-sizing:border-box}.pricing-card__price-block{margin-top:.25rem}.pricing-card__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem}.pricing-card__price{font-size:2rem;font-weight:800;color:var(--text-color);letter-spacing:-.02em}.pricing-card__unit{font-size:1rem;font-weight:600;color:var(--text-secondary)}.pricing-card__sub{font-size:.9rem;color:var(--text-secondary);margin-top:.15rem}.pricing-card__highlight{text-align:center;font-size:.88rem;color:var(--text-color);padding:.65rem .5rem;background:var(--bg-color);border-radius:10px;border:1px solid var(--border-color)}.pricing-card__highlight--plain{background:transparent;border:none;padding-left:0;padding-right:0;text-align:left}.pricing-points-box{background:var(--pricing-accent-soft);border:1px solid rgba(255,107,138,.25);border-radius:12px;padding:.85rem 1rem}.pricing-points-box--placeholder{background:transparent;border-color:transparent}.pricing-points-box--placeholder .pricing-points-main,.pricing-points-box--placeholder .pricing-points-sub{visibility:hidden}.pricing-points-main{font-weight:700;font-size:.95rem;color:var(--text-color);margin-bottom:.35rem}.pricing-points-sub{font-size:.82rem;color:var(--text-secondary)}.pricing-bolt{margin-right:.15rem}.pricing-card__cta{width:100%;margin-top:0;padding:.65rem 1rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:opacity .2s,transform .15s}.pricing-card__cta--current{background:#0000000f;color:var(--text-secondary);cursor:default}body:not(.light) .pricing-card__cta--current{background:#ffffff14}.pricing-card__cta--upgrade{background:#1a1a1a;color:#fff}body.light .pricing-card__cta--upgrade{background:#111;color:#fff}.pricing-card__cta--upgrade:hover{opacity:.92}.pricing-card__cta--below{background:#0000000d;color:var(--text-muted);cursor:not-allowed;opacity:.9}body:not(.light) .pricing-card__cta--below{background:#ffffff0f}.pricing-card__cta:disabled{cursor:not-allowed}.pricing-card__cta--upgrade:hover:disabled{opacity:1}.pricing-card__section{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.pricing-card__section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem}.pricing-cap-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.pricing-cap-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.86rem;color:var(--text-color)}.pricing-cap-badge{font-size:.65rem;font-weight:700;padding:.12rem .4rem;border-radius:4px;white-space:nowrap}.pricing-cap-badge--limit{background:#0000000f;color:var(--text-secondary)}body:not(.light) .pricing-cap-badge--limit{background:#ffffff1a}.pricing-cap-badge--unlimited{background:#ff4d4f26;color:var(--primary-color)}.pricing-benefit-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.pricing-benefit-list li{font-size:.84rem;color:var(--text-color);padding-left:1.35rem;position:relative;line-height:1.4}.pricing-benefit-list li:before{content:"";position:absolute;left:0;top:.35em;width:.55rem;height:.55rem;border-radius:50%;background:var(--pricing-accent);box-shadow:0 0 0 2px var(--pricing-accent-soft)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:2rem}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;padding:2.5rem}.auth-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin-bottom:1.75rem}.auth-subtitle{font-size:.875rem;color:#666;text-align:center;margin-top:-1rem;margin-bottom:1.5rem;line-height:1.4}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:background .2s,border-color .2s}.auth-google-btn:hover{background:#fafafa;border-color:#ccc}.auth-google-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1.25rem;color:#888;font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e8e8e8}.auth-form label{display:block;font-size:.875rem;font-weight:500;color:#1a1a1a;margin-bottom:.375rem}.auth-form .label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.auth-form .label-row label{margin-bottom:0}.auth-form .forgot-link{font-size:.8125rem;color:#3b82f6;text-decoration:none}.auth-form .forgot-link:hover{text-decoration:underline}.auth-form .auth-email-code-row{display:flex;gap:.5rem;margin-bottom:1rem}.auth-form .auth-email-code-row input{flex:1;margin-bottom:0;height:39px;box-sizing:border-box}.auth-form .auth-send-code-btn{flex-shrink:0;height:39px;box-sizing:border-box;padding:0 .875rem;font-size:.875rem;font-weight:500;color:#3b82f6;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.auth-form .auth-send-code-btn:hover:not(:disabled){background:#f5f5f5;border-color:#3b82f6}.auth-form .auth-send-code-btn:disabled{cursor:not-allowed;opacity:.7}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:.625rem .875rem;font-size:.9375rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#1a1a1a;margin-bottom:1rem;box-sizing:border-box}.auth-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.auth-form .input-wrap{position:relative;margin-bottom:1rem}.auth-form .input-wrap input{margin-bottom:0;padding-right:2.5rem}.auth-form .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:#666}.auth-form .toggle-password:hover{color:#1a1a1a}.auth-form .checkbox-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem}.auth-form .checkbox-row input[type=checkbox]{width:auto;margin-top:.25rem;margin-bottom:0}.auth-form .checkbox-row label{font-size:.8125rem;color:#666;font-weight:400}.auth-form .checkbox-row a{color:#3b82f6;text-decoration:none}.auth-form .checkbox-row a:hover{text-decoration:underline}.auth-submit-btn{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;color:#fff;background:#4b5563;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.auth-submit-btn:hover{background:#374151}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9375rem;color:#666}.auth-footer a{color:#3b82f6;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-disclaimer{font-size:.75rem;color:#888;text-align:center;margin-top:.75rem;line-height:1.4}.auth-disclaimer a{color:#3b82f6;text-decoration:none}.auth-disclaimer a:hover{text-decoration:underline}.auth-back{display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1rem;color:#3b82f6;text-decoration:none;font-size:.875rem}.auth-back:hover{text-decoration:underline}.auth-toast{font-size:.8125rem;color:#dc2626;margin-top:.25rem;margin-bottom:.5rem;min-height:0;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.auth-toast-visible{visibility:visible;opacity:1}.auth-toast-success{color:#16a34a}@media (max-width: 576px){.auth-page{padding:1rem}.auth-card{padding:1.25rem;margin:0 1rem}.auth-form .auth-email-code-row{flex-direction:column;gap:.5rem}.auth-form .auth-email-code-row input,.auth-form .auth-send-code-btn{width:100%}}@media (max-width: 380px){.auth-card{padding:1rem;margin:0 .5rem}}