:root{--primary-color: #2563eb;--primary-color-light: #3b82f6;--primary-color-dark: #1d4ed8;--primary-hover-light: #1d4ed8;--primary-rgb: 37, 99, 235;--secondary-color: #0ea5e9;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--liquid-orb-1: rgba(37, 99, 235, .24);--liquid-orb-2: rgba(14, 165, 233, .18);--liquid-orb-3: rgba(99, 102, 241, .16);--background-color-light: #f4f7fb;--background-color-dark: #070c18;--text-color-light: #0f172a;--text-color-dark: #f1f5f9;--text-muted-light: #475569;--text-muted-dark: #94a3b8;--text-color-secondary-light: #475569;--text-color-secondary-dark: #94a3b8;--text-color-tertiary-light: #64748b;--text-color-tertiary-dark: #64748b;--card-background-light: rgba(255, 255, 255, .68);--card-background-dark: rgba(15, 23, 42, .58);--card-bg-light: rgba(255, 255, 255, .88);--card-bg-dark: rgba(15, 23, 42, .72);--card-shadow: 0 12px 28px -12px rgba(15, 23, 42, .08);--border-color-light: rgba(203, 213, 225, .82);--border-color-dark: rgba(255, 255, 255, .11);--glass-surface-light: rgba(255, 255, 255, .86);--glass-surface-dark: rgba(15, 23, 42, .72);--glass-border-light: rgba(203, 213, 225, .85);--glass-border-dark: rgba(255, 255, 255, .1);--glass-shadow-light: 0 14px 32px -12px rgba(15, 23, 42, .08);--glass-shadow-dark: 0 16px 36px -12px rgba(2, 6, 23, .55);--glass-surface-bg: rgba(255, 255, 255, .86);--glass-surface-border: rgba(203, 213, 225, .85);--glass-surface-shadow: 0 14px 32px -12px rgba(15, 23, 42, .08);--glass-blur: blur(22px) saturate(185%);--glass-blur-strong: blur(26px) saturate(195%);--glass-blur-heavy: blur(30px) saturate(200%);--glass-specular-light: inset 0 1px 0 0 rgba(255, 255, 255, .92), inset 0 -1px 0 0 rgba(255, 255, 255, .35);--glass-specular-dark: inset 0 1px 0 0 rgba(255, 255, 255, .17), inset 0 -1px 0 0 rgba(255, 255, 255, .04)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--background-color-light);color:var(--text-color-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;display:flex;flex-direction:column;min-height:100vh}body.dark{background-color:var(--background-color-dark);color:var(--text-color-dark)}#root{display:flex;flex-direction:column;flex:1;min-width:0}.container{width:100%;min-width:0;max-width:min(100%,1440px);margin-left:auto;margin-right:auto;padding-left:clamp(.75rem,2.2vw,1.75rem);padding-right:clamp(.75rem,2.2vw,1.75rem);box-sizing:border-box}@media(max-width:479px){.container{max-width:100%;padding-left:.75rem;padding-right:.75rem}}@media(min-width:480px)and (max-width:639px){.container{max-width:100%;padding-left:1rem;padding-right:1rem}}@media(min-width:640px)and (max-width:767px){.container{max-width:min(100%,640px);padding-left:1.25rem;padding-right:1.25rem}}@media(min-width:768px)and (max-width:1023px){.container{max-width:min(100%,960px);padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px)and (max-width:1279px){.container{max-width:min(100%,1180px);padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1280px)and (max-width:1535px){.container{max-width:min(100%,1360px);padding-left:1.75rem;padding-right:1.75rem}}@media(min-width:1536px){.container{max-width:min(100%,1480px);padding-left:2rem;padding-right:2rem}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:300px}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color-light);animation:spin 1s ease-in-out infinite}body.dark .loading-spinner{border:5px solid rgba(255,255,255,.1);border-top-color:var(--primary-color-dark)}#app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;min-width:0;overflow-x:clip}.main-layout{display:flex;flex:1;width:100%;max-width:100%;min-width:0}.main-content{flex-grow:1;width:100%;max-width:100%;min-width:0}.sidebar{flex-shrink:0;width:288px;border-left:1px solid var(--border-color-light);background-color:var(--card-background-light);padding:1.5rem}.left-sidebar{border-right:1px solid var(--border-color-light);border-left:none}body.dark .sidebar{border-left:1px solid var(--border-color-dark);background-color:var(--card-background-dark)}body.dark .left-sidebar{border-right:1px solid var(--border-color-dark);border-left:none}.sidebar-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-space-placeholder{width:100%;height:20rem;background-color:#f3f4f6;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.125rem;font-weight:600}body.dark .ad-space-placeholder{background-color:#1e293b;border-color:#475569;color:#64748b}@media(max-width:1279px){.sidebar{display:none}}.header{background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-color-light)}body.dark .header{background-color:#0f172acc;border-bottom:1px solid var(--border-color-dark)}.header__nav{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.header__brand{display:flex;align-items:center}.header__logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.header__logo-icon{height:2rem;width:2rem;color:var(--primary-color)}.header__logo-text{font-size:1.5rem;font-weight:700;color:var(--text-color-light)}body.dark .header__logo-text{color:#fff}.header__nav-links{display:none;align-items:center;gap:2rem}.nav-link{color:#4b5563;transition:color .2s;text-decoration:none}body.dark .nav-link{color:#d1d5db}.nav-link:hover{color:var(--primary-color)}body.dark .nav-link:hover{color:var(--primary-color-light)}.nav-link--current{color:var(--primary-color);font-weight:600}body.dark .nav-link--current{color:var(--primary-color-light)}.header__actions{display:flex;align-items:center;gap:.5rem}.header__user-info,.header__auth-buttons{display:none}@media(min-width:1024px){.header__user-info,.header__auth-buttons{display:flex;align-items:center;gap:.5rem}}.header__user-name{font-weight:500;color:#374151}body.dark .header__user-name{color:#d1d5db}.button{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s,color .2s;border:1px solid transparent;cursor:pointer}.button--primary{background-color:var(--primary-color);color:#fff}.button--primary:hover{background-color:var(--primary-color-dark)}.button--secondary{color:#374151;background-color:transparent}.button--secondary:hover{background-color:#f3f4f6}body.dark .button--secondary{color:#d1d5db}body.dark .button--secondary:hover{background-color:#1f2937}.button--outline{color:var(--primary-color);border-color:var(--primary-color)}.button--outline:hover{background-color:#eff6ff}body.dark .button--outline{color:var(--primary-color-light);border-color:var(--primary-color-light)}body.dark .button--outline:hover{background-color:#3b82f61a}.theme-toggle{background:none;border:none;cursor:pointer;color:#4b5563;padding:.5rem}body.dark .theme-toggle{color:#d1d5db}.theme-toggle svg{height:1.5rem;width:1.5rem}.header__mobile-menu-toggle{display:block}@media(min-width:1024px){.header__mobile-menu-toggle{display:none}}.mobile-menu-button{background:none;border:none;cursor:pointer;padding:.5rem;color:#4b5563}body.dark .mobile-menu-button{color:#d1d5db}.mobile-menu{display:flex;flex-direction:column;padding:1rem;border-top:1px solid var(--border-color-light)}body.dark .mobile-menu{border-top-color:var(--border-color-dark)}.mobile-menu .nav-link{padding:.75rem .5rem;border-radius:.375rem}.mobile-menu .nav-link:hover{background-color:#f3f4f6}body.dark .mobile-menu .nav-link:hover{background-color:#1f2937}.mobile-menu__divider{height:1px;background-color:var(--border-color-light);margin:.5rem 0}body.dark .mobile-menu__divider{background-color:var(--border-color-dark)}.mobile-menu__auth{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.about-page{padding:2rem 0;background-color:var(--background-color-light)}body.dark .about-page{background-color:var(--background-color-dark)}.about-content{width:100%;max-width:min(100%,56rem);min-width:0;margin:0 auto;padding:clamp(1rem,3vw,2rem);background-color:var(--card-background-light);border-radius:.5rem;box-shadow:0 4px 6px #0000000d;box-sizing:border-box}body.dark .about-content{background-color:var(--card-background-dark);box-shadow:0 4px 6px #0003}.about-section{margin-bottom:2.5rem}.about-section:last-child{margin-bottom:0}.about-section__title{font-size:1.5rem;font-weight:600;color:var(--text-color-light);margin-bottom:1rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;display:inline-block}body.dark .about-section__title{color:#fff}.about-section__text{font-size:1rem;line-height:1.6;color:var(--text-color-secondary-light)}body.dark .about-section__text{color:var(--text-color-secondary-dark)}.about-section__list{list-style-type:disc;padding-left:1.5rem;color:var(--text-color-secondary-light);line-height:1.6}body.dark .about-section__list{color:var(--text-color-secondary-dark)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem}.contact-icon{color:var(--primary-color);flex-shrink:0}body.dark .contact-icon{color:var(--primary-color-light)}.contact-link{color:var(--text-color-secondary-light);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--primary-color);text-decoration:underline}body.dark .contact-link{color:var(--text-color-secondary-dark)}body.dark .contact-link:hover{color:var(--primary-color-light)}.footer{background-color:var(--card-background-light);border-top:1px solid var(--border-color-light)}body.dark .footer{background-color:var(--card-background-dark);border-top:1px solid var(--border-color-dark)}.footer__container{padding-top:2rem;padding-bottom:2rem}.footer__content{text-align:center;font-size:.875rem;color:#4b5563;display:flex;flex-direction:column;align-items:center;gap:1.5rem}body.dark .footer__content{color:#9ca3af}.footer__contact{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer__copyright{margin-top:.5rem}.footer .contact-item{display:flex;align-items:center;gap:.5rem}.footer .contact-icon{color:var(--primary-color);flex-shrink:0}body.dark .footer .contact-icon{color:var(--primary-color-light)}.footer .contact-link{color:var(--text-color-secondary-light);text-decoration:none;transition:color .2s;font-size:.875rem}.footer .contact-link:hover{color:var(--primary-color);text-decoration:underline}body.dark .footer .contact-link{color:var(--text-color-secondary-dark)}body.dark .footer .contact-link:hover{color:var(--primary-color-light)}.hero-section{padding:5rem 0;background-color:var(--background-color-light)}body.dark .hero-section{background-color:var(--background-color-dark)}.hero-section__container{text-align:center}.hero-section__title{font-size:3.75rem;font-weight:800;line-height:1.2;color:var(--text-color-light)}body.dark .hero-section__title{color:#fff}.hero-section__subtitle{margin-top:1rem;font-size:1.25rem;color:#4b5563;max-width:56rem;margin-left:auto;margin-right:auto}body.dark .hero-section__subtitle{color:#9ca3af}.hero-section__cta{margin-top:2rem;padding:1rem 2rem;font-size:1rem;transform:scale(1);transition:transform .3s}.hero-section__cta:hover{transform:scale(1.05)}.features-section,.levels-section{padding:6rem 0}.features-section{background-color:#ffffff80}body.dark .features-section{background-color:#1e293b80}.levels-section{background-color:var(--background-color-light)}body.dark .levels-section{background-color:var(--background-color-dark)}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:700;color:var(--text-color-light)}body.dark .section-title{color:#fff}.section-subtitle{margin-top:.5rem;font-size:1.125rem;color:#4b5563}body.dark .section-subtitle{color:#9ca3af}.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:var(--card-background-light);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;text-align:left}body.dark .feature-card{background-color:var(--card-background-dark)}.feature-card__icon-wrapper{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:9999px;background-color:#dbeafe;margin-bottom:1rem}body.dark .feature-card__icon-wrapper{background-color:#3b82f699}.feature-card__icon{height:1.5rem;width:1.5rem;color:var(--primary-color)}body.dark .feature-card__icon{color:var(--primary-color-light)}.feature-card__title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color-light)}body.dark .feature-card__title{color:#fff}.feature-card__description{color:#4b5563}body.dark .feature-card__description{color:#9ca3af}.levels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:center}@media(min-width:768px){.levels-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.levels-grid{grid-template-columns:repeat(6,1fr)}}.level-card{background-color:var(--card-background-light);padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s;border:none;cursor:pointer}.level-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body.dark .level-card{background-color:var(--card-background-dark)}.level-card__level-number{font-size:3rem;font-weight:800;color:var(--primary-color)}body.dark .level-card__level-number{color:var(--primary-color-light)}.level-card__title{margin-top:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-color-light)}body.dark .level-card__title{color:#fff}.main-content-page{padding:3rem 0}.tabs-container{margin-bottom:2rem;border-bottom:1px solid var(--border-color-light)}body.dark .tabs-container{border-bottom-color:var(--border-color-dark)}.tabs-nav{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:-1px}.tab-button{white-space:nowrap;padding:.75rem 1rem;border-bottom:2px solid transparent;font-weight:500;font-size:.875rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:all .2s;color:#6b7280;background-color:transparent;border:none;cursor:pointer}body.dark .tab-button{color:#9ca3af}.tab-button:hover{color:#374151;border-bottom-color:#d1d5db}body.dark .tab-button:hover{color:#e5e7eb;border-bottom-color:#4b5563}.tab-button--active{border-bottom-color:var(--primary-color);color:var(--primary-color);background-color:#eff6ff}body.dark .tab-button--active{border-bottom-color:var(--primary-color-light);color:var(--primary-color-light);background-color:#3b82f61a}.tab-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent!important}.vocab-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;min-height:700px}@media(min-width:640px){.vocab-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vocab-grid{grid-template-columns:repeat(4,1fr)}}.no-vocab-message{grid-column:1 / -1;text-align:center;color:#6b7280}body.dark .no-vocab-message{color:#9ca3af}.pagination-controls{margin-top:3rem;display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-info{font-size:.875rem;color:#4b5563}.vocab-card{position:relative;background-color:var(--card-background-light);padding:1.25rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s;cursor:pointer}.vocab-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-4px)}body.dark .vocab-card{background-color:var(--card-background-dark)}.vocab-card__badge-container{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;justify-content:space-between}.badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px}.badge--mono{font-family:monospace}.level-1{background-color:#fee2e2;color:#b91c1c}.level-2{background-color:#ffedd5;color:#c2410c}.level-3{background-color:#fef08a;color:#a16207}.level-4{background-color:#dcfce7;color:#166534}.level-5{background-color:#cffafe;color:#0891b2}.level-6{background-color:#e0e7ff;color:#4338ca}.level-default{background-color:#e5e7eb;color:#4b5563}.vocab-card__content{text-align:center;padding-top:2.5rem}.vocab-card__char{font-family:Noto Sans SC,sans-serif;font-size:2.25rem;font-weight:700;color:var(--text-color-light);margin-bottom:.5rem}body.dark .vocab-card__char{color:#fff}.vocab-card__pinyin{font-size:1.125rem;color:var(--primary-color)}body.dark .vocab-card__pinyin{color:var(--primary-color-light)}.vocab-card__meaning{font-size:1rem;color:#6b7280;margin-top:.5rem;text-transform:capitalize}body.dark .vocab-card__meaning{color:#9ca3af}.vocab-card__examples{margin-top:.75rem;padding-left:0;list-style:none;text-align:left}.vocab-card__example{margin-bottom:.5rem}.vocab-card__example-sentence{font-weight:500;color:#222;display:block}.vocab-card__example-translation{color:#6b7280;font-size:.97rem;margin-left:.5rem;display:block}.practice-page{min-height:100vh;background-color:var(--background-color-light);color:var(--text-color-light);padding:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body.dark .practice-page{background-color:var(--background-color-dark);color:var(--text-color-dark)}.practice-header{text-align:center;margin-bottom:3rem;color:var(--text-color-light);display:flex;flex-direction:column;align-items:center;gap:.5rem}body.dark .practice-header{color:var(--text-color-dark)}.practice-header h1{font-size:3rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.practice-header p{font-size:1.2rem;opacity:.9;font-weight:400;margin:0;max-width:600px;line-height:1.5}.practice-content-wrapper{width:100%;max-width:min(100%,64rem);min-width:0;margin:0 auto;padding-left:clamp(.5rem,2vw,1.25rem);padding-right:clamp(.5rem,2vw,1.25rem);box-sizing:border-box}.setup-container{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:20px;padding:clamp(1.15rem,3.5vw,3rem);box-shadow:0 20px 40px #0000001a;text-align:center;width:100%;min-width:0;box-sizing:border-box}body.dark .setup-container{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.setup-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color-light)}body.dark .setup-header h2{color:var(--text-color-dark)}.setup-header p{font-size:1.1rem;color:#6b7280;margin-bottom:3rem}.level-selector,.mode-selector{margin-bottom:3rem}.level-selector h3,.mode-selector h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color-light)}body.dark .level-selector h3,body.dark .mode-selector h3{color:var(--text-color-dark)}.level-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.level-button{padding:.75rem 1.5rem;border:2px solid var(--border-color-light);border-radius:12px;background-color:var(--card-background-light);color:#6b7280;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}body.dark .level-button{border-color:var(--border-color-dark);background-color:var(--card-background-dark)}.level-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.level-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.25rem;margin-top:1rem}.mode-card{background-color:var(--card-background-light);border:2px solid var(--border-color-light);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:center}body.dark .mode-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.mode-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.mode-card.active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 8px 25px #3b82f64d}.mode-icon{font-size:3rem;margin-bottom:1rem}.mode-card h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.mode-card p{font-size:.9rem;opacity:.8;line-height:1.5}.start-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.practice-container{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a}body.dark .practice-container{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.practice-container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color-light)}body.dark .practice-container-header{border-bottom-color:var(--border-color-dark)}.level-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.progress-info{color:#6b7280;font-weight:500}.progress-bar{background:#e5e7eb;border-radius:10px;height:8px;margin-bottom:2rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;border-radius:10px;transition:width .3s ease}.flashcard-container{text-align:center;margin-bottom:2rem}.card-wrapper{perspective:1000px;margin-bottom:1.5rem}.flashcard{width:100%;max-width:400px;height:300px;margin:0 auto;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s ease}.flashcard.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0000001a}.card-front{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff}.card-back{background-color:var(--card-background-light);transform:rotateY(180deg);padding:2rem;text-align:left}body.dark .card-back{background-color:var(--card-background-dark)}.character{font-size:4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#ffffffe6;color:#374151;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.word-details{width:100%}.pinyin{font-size:1.5rem;font-weight:600;color:#3b82f6;margin-bottom:.5rem}.meaning{font-size:1.25rem;font-weight:500;color:var(--text-color-light);margin-bottom:1rem}body.dark .meaning{color:var(--text-color-dark)}.grammar{font-size:.9rem;color:#6b7280;background:#f3f4f6;padding:.5rem;border-radius:8px;margin-bottom:1rem}.examples h4{font-size:1rem;font-weight:600;color:var(--text-color-light);margin-bottom:.5rem}body.dark .examples h4{color:var(--text-color-dark)}.example{margin-bottom:.75rem;padding:.5rem;background:#f9fafb;border-radius:8px}.sentence{font-size:.9rem;color:var(--text-color-light);margin-bottom:.25rem}body.dark .sentence{color:var(--text-color-dark)}.translation{font-size:.8rem;color:#6b7280;font-style:italic}.card-controls{margin-top:1rem}.hint-button{background:#f3f4f6;border:none;padding:.5rem 1rem;border-radius:8px;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease}.hint-button:hover:not(:disabled){background:#e5e7eb;color:#374151}.hint-button:disabled{opacity:.5;cursor:not-allowed}.multiple-choice-container{text-align:center}.question-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 25px #0000001a}.question-card .character{font-size:3rem;margin-bottom:.5rem}.question-card .pinyin{font-size:1.25rem;margin-bottom:1rem;opacity:.9}.question{font-size:1.1rem;font-weight:500}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem;margin-bottom:2rem}.option-button{background-color:var(--card-background-light);border:2px solid var(--border-color-light);border-radius:12px;padding:1rem;font-size:1rem;font-weight:500;color:var(--text-color-light);cursor:pointer;transition:all .2s ease}body.dark .option-button{background-color:var(--card-background-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.option-button:hover:not(:disabled){border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-button.selected{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.option-button.correct{border-color:#10b981;background:#ecfdf5;color:#10b981}.option-button.incorrect{border-color:#ef4444;background:#fef2f2;color:#ef4444}.option-button:disabled{cursor:not-allowed;opacity:.7}.lessons-page{padding:2rem 0;min-height:100vh;background-color:var(--background-color-light)}body.dark .lessons-page{background-color:var(--background-color-dark)}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.lesson-card{background:var(--card-background-light);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color-light);height:100%;display:flex;flex-direction:column}body.dark .lesson-card{background:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 4px 20px #0003}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.lesson-card__badge-container{display:flex;justify-content:space-between;padding:1rem 1rem .5rem}.lesson-card__content{padding:1rem;flex:1;display:flex;flex-direction:column}.lesson-card__title{font-size:1.25rem;font-weight:600;color:var(--text-color-light);margin-bottom:.75rem;line-height:1.4}body.dark .lesson-card__title{color:var(--text-color-dark)}.lesson-card__description{font-size:.95rem;color:var(--text-color-secondary-light);line-height:1.5;flex:1;margin-bottom:1.5rem}body.dark .lesson-card__description{color:var(--text-color-secondary-dark)}.lesson-card__footer{margin-top:auto;display:flex;justify-content:flex-end}.lesson-card__button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lesson-card__button:hover{background-color:var(--primary-color-dark);transform:translateY(-2px)}.lesson-card__button svg{transition:transform .2s ease}.lesson-card__button:hover svg{transform:translate(3px)}.no-lessons-message{grid-column:1 / -1;text-align:center;padding:3rem;background:var(--card-background-light);border-radius:16px;color:var(--text-color-secondary-light);font-size:1.1rem;border:1px dashed var(--border-color-light)}body.dark .no-lessons-message{background:var(--card-background-dark);color:var(--text-color-secondary-dark);border-color:var(--border-color-dark)}.lesson-detail-page{padding:2rem 0;min-height:100vh;background-color:var(--background-color-light)}body.dark .lesson-detail-page{background-color:var(--background-color-dark)}.back-button{margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-color-light);font-weight:500;text-decoration:none;transition:all .2s ease}body.dark .back-button{background:var(--card-background-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.back-button:hover{background:var(--background-color-light);transform:translate(-3px)}body.dark .back-button:hover{background:var(--background-color-dark)}.back-button svg{width:18px;height:18px;transition:transform .2s ease}.back-button:hover svg{transform:translate(-3px)}.lesson-header{margin-bottom:2.5rem;border-bottom:1px solid var(--border-color-light);padding-bottom:1.5rem}body.dark .lesson-header{border-color:var(--border-color-dark)}.lesson-header__badges{display:flex;gap:.75rem;margin-bottom:1rem}.badge--outline{background:transparent;border:1px solid var(--border-color-light);color:var(--text-color-light)}body.dark .badge--outline{border-color:var(--border-color-dark);color:var(--text-color-dark)}.lesson-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color-light);padding-bottom:.5rem}body.dark .lesson-tabs{border-color:var(--border-color-dark)}.lesson-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:8px;color:var(--text-color-secondary-light);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}body.dark .lesson-tab{color:var(--text-color-secondary-dark)}.lesson-tab:hover{background:var(--background-color-light);color:var(--text-color-light)}body.dark .lesson-tab:hover{background:var(--background-color-dark);color:var(--text-color-dark)}.lesson-tab--active{background:var(--primary-color-light);color:var(--primary-color-dark)}body.dark .lesson-tab--active{background:var(--primary-color-dark);color:var(--primary-color-light)}.lesson-tab--active:hover{background:var(--primary-color-light);color:var(--primary-color-dark)}body.dark .lesson-tab--active:hover{background:var(--primary-color-dark);color:var(--primary-color-light)}.lesson-title{font-size:2.25rem;font-weight:700;color:var(--text-color-light);margin:1rem 0;line-height:1.3}body.dark .lesson-title{color:var(--text-color-dark)}.lesson-description{font-size:1.1rem;color:var(--text-color-secondary-light);line-height:1.6;max-width:800px}body.dark .lesson-description{color:var(--text-color-secondary-dark)}.lesson-section{margin-bottom:3rem}.lesson-section-title{font-size:1.75rem;font-weight:700;color:var(--text-color-light);margin-bottom:1.5rem}body.dark .lesson-section-title{color:var(--text-color-dark)}.dialogue-container{background:var(--card-background-light);border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;border:1px solid var(--border-color-light)}body.dark .dialogue-container{background:var(--card-background-dark);border-color:var(--border-color-dark)}.dialogue-line{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--border-color-light)}body.dark .dialogue-line{border-color:var(--border-color-dark)}.dialogue-line:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.dialogue-line--speakerA{padding-right:10%}.dialogue-line--speakerB{padding-left:10%}.dialogue-line__char{font-size:1.1rem;font-weight:600;color:var(--text-color-light);margin-bottom:.5rem}body.dark .dialogue-line__char{color:var(--text-color-dark)}.dialogue-line--speakerA .dialogue-line__char{color:var(--primary-color)}.dialogue-line--speakerB .dialogue-line__char{color:var(--secondary-color)}.dialogue-line__pinyin{font-size:.95rem;color:var(--text-color-secondary-light);margin-bottom:.5rem;font-style:italic}body.dark .dialogue-line__pinyin{color:var(--text-color-secondary-dark)}.dialogue-line__translation{font-size:.9rem;color:var(--text-color-tertiary-light)}body.dark .dialogue-line__translation{color:var(--text-color-tertiary-dark)}.grammar-point{background:var(--card-background-light);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color-light)}body.dark .grammar-point{background:var(--card-background-dark);box-shadow:0 2px 8px #0003;border-color:var(--border-color-dark)}.grammar-point:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}body.dark .grammar-point:hover{box-shadow:0 4px 12px #00000040}.grammar-point__title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--primary-color)}.grammar-point__explanation{margin-bottom:1.5rem;line-height:1.6;color:var(--text-color-light)}body.dark .grammar-point__explanation{color:var(--text-color-dark)}.grammar-examples{background:#ffffff80;border-radius:8px;padding:1rem}body.dark .grammar-examples{background:#0003}.grammar-example{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--border-color-light)}body.dark .grammar-example{border-color:var(--border-color-dark)}.grammar-example:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.grammar-example__sentence{font-weight:500;margin-bottom:.25rem;color:var(--text-color-light)}body.dark .grammar-example__sentence{color:var(--text-color-dark)}.grammar-example__translation{font-size:.9rem;color:var(--text-color-tertiary-light)}body.dark .grammar-example__translation{color:var(--text-color-tertiary-dark)}.typing-container{text-align:center}.input-section{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:2rem}.typing-input{padding:.9rem 1.25rem;border:2px solid var(--border-color-light);border-radius:12px;font-size:1rem;width:100%;max-width:min(100%,360px);min-width:0;flex:1 1 180px;transition:all .2s ease;background-color:var(--card-background-light);color:var(--text-color-light);box-sizing:border-box}body.dark .typing-input{border-color:var(--border-color-dark);background-color:var(--card-background-dark);color:var(--text-color-dark)}.typing-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.typing-input.correct{border-color:#10b981;background:#ecfdf5}.typing-input.incorrect{border-color:#ef4444;background:#fef2f2}.submit-button{background:#3b82f6;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:2rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:min(100%,140px);flex:1 1 auto;justify-content:center}.action-button.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.action-button.correct:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.action-button.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.action-button.incorrect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.session-stats{display:flex;justify-content:center;gap:2rem;padding:1rem;background-color:var(--background-color-light);border-radius:12px}body.dark .session-stats{background-color:var(--background-color-dark)}.stat{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-color-light)}body.dark .stat{color:var(--text-color-dark)}.stat-icon{font-size:1.2rem}.result-feedback,.typing-feedback{margin-top:1rem;padding:1rem;border-radius:12px;font-weight:600}.correct-feedback{background:#ecfdf5;color:#10b981;border:2px solid #10b981}.incorrect-feedback{background:#fef2f2;color:#ef4444;border:2px solid #ef4444}.round-over-container{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;text-align:center}body.dark .round-over-container{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.round-over-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color-light)}body.dark .round-over-content h2{color:var(--text-color-dark)}.round-over-content p{font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.stats-summary{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-value.correct{color:#10b981}.stat-value.incorrect{color:#ef4444}.review-button,.restart-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.review-button:hover,.restart-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.completion-container{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000001a;text-align:center}body.dark .completion-container{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.completion-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color-light)}body.dark .completion-content h2{color:var(--text-color-dark)}.completion-content p{font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.celebration{font-size:4rem;margin-bottom:1rem}.final-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background-color:var(--background-color-light);padding:1.5rem;border-radius:12px;text-align:center}body.dark .stat-card{background-color:var(--background-color-dark)}.stat-number{font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.new-level-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6b72804d}.new-level-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b728066}.card-exit-correct{animation:cardExitCorrect .5s ease-out}.card-exit-incorrect{animation:cardExitIncorrect .5s ease-out}@keyframes cardExitCorrect{0%{transform:scale(1) rotateY(180deg)}50%{transform:scale(1.1) rotateY(180deg)}to{transform:scale(0) rotateY(180deg)}}@keyframes cardExitIncorrect{0%{transform:scale(1) rotateY(180deg)}25%{transform:scale(1.05) rotateY(180deg) translate(-10px)}50%{transform:scale(1.05) rotateY(180deg) translate(10px)}75%{transform:scale(1.05) rotateY(180deg) translate(-5px)}to{transform:scale(0) rotateY(180deg)}}@media(max-width:768px){.practice-header h1{font-size:2rem}.setup-container{padding:2rem 1rem}.level-buttons{flex-direction:column;align-items:center}.mode-grid{grid-template-columns:1fr}.practice-container{padding:1rem}.practice-container-header{flex-direction:column;gap:1rem;text-align:center}.action-buttons{flex-direction:column}.session-stats,.stats-summary{flex-direction:column;gap:1rem}.final-stats{grid-template-columns:repeat(2,1fr)}.completion-actions{flex-direction:column}.input-section{flex-direction:column;align-items:center}.typing-input{width:100%;max-width:300px}.options-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background-color:var(--card-background-light);padding:2rem;border-radius:.5rem;max-width:500px;width:100%;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body.dark .modal-content{background-color:var(--card-background-dark)}.modal-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color-light)}body.dark .modal-close-button{color:var(--text-color-dark)}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:.5rem;font-weight:500}.input-group input{padding:.75rem;border:1px solid var(--border-color-light);border-radius:.375rem;background-color:var(--background-color-light);color:var(--text-color-light)}body.dark .input-group input{border-color:var(--border-color-dark);background-color:var(--background-color-dark);color:var(--text-color-dark)}.modal-submit-button{width:100%;padding:.75rem}.modal-footer{text-align:center;margin-top:1.5rem}.modal-switch-button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline}body.dark .modal-switch-button{color:var(--primary-color-light)}.dictionary-page{padding-top:2.5rem;padding-bottom:4rem}.dictionary-page .container{width:100%;min-width:0}.dictionary-page .section-header{margin-bottom:2rem}.word-of-the-day-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));color:#fff;padding:2rem;border-radius:1rem;margin-bottom:2.5rem;box-shadow:0 10px 20px #3b82f633;position:relative;overflow:hidden}.word-of-the-day-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.word-of-the-day-card__title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.word-of-the-day-card__close-btn{background:none;border:none;color:#fff;opacity:.7;cursor:pointer;transition:opacity .2s}.word-of-the-day-card__close-btn:hover{opacity:1}.word-of-the-day-card__content{display:flex;align-items:center;gap:2rem}.word-of-the-day-card__char{font-size:5rem;font-weight:800;font-family:Noto Sans SC,sans-serif}.word-of-the-day-card__details{flex-grow:1}.word-of-the-day-card__pinyin{font-size:1.75rem;margin-bottom:.5rem}.word-of-the-day-card__meaning{font-size:1.25rem;text-transform:capitalize;opacity:.9}.dictionary-page{padding:2rem 0}.search-bar-container{margin-bottom:1.5rem}.search-bar{position:relative;max-width:800px;margin:0 auto}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:.75rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);font-size:1rem;color:var(--text-color-light);box-shadow:0 2px 4px #0000000d}body.dark .search-input{border-color:var(--border-color-dark);background-color:var(--card-background-dark);color:var(--text-color-dark)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f64d}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:center}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#6b7280}body.dark .filter-group label{color:#9ca3af}.select-dropdown{padding:.5rem 2rem .5rem 1rem;border-radius:.5rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--text-color-light);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}body.dark .select-dropdown{border-color:var(--border-color-dark);background-color:var(--card-background-dark);color:var(--text-color-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.view-toggle{display:flex;gap:.25rem;background-color:var(--background-color-light);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color-light)}body.dark .view-toggle{background-color:var(--background-color-dark);border-color:var(--border-color-dark)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:#6b7280}.view-toggle-btn svg{width:1.25rem;height:1.25rem}.view-toggle-btn.active{background-color:var(--primary-color);color:#fff}.word-of-day-container{background-color:var(--card-background-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color-light)}body.dark .word-of-day-container{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.word-of-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.word-of-day-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color-light)}body.dark .word-of-day-header h3{color:var(--text-color-dark)}.close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:9999px}.close-btn:hover{background-color:#0000000d}body.dark .close-btn:hover{background-color:#ffffff1a}.close-btn svg{width:1.25rem;height:1.25rem}.dictionary-controls{display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-bottom:2.5rem;align-items:center}.search-and-filters{display:grid;grid-template-columns:1fr auto auto;gap:1rem;background-color:var(--card-background-light);padding:.5rem;border-radius:.75rem;border:1px solid var(--border-color-light)}body.dark .search-and-filters{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.search-input-wrapper{position:relative;flex-grow:1}.search-input-wrapper .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;width:1.25rem;height:1.25rem}.search-input-wrapper .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:none;background:transparent;font-size:1rem;color:var(--text-color-light)}.search-input-wrapper .search-input:focus{outline:none}body.dark .search-input-wrapper .search-input{color:var(--text-color-dark)}.filter-dropdown{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color-light);background:var(--background-color-light);color:var(--text-color-light);font-size:.875rem;cursor:pointer}body.dark .filter-dropdown{background:var(--background-color-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.view-controls{display:flex;gap:.5rem;background-color:var(--card-background-light);padding:.5rem;border-radius:.75rem;border:1px solid var(--border-color-light)}body.dark .view-controls{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.view-btn{padding:.5rem;border:none;border-radius:.5rem;background-color:transparent;color:#9ca3af;cursor:pointer;transition:all .2s}.view-btn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 5px #3b82f633}.dictionary-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-count{font-size:.875rem;color:#6b7280}body.dark .results-count{color:#9ca3af}.clear-search-btn{font-size:.875rem;color:var(--primary-color);cursor:pointer;background:none;border:none}.vocab-card{background-color:var(--card-background-light);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease-in-out;border:1px solid var(--border-color-light)}.vocab-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.vocab-card--featured{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid var(--primary-color);box-shadow:0 4px 12px #3b82f633}body.dark .vocab-card--featured{background:linear-gradient(135deg,#3b82f633,#2563eb33)}.vocab-card__badge-container{display:flex;justify-content:space-between;margin-bottom:1rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.badge--mono{background-color:#0000001a;color:#0009}body.dark .badge--mono{background-color:#ffffff1a;color:#fff9}.level-1{background-color:#10b981}.level-2{background-color:#3b82f6}.level-3{background-color:#8b5cf6}.level-4{background-color:#f59e0b}.level-5{background-color:#ef4444}.level-6{background-color:#6366f1}.vocab-card__content{padding-top:.5rem}.vocab-card__char{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;font-family:Noto Sans SC,sans-serif;color:var(--text-color-light)}.vocab-card__pinyin{font-size:1rem;margin-bottom:.5rem;color:var(--text-color-light);opacity:.8}body.dark .vocab-card__pinyin{color:var(--text-color-dark)}.vocab-card__meaning{font-size:.875rem;color:var(--text-color-light);opacity:.7;text-transform:capitalize}body.dark .vocab-card__meaning{color:var(--text-color-dark)}.vocab-grid,.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.dictionary-list .vocab-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;padding:1rem 1.5rem}.dictionary-list .vocab-card__content{padding-top:0;display:flex;gap:1.5rem;align-items:center}.dictionary-list .vocab-card__char{font-size:1.75rem;margin:0}.dictionary-list .vocab-card__pinyin{margin:0;font-size:1rem}.dictionary-list .vocab-card__meaning{font-size:.9rem;margin:0;color:#6b7280}body.dark .dictionary-list .vocab-card__meaning{color:#9ca3af}.dictionary-list .level-badge-container{justify-self:center}.dictionary-list .favorite-btn{justify-self:end}.no-results-message{text-align:center;padding:3rem 0;background-color:var(--card-background-light);border-radius:.75rem;border:1px solid var(--border-color-light);margin-top:2rem}.no-results-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color-light)}.no-results-subtitle{font-size:1rem;color:#6b7280}.pagination-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;background:var(--card-background-light);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid var(--border-color-light)}body.dark .pagination-controls{background:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 2px 10px #0003}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-color-light)}body.dark .pagination-info{color:var(--text-color-dark)}.button--secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--background-color-light);color:var(--text-color-light);border:1px solid var(--border-color-light);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}body.dark .button--secondary{background-color:var(--background-color-dark);color:var(--text-color-dark);border-color:var(--border-color-dark)}.button--secondary:hover:not(:disabled){background-color:var(--primary-color-light);color:var(--primary-color-dark);border-color:var(--primary-color-light)}.button--secondary:disabled{opacity:.5;cursor:not-allowed}.pagination-info span:first-child{font-weight:600}.pagination-summary{font-size:.85rem;color:var(--text-color-secondary-light)}body.dark .pagination-summary{color:var(--text-color-secondary-dark)}body.dark .pagination-info{color:#9ca3af}.vocab-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color-light)}.favorite-btn{background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.favorite-btn:hover{color:#f87171}.favorite-btn.favorited{color:#ef4444}.no-results-message{text-align:center;padding:4rem 2rem;background-color:var(--card-background-light);border-radius:1rem;border:2px dashed var(--border-color-light)}body.dark .no-results-message{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.no-results-title{font-size:1.5rem;font-weight:700;color:var(--text-color-light);margin-bottom:.5rem}body.dark .no-results-title{color:var(--text-color-dark)}.no-results-subtitle{color:#6b7280}body.dark .no-results-subtitle{color:#9ca3af}.study-plan-page{padding:2rem 0;min-height:100vh;background-color:var(--background-color-light)}body.dark .study-plan-page{background-color:var(--background-color-dark)}.study-plan-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.study-plan-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:8px;color:var(--text-color-light);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}body.dark .study-plan-tab{background:var(--card-background-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.study-plan-tab:hover:not(:disabled){background:var(--background-color-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}body.dark .study-plan-tab:hover:not(:disabled){background:var(--background-color-dark);box-shadow:0 4px 12px #0003}.study-plan-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.study-plan-tab.active:hover{background:var(--primary-color);color:#fff}.study-plan-tab:disabled{opacity:.5;cursor:not-allowed;transform:none}.study-plan-card{background:var(--card-background-light);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid var(--border-color-light);margin-bottom:2rem}body.dark .study-plan-card{background:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 4px 20px #0003}.study-plan-card-header{padding:1.5rem;border-bottom:1px solid var(--border-color-light)}body.dark .study-plan-card-header{border-color:var(--border-color-dark)}.study-plan-card-title{font-size:1.5rem;font-weight:700;color:var(--text-color-light);margin-bottom:.5rem}body.dark .study-plan-card-title{color:var(--text-color-dark)}.study-plan-card-subtitle{font-size:.95rem;color:var(--text-color-secondary-light)}body.dark .study-plan-card-subtitle{color:var(--text-color-secondary-dark)}.study-plan-card-body{padding:1.5rem}.study-plan-card-footer{padding:1.5rem;border-top:1px solid var(--border-color-light);display:flex;justify-content:flex-end;gap:1rem}body.dark .study-plan-card-footer{border-color:var(--border-color-dark)}.input-group{margin-bottom:1.5rem}.input-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-color-light);margin-bottom:.75rem}body.dark .input-group label{color:var(--text-color-dark)}.input-value{margin-left:auto;background:var(--primary-color-light);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.input-group__select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:8px;background-color:var(--card-background-light);color:var(--text-color-light);font-size:1rem;transition:all .2s ease}body.dark .input-group__select{border-color:var(--border-color-dark);background-color:var(--card-background-dark);color:var(--text-color-dark)}.input-group__select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.range-container{position:relative}.input-group__range{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color-light);border-radius:4px;outline:none;margin:1rem 0}body.dark .input-group__range{background:var(--border-color-dark)}.input-group__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.input-group__range::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-labels{display:flex;justify-content:space-between;margin-top:.5rem}.range-labels span{font-size:.75rem;color:var(--text-color-secondary-light)}body.dark .range-labels span{color:var(--text-color-secondary-dark)}.generate-plan-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.plan-header-content{display:flex;flex-direction:column;gap:.5rem}.plan-title{font-size:1.75rem;font-weight:700;color:var(--text-color-light);margin:0}body.dark .plan-title{color:var(--text-color-dark)}.plan-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:0}.plan-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-color-secondary-light);background:var(--background-color-light);padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color-light)}body.dark .plan-meta-item{color:var(--text-color-secondary-dark);background:var(--background-color-dark);border-color:var(--border-color-dark)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.day-card{background:var(--background-color-light);border-radius:12px;overflow:hidden;border:1px solid var(--border-color-light);transition:all .3s ease;height:100%;display:flex;flex-direction:column}body.dark .day-card{background:var(--background-color-dark);border-color:var(--border-color-dark)}.day-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}body.dark .day-card:hover{box-shadow:0 10px 25px #0003}.day-card__header{padding:1rem;background:var(--primary-color);color:#fff;display:flex;flex-direction:column;gap:.25rem}.day-number{font-size:1.25rem;font-weight:700}.day-card__focus{font-size:.9rem;opacity:.9;font-weight:500}.day-card__tasks{list-style:none;padding:1rem;margin:0;flex:1;display:flex;flex-direction:column;gap:1rem}.day-card__task{padding:1rem;background:var(--card-background-light);border-radius:8px;border:1px solid var(--border-color-light)}body.dark .day-card__task{background:var(--card-background-dark);border-color:var(--border-color-dark)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.day-card__time{font-size:.85rem;font-weight:600;color:var(--primary-color);background:#3b82f61a;padding:.25rem .5rem;border-radius:4px}body.dark .day-card__time{background:#3b82f633}.day-card__task-name{font-weight:600;color:var(--text-color-light);margin:0}body.dark .day-card__task-name{color:var(--text-color-dark)}.day-card__task-details{font-size:.9rem;color:var(--text-color-secondary-light);margin:.5rem 0 0;line-height:1.5}body.dark .day-card__task-details{color:var(--text-color-secondary-dark)}.plan-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color-light)}body.dark .plan-footer{border-color:var(--border-color-dark)}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#b91c1c}body.dark .error-message{background-color:#ef444426;border-color:#ef444466;color:#f87171}.error-message svg{flex-shrink:0;color:#ef4444}@media(max-width:768px){.plan-grid{grid-template-columns:1fr}.plan-meta{flex-direction:column;gap:.5rem}.study-plan-card-footer,.plan-footer{flex-direction:column}.study-plan-card-footer .button,.plan-footer .button{width:100%;justify-content:center}}.quiz-setup{text-align:center;padding:2rem;background:var(--card-background-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:2rem 0}body.dark .quiz-setup{background:var(--card-background-dark)}.quiz-setup__content{width:100%;max-width:min(100%,42rem);min-width:0;margin:0 auto}.quiz-setup__icon{margin-bottom:1.5rem;color:var(--primary-color)}.quiz-setup__title{font-size:1.875rem;font-weight:700;color:var(--text-color-light);margin-bottom:1rem}.quiz-setup__description{font-size:1.125rem;color:var(--text-color-light);margin-bottom:2rem;line-height:1.6}.quiz-setup__features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.quiz-setup__feature{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-color-light)}body.dark .quiz-setup__feature{color:var(--text-color-dark)}.quiz-setup__feature-icon{font-size:1.25rem}.quiz-active-area{width:100%;max-width:min(100%,56rem);min-width:0;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) 0;box-sizing:border-box}.quiz-progress{margin-bottom:2rem}.quiz-progress__bar{width:100%;height:8px;background:var(--border-color-light);border-radius:4px;overflow:hidden;margin-bottom:.75rem}body.dark .quiz-progress__bar{background:var(--border-color-dark)}.quiz-progress__fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light));border-radius:4px;transition:width .3s ease}.quiz-progress__info{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-color-light)}body.dark .quiz-progress__info{color:var(--text-color-dark)}.quiz-progress__score{font-weight:600;color:var(--primary-color)}.quiz-question-card{background:var(--card-background-light);border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000001a;margin-bottom:2rem;border:1px solid var(--border-color-light)}body.dark .quiz-question-card{background:var(--card-background-dark);border-color:var(--border-color-dark)}.quiz-question-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-question-card__type-badge{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.quiz-question-card__level{background:var(--background-color-light);color:var(--text-color-light);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid var(--border-color-light)}body.dark .quiz-question-card__level{background:var(--background-color-dark);color:var(--text-color-dark);border-color:var(--border-color-dark)}.quiz-question-card__content{text-align:center}.quiz-question-card__question{font-size:1.5rem;font-weight:600;color:var(--text-color-light);margin-bottom:1.5rem;line-height:1.4}body.dark .quiz-question-card__question{color:var(--text-color-dark)}.quiz-question-card__character{font-size:4rem;font-weight:700;color:var(--primary-color);margin:1rem 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.quiz-options-grid{grid-template-columns:repeat(2,1fr)}}.quiz-option-button{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:2px solid var(--border-color-light);border-radius:12px;background:var(--card-background-light);color:var(--text-color-light);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}body.dark .quiz-option-button{background:var(--card-background-dark);color:var(--text-color-dark);border-color:var(--border-color-dark)}.quiz-option-button:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.quiz-option-button--default{border-color:var(--border-color-light)}.quiz-option-button--correct{border-color:#10b981;background:#ecfdf5;color:#065f46}body.dark .quiz-option-button--correct{background:#064e3b;color:#d1fae5}.quiz-option-button--incorrect{border-color:#ef4444;background:#fef2f2;color:#991b1b}body.dark .quiz-option-button--incorrect{background:#7f1d1d;color:#fecaca}.quiz-option-button--disabled{opacity:.6;cursor:not-allowed;transform:none}.quiz-option-button__letter{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem}.quiz-option-button__text{flex:1}.quiz-feedback{background:var(--card-background-light);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem}body.dark .quiz-feedback{background:var(--card-background-dark)}.quiz-feedback__result{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.quiz-feedback__result--correct{color:#065f46}body.dark .quiz-feedback__result--correct{color:#d1fae5}.quiz-feedback__result--incorrect{color:#991b1b}body.dark .quiz-feedback__result--incorrect{color:#fecaca}.quiz-feedback__icon{font-size:1.5rem;flex-shrink:0}.quiz-feedback__text h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.quiz-feedback__text p{font-size:1rem;line-height:1.5}.quiz-feedback__next{width:100%;padding:1rem;font-size:1.125rem;font-weight:600}.quiz-results{width:100%;max-width:min(100%,44rem);min-width:0;margin:0 auto;text-align:center;padding:clamp(1rem,3vw,2rem);box-sizing:border-box}.quiz-results__header{margin-bottom:2rem}.quiz-results__icon{font-size:4rem;margin-bottom:1rem}.quiz-results__title{font-size:2rem;font-weight:700;color:var(--text-color-light);margin-bottom:.5rem}body.dark .quiz-results__title{color:var(--text-color-dark)}.quiz-results__subtitle{font-size:1.125rem;color:var(--text-color-light);opacity:.8}body.dark .quiz-results__subtitle{color:var(--text-color-dark)}.quiz-results__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:1rem;margin-bottom:2rem}.quiz-results__stat{background:var(--card-background-light);padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a}body.dark .quiz-results__stat{background:var(--card-background-dark)}.quiz-results__stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.quiz-results__stat-label{font-size:.875rem;color:var(--text-color-light);opacity:.8}body.dark .quiz-results__stat-label{color:var(--text-color-dark)}.quiz-results__actions{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.quiz-results__actions{flex-direction:row;justify-content:center}}.quiz-review{width:100%;max-width:min(100%,56rem);min-width:0;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) 0;box-sizing:border-box}.quiz-review__header{text-align:center;margin-bottom:2rem}.quiz-review__title{font-size:2rem;font-weight:700;color:var(--text-color-light);margin-bottom:.5rem}body.dark .quiz-review__title{color:var(--text-color-dark)}.quiz-review__subtitle{font-size:1.125rem;color:var(--text-color-light);opacity:.8}body.dark .quiz-review__subtitle{color:var(--text-color-dark)}.quiz-review__questions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.quiz-review__question{background:var(--card-background-light);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000f;border:1px solid var(--border-color-light);min-width:0;overflow:hidden}body.dark .quiz-review__question{background:var(--card-background-dark);border-color:var(--border-color-dark)}.quiz-review__question--correct{border-color:#10b98173}.quiz-review__question--incorrect{border-color:#ef444473}.quiz-review__question-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.quiz-review__question-number{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.quiz-review__question-type{background:var(--background-color-light);color:var(--text-color-light);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color-light)}body.dark .quiz-review__question-type{background:var(--background-color-dark);color:var(--text-color-dark);border-color:var(--border-color-dark)}.quiz-review__question-result{margin-left:auto;font-size:1.25rem;font-weight:700}.quiz-review__question-result--correct{color:#10b981}.quiz-review__question-result--incorrect{color:#ef4444}.quiz-review__question-content{margin-bottom:1rem}.quiz-review__question-text{font-size:1.125rem;font-weight:500;color:var(--text-color-light);margin-bottom:.75rem}body.dark .quiz-review__question-text{color:var(--text-color-dark)}.quiz-review__question-character{font-size:2rem;font-weight:700;color:var(--primary-color);text-align:center;margin:.5rem 0}.quiz-review__answers{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.quiz-review__answer{display:flex;align-items:center;gap:.75rem}.quiz-review__answer-label{font-size:.875rem;color:var(--text-color-light);opacity:.7;min-width:100px}body.dark .quiz-review__answer-label{color:var(--text-color-dark)}.quiz-review__answer-value{font-weight:500;color:var(--text-color-light)}body.dark .quiz-review__answer-value{color:var(--text-color-dark)}.quiz-review__answer-value--correct{color:#10b981;font-weight:600}.quiz-review__explanation{background:var(--background-color-light);padding:1rem;border-radius:8px;border:1px solid rgba(var(--primary-rgb),.3)}body.dark .quiz-review__explanation{background:var(--background-color-dark);border-color:rgba(var(--primary-rgb),.38)}.quiz-review__explanation p{color:var(--text-color-light);font-size:.875rem;line-height:1.5;margin:0}body.dark .quiz-review__explanation p{color:var(--text-color-dark)}.quiz-review__actions{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:640px){.quiz-review__actions{flex-direction:row;justify-content:center}}.animate-correct{animation:correctAnswer .6s ease-out}.animate-incorrect{animation:incorrectAnswer .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes incorrectAnswer{0%{transform:scale(1)}25%{transform:scale(.95) translate(-5px)}75%{transform:scale(.95) translate(5px)}to{transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.quiz-content{min-height:400px}.quizzes-page .tabs-container{margin-bottom:3rem;border-bottom:none}.quizzes-page .tabs-nav{justify-content:center;gap:1rem;margin-bottom:0}.quizzes-page .tab-button{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;border:2px solid var(--border-color-light);background:var(--card-background-light);box-shadow:0 2px 4px #0000000d;color:var(--text-color-light);transition:all .3s ease;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:80px;display:flex;align-items:center;justify-content:center;position:relative}body.dark .quizzes-page .tab-button{background:var(--card-background-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.quizzes-page .tab-button.tab-button--active{border-color:#3b82f6!important;background:#3b82f6!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f640!important;font-weight:700!important}.quizzes-page .tab-button:not(.tab-button--active){color:#374151!important;background:#fff!important;border-color:#d1d5db!important;font-weight:600!important}body.dark .quizzes-page .tab-button.tab-button--active{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}body.dark .quizzes-page .tab-button:not(.tab-button--active){color:#e5e7eb!important;background:#1f2937!important;border-color:#4b5563!important}.quizzes-page .tab-button:hover:not(.tab-button--active){border-color:#3b82f6!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f626!important;background:#f8fafc!important}body.dark .quizzes-page .tab-button:hover:not(.tab-button--active){border-color:#3b82f6!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #3b82f626!important;background:#374151!important}.quiz-setup{text-align:center;padding:3rem 2rem;background:var(--card-background-light);border-radius:20px;box-shadow:0 10px 25px -5px #0000001a;margin:2rem 0;border:1px solid var(--border-color-light)}body.dark .quiz-setup{background:var(--card-background-dark);border-color:var(--border-color-dark)}.quiz-setup__content{width:100%;max-width:min(100%,44rem);min-width:0;margin:0 auto}.quiz-setup__icon{margin-bottom:2rem;color:var(--primary-color);display:flex;justify-content:center}.quiz-setup__icon svg{width:80px;height:80px;filter:drop-shadow(0 4px 8px rgba(59,130,246,.2))}.quiz-setup__title{font-size:2.25rem;font-weight:700;color:var(--text-color-light);margin-bottom:1.5rem;line-height:1.2}body.dark .quiz-setup__title{color:var(--text-color-dark)}.quiz-setup__description{font-size:1.25rem;color:var(--text-color-light);margin-bottom:2.5rem;line-height:1.6;opacity:.9}body.dark .quiz-setup__description{color:var(--text-color-dark)}.quiz-setup__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:1.25rem;margin-top:2.5rem}.quiz-setup__feature{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--background-color-light);border-radius:12px;border:1px solid var(--border-color-light);transition:all .3s ease}body.dark .quiz-setup__feature{background:var(--background-color-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.quiz-setup__feature:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.quiz-setup__feature-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;box-shadow:0 4px 12px #3b82f64d}.quiz-setup__feature span:last-child{font-size:1rem;font-weight:600;color:var(--text-color-light)}@media(max-width:768px){.quiz-question-card{padding:1.5rem}.quiz-question-card__question{font-size:1.25rem}.quiz-question-card__character{font-size:3rem}.quiz-options-grid{grid-template-columns:1fr}.quiz-results__stats{grid-template-columns:1fr;gap:1rem}.quiz-review__question-header{flex-wrap:wrap;gap:.5rem}.quiz-review__answer{flex-direction:column;align-items:flex-start;gap:.25rem}.quiz-review__answer-label{min-width:auto}.quizzes-page .tabs-nav{flex-wrap:wrap;gap:.5rem}.quizzes-page .tab-button{padding:.75rem 1.5rem;font-size:.875rem;flex:1;min-width:80px}.quiz-setup{padding:2rem 1.5rem;margin:1rem 0}.quiz-setup__title{font-size:1.875rem}.quiz-setup__description{font-size:1.125rem}.quiz-setup__features{grid-template-columns:1fr;gap:1rem}.quiz-setup__feature{padding:1.25rem}.quiz-setup__feature-icon{width:50px;height:50px}.quiz-setup__feature-icon svg{width:20px;height:20px}.quiz-setup__length-options{grid-template-columns:1fr;gap:.75rem}.quiz-setup__length-option{padding:1rem}.quiz-setup__length-icon{width:35px;height:35px;font-size:1.25rem}}@media(max-width:480px){.quizzes-page .tabs-nav{flex-direction:column;gap:.75rem}.quizzes-page .tab-button{width:100%;justify-content:center}.quiz-setup{padding:1.5rem 1rem;border-radius:16px}.quiz-setup__title{font-size:1.5rem}.quiz-setup__description{font-size:1rem}.quiz-setup__icon svg{width:60px;height:60px}.quiz-question-card{padding:1rem;border-radius:12px}.quiz-question-card__question{font-size:1.125rem}.quiz-question-card__character{font-size:2.5rem}.quiz-option-button{padding:1rem;font-size:.875rem}.quiz-option-button__letter{width:1.75rem;height:1.75rem;font-size:.75rem}}body.dark .quiz-setup__feature span:last-child{color:var(--text-color-dark)}.quiz-setup__length-selector{margin:2rem 0;text-align:left}.quiz-setup__length-title{font-size:1.25rem;font-weight:600;color:var(--text-color-light);margin-bottom:1rem;text-align:center}body.dark .quiz-setup__length-title{color:var(--text-color-dark)}.quiz-setup__length-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:1rem;margin-bottom:2rem}.quiz-setup__length-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:2px solid var(--border-color-light);border-radius:12px;background:var(--card-background-light);color:var(--text-color-light);cursor:pointer;transition:all .3s ease;text-align:left}body.dark .quiz-setup__length-option{background:var(--card-background-dark);border-color:var(--border-color-dark);color:var(--text-color-dark)}.quiz-setup__length-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.quiz-setup__length-option--active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f640}.quiz-setup__length-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;flex-shrink:0}.quiz-setup__length-option--active .quiz-setup__length-icon{background:#fff3}.quiz-setup__length-info{display:flex;flex-direction:column;gap:.25rem}.quiz-setup__length-name{font-size:1rem;font-weight:600}.quiz-setup__length-desc{font-size:.875rem;opacity:.8}.quiz-setup__length-option--active .quiz-setup__length-desc{opacity:.9}.streak-widget{position:relative;display:flex;align-items:center}.streak-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent;-webkit-user-select:none;user-select:none}.streak-badge--active{background:linear-gradient(135deg,#f9731626,#ea580c40);color:#ea580c;border-color:#f9731659;box-shadow:0 2px 8px #f9731626}body.dark .streak-badge--active{background:linear-gradient(135deg,#f9731638,#ea580c52);color:#fb923c;border-color:#fb923c66}.streak-badge--inactive{background-color:#f3f4f6;color:#6b7280;border-color:#e5e7eb}body.dark .streak-badge--inactive{background-color:#1e293b;color:#94a3b8;border-color:#334155}.streak-badge:hover{transform:translateY(-1px)}.streak-badge--active:hover{box-shadow:0 4px 12px #f9731640}.streak-badge__icon{width:1.15rem;height:1.15rem;flex-shrink:0}.streak-badge--active .streak-badge__icon{color:#f97316;filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}.streak-badge__count{line-height:1;font-variant-numeric:tabular-nums}.streak-popover{position:absolute;top:calc(100% + .65rem);right:0;width:280px;background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.125rem;box-shadow:0 12px 32px #0000001f;z-index:100}body.dark .streak-popover{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 12px 32px #0006}.streak-popover__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.streak-popover__flame{width:2.5rem;height:2.5rem;border-radius:.75rem;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;filter:grayscale(1);opacity:.75}body.dark .streak-popover__flame{background-color:#334155}.streak-popover__flame--active{background:linear-gradient(135deg,#f973162e,#ea580c47);filter:none;opacity:1}.streak-popover__title{margin:0;font-size:1rem;font-weight:700;color:var(--text-color-light)}body.dark .streak-popover__title{color:var(--text-color-dark)}.streak-popover__subtitle{margin:.15rem 0 0;font-size:.75rem;color:#6b7280}body.dark .streak-popover__subtitle{color:#94a3b8}.streak-popover__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.75rem .5rem;background-color:#f9fafb;border-radius:.75rem;margin-bottom:.875rem}body.dark .streak-popover__week{background-color:#0f172a}.streak-day{display:flex;flex-direction:column;align-items:center;gap:.35rem}.streak-day__label{font-size:.7rem;font-weight:600;color:#6b7280}body.dark .streak-day__label{color:#94a3b8}.streak-day--today .streak-day__label{color:#f97316;font-weight:700}.streak-day__dot{width:1.5rem;height:1.5rem;border-radius:9999px;border:1.5px dashed #d1d5db;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}body.dark .streak-day__dot{border-color:#475569}.streak-day__dot--done{background:linear-gradient(135deg,#f97316,#ea580c);border-style:solid;border-color:#ea580c}.streak-popover__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.streak-popover__stat{padding:.5rem .65rem;border-radius:.5rem;background-color:#f9fafb;display:flex;flex-direction:column}body.dark .streak-popover__stat{background-color:#0f172a}.streak-popover__stat-label{font-size:.7rem;color:#6b7280}body.dark .streak-popover__stat-label{color:#94a3b8}.streak-popover__stat-value{font-size:.95rem;font-weight:700;color:var(--text-color-light)}body.dark .streak-popover__stat-value{color:var(--text-color-dark)}.streak-popover__cta{width:100%;text-align:center}.mobile-menu__streak{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:var(--text-color-light)}body.dark .mobile-menu__streak{color:var(--text-color-dark)}.mobile-menu__streak-best{font-size:.8rem;color:#6b7280;font-weight:600}body.dark .mobile-menu__streak-best{color:#94a3b8}.word-detail-modal__pinyin-row{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin-top:.35rem}.word-detail-modal__pinyin-row .word-detail-modal__pinyin{margin:0}.audio-listen-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:9999px;font-size:.8rem;font-weight:600;background-color:#3b82f61f;color:var(--primary-color);border:1px solid rgba(59,130,246,.25);cursor:pointer;transition:all .2s ease}body.dark .audio-listen-btn{background-color:#60a5fa26;color:var(--primary-color-light);border-color:#60a5fa4d}.audio-listen-btn:hover{background-color:var(--primary-color);color:#fff}.audio-listen-btn--playing{background-color:var(--primary-color);color:#fff;box-shadow:0 0 0 3px #3b82f640}.audio-listen-btn--slow{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}body.dark .audio-listen-btn--slow{background-color:#334155;color:#cbd5e1;border-color:#475569}.pronunciation-practice-card{margin:1rem 0 1.25rem;padding:1rem 1.15rem;border-radius:.875rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.85rem}body.dark .pronunciation-practice-card{background-color:#0f172a;border-color:var(--border-color-dark)}.pronunciation-practice__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pronunciation-practice__info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:180px}.pronunciation-practice__title{font-size:.9rem;font-weight:700;color:var(--text-color-light)}body.dark .pronunciation-practice__title{color:var(--text-color-dark)}.pronunciation-practice__hint{font-size:.78rem;color:#6b7280}body.dark .pronunciation-practice__hint{color:#94a3b8}.mic-record-button{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.mic-record-button:hover:not(:disabled){background-color:var(--primary-color-dark);transform:translateY(-1px)}.mic-record-button:disabled{opacity:.6;cursor:not-allowed}.mic-record-button--recording{background-color:#ef4444;box-shadow:0 0 0 4px #ef444440}.mic-record-button--recording:hover:not(:disabled){background-color:#dc2626}.mic-pulse-ring{width:8px;height:8px;border-radius:9999px;background-color:#fff;animation:micPulse 1s infinite ease-in-out}@keyframes micPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.pronunciation-error{padding:.5rem .75rem;border-radius:.5rem;background-color:#ef44441a;color:#dc2626;font-size:.8rem;font-weight:500}body.dark .pronunciation-error{background-color:#ef444433;color:#fca5a5}.pronunciation-compare-bar{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding-top:.25rem}.compare-audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border-radius:.6rem;font-size:.8rem;font-weight:600;background-color:var(--card-background-light);color:var(--text-color-light);border:1px solid var(--border-color-light);cursor:pointer;transition:all .2s ease}body.dark .compare-audio-btn{background-color:var(--card-background-dark);color:var(--text-color-dark);border-color:var(--border-color-dark)}.compare-audio-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.compare-audio-btn--active{background-color:#3b82f61f;border-color:var(--primary-color);color:var(--primary-color)}.pronunciation-result{padding:.85rem;border-radius:.75rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.6rem}body.dark .pronunciation-result{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.pronunciation-result__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.pronunciation-score{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:9999px;font-weight:700}.pronunciation-score--excellent{background-color:#22c55e26;color:#15803d}body.dark .pronunciation-score--excellent{background-color:#22c55e38;color:#4ade80}.pronunciation-score--good{background-color:#f59e0b26;color:#b45309}body.dark .pronunciation-score--good{background-color:#f59e0b38;color:#fbbf24}.pronunciation-score--retry{background-color:#ef444426;color:#b91c1c}body.dark .pronunciation-score--retry{background-color:#ef444438;color:#f87171}.pronunciation-score__value{font-size:1rem}.pronunciation-score__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.pronunciation-comparison-details{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem}.pronunciation-comparison-pair{display:flex;align-items:center;gap:.35rem}.pronunciation-comparison-tag{color:#6b7280}body.dark .pronunciation-comparison-tag{color:#94a3b8}.pronunciation-result__feedback{margin:0;font-size:.82rem;line-height:1.45;color:#4b5563}body.dark .pronunciation-result__feedback{color:#cbd5e1}.tabular-nums{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}.hero-section{padding:3.5rem 0 2.75rem;border-bottom:1px solid var(--border-color-light);background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.05),transparent 45%)}body.dark .hero-section{border-bottom-color:var(--border-color-dark);background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08),transparent 45%)}.hero-split{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:stretch}@media(min-width:1024px){.hero-split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.25rem}}.hero-split__left{display:flex;flex-direction:column;justify-content:center;text-align:left}.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;flex-wrap:wrap}body.dark .hero-kicker{color:#60a5fa}.hero-split__left .hero-section__title{font-size:clamp(2.15rem,3.6vw,3.35rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;margin:0 0 1.25rem;text-wrap:balance;color:var(--text-color-light)}body.dark .hero-split__left .hero-section__title{color:var(--text-color-dark)}.hero-split__left .hero-section__subtitle{font-size:1.05rem;line-height:1.65;color:#475569;margin:0 0 1.85rem;max-width:60ch}body.dark .hero-split__left .hero-section__subtitle{color:#94a3b8}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero-cta-btn{padding:.75rem 1.35rem;font-size:.925rem;font-weight:600;border-radius:.6rem;white-space:nowrap}.hero-spotlight-card{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.15rem;box-shadow:0 8px 24px #0f172a0a}body.dark .hero-spotlight-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 8px 24px #00000040}.hero-spotlight__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hero-spotlight__meta{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#64748b}body.dark .hero-spotlight__meta{color:#94a3b8}.hero-spotlight__actions{display:flex;align-items:center;gap:.35rem}.hero-spotlight__main{display:flex;align-items:center;gap:1.25rem}.hero-spotlight__hanzi-box{width:5.5rem;height:5.5rem;border-radius:.875rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .hero-spotlight__hanzi-box{background-color:#0b1120;border-color:var(--border-color-dark)}.hero-spotlight__hanzi{font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:2.5rem;font-weight:700;color:var(--text-color-light)}body.dark .hero-spotlight__hanzi{color:var(--text-color-dark)}.hero-spotlight__details{display:flex;flex-direction:column;gap:.25rem;text-align:left}.hero-spotlight__pinyin{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;color:var(--primary-color)}body.dark .hero-spotlight__pinyin{color:#60a5fa}.hero-spotlight__meaning{font-size:1.15rem;font-weight:700;color:var(--text-color-light)}body.dark .hero-spotlight__meaning{color:var(--text-color-dark)}.hero-spotlight__tones{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:#64748b;margin-top:.15rem}body.dark .hero-spotlight__tones{color:#94a3b8}.hero-spotlight__example{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;border-radius:.75rem;background-color:#f8fafc;border:1px solid var(--border-color-light);text-align:left}body.dark .hero-spotlight__example{background-color:#0b1120;border-color:var(--border-color-dark)}.hero-spotlight__sentence{margin:0;font-size:.92rem;font-weight:600;color:var(--text-color-light)}body.dark .hero-spotlight__sentence{color:var(--text-color-dark)}.hero-spotlight__translation{margin:.2rem 0 0;font-size:.8rem;color:#64748b}body.dark .hero-spotlight__translation{color:#94a3b8}.hero-spotlight__btn{width:100%;padding:.65rem 1rem;font-weight:600}.hero-kpi-strip{margin-top:2.5rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color-light)}body.dark .hero-kpi-strip{border-top-color:var(--border-color-dark)}@media(min-width:640px){.hero-kpi-strip{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hero-kpi-strip{grid-template-columns:repeat(4,1fr)}}.hero-kpi-item{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.25rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:.75rem;text-align:left}body.dark .hero-kpi-item{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.hero-kpi__label{font-size:.75rem;font-weight:600;color:#64748b}body.dark .hero-kpi__label{color:#94a3b8}.hero-kpi__value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;color:var(--text-color-light)}.hero-kpi__value small{font-size:.85rem;font-weight:500;color:#64748b}body.dark .hero-kpi__value{color:var(--text-color-dark)}.hero-kpi__sub{font-size:.75rem;color:#64748b}body.dark .hero-kpi__sub{color:#94a3b8}.levels-matrix-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media(min-width:768px){.levels-matrix-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.levels-matrix-grid{grid-template-columns:repeat(3,1fr)}}.level-matrix-card{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:.875rem;padding:1.35rem;display:flex;flex-direction:column;gap:.85rem;transition:transform .18s ease,border-color .18s ease}body.dark .level-matrix-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.level-matrix-card:hover{transform:translateY(-2px);border-color:var(--primary-color)}.level-matrix__top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#64748b}body.dark .level-matrix__top{color:#94a3b8}.level-matrix__meta{display:flex;align-items:center;gap:.35rem;font-weight:600}.level-matrix__pct{font-weight:700;color:var(--primary-color)}body.dark .level-matrix__pct{color:#60a5fa}.level-matrix__title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.level-matrix__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-color-light)}body.dark .level-matrix__title{color:var(--text-color-dark)}.level-matrix__samples{font-size:.9rem;color:#64748b}body.dark .level-matrix__samples{color:#94a3b8}.level-matrix__desc{margin:0;font-size:.85rem;line-height:1.5;color:#475569;flex:1}.level-matrix__progress-track{width:100%;height:6px;border-radius:9999px;background-color:#e2e8f0;overflow:hidden}.level-matrix__progress-fill{height:100%;background-color:var(--primary-color);border-radius:9999px;transition:width .3s ease}.level-matrix__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.25rem}.level-matrix__count{font-size:.78rem;color:#64748b}.button--sm{padding:.4rem .85rem;font-size:.8rem}.feature-card__meta{font-size:.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}body.dark .feature-card__meta{color:#60a5fa}.feature-card__link{margin-top:auto;padding:.5rem 0 0;background:none;border:none;color:var(--primary-color);font-size:.85rem;font-weight:700;cursor:pointer;text-align:left}body.dark .feature-card__link{color:#60a5fa}.feature-card__link:hover{text-decoration:underline}.vocab-card{display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:1.15rem 1.25rem;border-radius:.875rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer}.vocab-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 6px 20px #0f172a0f}.vocab-card--mastered{border-color:#16a34a59}body.dark .vocab-card--mastered{border-color:#4ade8059}.vocab-card__top-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.vocab-card__meta{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#64748b;flex-wrap:wrap}body.dark .vocab-card__meta{color:#94a3b8}.vocab-card__index{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.vocab-card__quick-actions{display:flex;align-items:center;gap:.25rem}.vocab-card__icon-btn{width:1.75rem;height:1.75rem;border-radius:.45rem;border:1px solid transparent;background-color:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}body.dark .vocab-card__icon-btn{color:#94a3b8}.vocab-card__icon-btn:hover{background-color:#f1f5f9;color:var(--primary-color)}body.dark .vocab-card__icon-btn:hover{background-color:#1e293b;color:#60a5fa}.vocab-card__icon-btn--bookmarked{color:#f59e0b}body.dark .vocab-card__icon-btn--bookmarked{color:#fbbf24}.vocab-card__icon-btn--mastered{color:#16a34a;background-color:#16a34a1a}body.dark .vocab-card__icon-btn--mastered{color:#4ade80;background-color:#4ade8026}.vocab-card__char{font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:2rem;font-weight:700;margin:.15rem 0;color:var(--text-color-light)}body.dark .vocab-card__char{color:var(--text-color-dark)}.vocab-card__pinyin{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--primary-color);margin:0 0 .25rem}body.dark .vocab-card__pinyin{color:#60a5fa}.vocab-card__meaning{font-size:.92rem;font-weight:500;color:#334155;margin:0}body.dark .vocab-card__meaning{color:#cbd5e1}.vocab-card__footer{margin-top:.85rem;padding-top:.65rem;border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;font-size:.72rem}body.dark .vocab-card__footer{border-top-color:var(--border-color-dark)}.vocab-card__cta-hint{color:#64748b;font-weight:500}body.dark .vocab-card__cta-hint{color:#94a3b8}.vocab-card__status-text{color:#16a34a;font-weight:700}body.dark .vocab-card__status-text{color:#4ade80}.learn-toolbar-card{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:.875rem;padding:1.25rem;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:1rem}body.dark .learn-toolbar-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.learn-toolbar__progress{display:flex;flex-direction:column;gap:.45rem}.learn-toolbar__progress-labels{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600}.learn-toolbar__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.segmented-control{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background-color:#f1f5f9;border-radius:.6rem;flex-wrap:wrap}body.dark .segmented-control{background-color:#0b1120}.segmented-control__btn{padding:.4rem .75rem;border-radius:.45rem;font-size:.78rem;font-weight:600;border:none;background:transparent;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s ease}body.dark .segmented-control__btn{color:#94a3b8}.segmented-control__btn--active{background-color:var(--card-background-light);color:var(--text-color-light);box-shadow:0 1px 3px #00000014}body.dark .segmented-control__btn--active{background-color:#1e293b;color:var(--text-color-dark)}.learn-toolbar__search{flex:1;min-width:220px;max-width:320px}.learn-toolbar__search-input{width:100%;padding:.5rem .85rem;border-radius:.55rem;border:1px solid var(--border-color-light);background-color:var(--background-color-light);color:var(--text-color-light);font-size:.85rem}body.dark .learn-toolbar__search-input{border-color:var(--border-color-dark);background-color:#0b1120;color:var(--text-color-dark)}.dictionary-results-meta{margin:.5rem 0 1rem;font-size:.8rem;color:#64748b}body.dark .dictionary-results-meta{color:#94a3b8}.search-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem .6rem;font-size:.75rem;font-weight:600;border-radius:.4rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:#64748b;cursor:pointer}body.dark .search-clear-btn{background-color:#1e293b;border-color:#334155;color:#cbd5e1}.dictionary-table-wrapper{width:100%;overflow-x:auto;background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:.875rem}body.dark .dictionary-table-wrapper{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.dictionary-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.dictionary-table th{padding:.85rem 1rem;font-size:.75rem;font-weight:700;color:#64748b;border-bottom:1px solid var(--border-color-light);white-space:nowrap}body.dark .dictionary-table th{color:#94a3b8;border-bottom-color:var(--border-color-dark)}.dictionary-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color-light);vertical-align:middle}body.dark .dictionary-table td{border-bottom-color:var(--border-color-dark)}.dictionary-table__row{cursor:pointer;transition:background-color .15s ease}.dictionary-table__row:hover{background-color:#f8fafc}body.dark .dictionary-table__row:hover{background-color:#1e293b}.dictionary-table__char{font-size:1.35rem;font-weight:700}.dictionary-table__pinyin{font-family:JetBrains Mono,monospace;color:var(--primary-color);font-weight:600}body.dark .dictionary-table__pinyin{color:#60a5fa}.dictionary-table__actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.stroke-pad-container{margin:.75rem 0 1rem;padding:1rem;border-radius:.875rem;background-color:#f8fafc;border:1px solid var(--border-color-light)}body.dark .stroke-pad-container{background-color:#0b1120;border-color:var(--border-color-dark)}.stroke-pad__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;flex-wrap:wrap}.stroke-pad__controls{display:flex;align-items:center;gap:.4rem}.stroke-pad__stage{display:flex;justify-content:center}.mizige-box{position:relative;width:220px;height:220px;background-color:var(--card-background-light);border:2px solid #cbd5e1;border-radius:.5rem;overflow:hidden;background-image:linear-gradient(to right,transparent 49.5%,rgba(239,68,68,.25) 49.5%,rgba(239,68,68,.25) 50.5%,transparent 50.5%),linear-gradient(to bottom,transparent 49.5%,rgba(239,68,68,.25) 49.5%,rgba(239,68,68,.25) 50.5%,transparent 50.5%),linear-gradient(45deg,transparent 49.5%,rgba(239,68,68,.15) 49.5%,rgba(239,68,68,.15) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgba(239,68,68,.15) 49.5%,rgba(239,68,68,.15) 50.5%,transparent 50.5%)}body.dark .mizige-box{background-color:#111827;border-color:#334155}.mizige-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:6.5rem;color:#94a3b847;pointer-events:none;-webkit-user-select:none;user-select:none}.mizige-canvas{position:relative;z-index:2;cursor:crosshair;touch-action:none}.word-detail-item__example-row,.dialogue-line__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.word-detail-modal{max-width:680px!important;max-height:90vh;overflow-y:auto}.stroke-visualizer-card{margin:.75rem 0 1.25rem;padding:1.15rem;border-radius:.875rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.9rem}body.dark .stroke-visualizer-card{background-color:#0b1120;border-color:var(--border-color-dark)}.stroke-visualizer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.stroke-visualizer__title-group{display:flex;align-items:center;gap:.65rem}.stroke-visualizer__title{font-size:.88rem;font-weight:700;color:var(--text-color-light)}body.dark .stroke-visualizer__title{color:var(--text-color-dark)}.stroke-visualizer__counter{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--primary-color);background-color:#2563eb1a;padding:.2rem .55rem;border-radius:.375rem}body.dark .stroke-visualizer__counter{color:#60a5fa;background-color:#60a5fa26}.stroke-visualizer__toggles{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.stroke-chip-btn{padding:.28rem .6rem;font-size:.74rem;font-weight:600;border-radius:.4rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:#475569;cursor:pointer;transition:all .15s ease}body.dark .stroke-chip-btn{background-color:#1e293b;border-color:#334155;color:#94a3b8}.stroke-chip-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.stroke-chip-btn--active{background-color:#2563eb1a;border-color:var(--primary-color);color:var(--primary-color)}body.dark .stroke-chip-btn--active{background-color:#60a5fa2e;border-color:#60a5fa;color:#60a5fa}.stroke-chip-btn--trace{background-color:#10b9811f;border-color:#10b981;color:#059669}body.dark .stroke-chip-btn--trace{background-color:#10b98133;border-color:#34d399;color:#34d399}.stroke-visualizer__char-tabs{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-bottom:.65rem;border-bottom:1px solid var(--border-color-light)}body.dark .stroke-visualizer__char-tabs{border-bottom-color:var(--border-color-dark)}.stroke-visualizer__char-list{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.stroke-char-tab{display:inline-flex;align-items:baseline;gap:.35rem;padding:.35rem .75rem;border-radius:.5rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--text-color-light);cursor:pointer;transition:all .15s ease}body.dark .stroke-char-tab{background-color:#1e293b;border-color:#334155;color:var(--text-color-dark)}.stroke-char-tab--active{border-color:var(--primary-color);background-color:#2563eb14;box-shadow:0 0 0 1px var(--primary-color)}body.dark .stroke-char-tab--active{border-color:#60a5fa;background-color:#60a5fa26;box-shadow:0 0 0 1px #60a5fa}.stroke-char-tab__hanzi{font-size:1.25rem;font-weight:700}.stroke-char-tab__idx{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#64748b}body.dark .stroke-char-tab__idx{color:#94a3b8}.stroke-visualizer__main{display:grid;grid-template-columns:240px 1fr;gap:1.25rem;align-items:start}@media(max-width:640px){.stroke-visualizer__main{grid-template-columns:1fr;justify-items:center}.stroke-visualizer__controls-panel{width:100%}}.stroke-visualizer__stage-wrap{display:flex;justify-content:center}.mizige-stage{position:relative;width:240px;height:240px;background-color:#fff;border:2px solid #cbd5e1;border-radius:.65rem;overflow:hidden;box-shadow:inset 0 2px 6px #0f172a0a}body.dark .mizige-stage{background-color:#0f172a;border-color:#334155}.mizige-svg{width:100%;height:100%;display:block}.mizige-grid-lines line{stroke:#ef444438;stroke-width:4}body.dark .mizige-grid-lines line{stroke:#f871712e}.hanzi-stroke-ghost{fill:#e2e8f0}body.dark .hanzi-stroke-ghost{fill:#1e293b}.hanzi-stroke-completed{fill:#0f172a;transition:fill .2s ease}body.dark .hanzi-stroke-completed{fill:#f8fafc}.hanzi-stroke-active-complete{fill:#e11d48}body.dark .hanzi-stroke-active-complete{fill:#fb7185}.hanzi-stroke-animating{fill:none;stroke:#e11d48;stroke-width:165;stroke-linecap:round;stroke-linejoin:round}body.dark .hanzi-stroke-animating{stroke:#fb7185}.hanzi-brush-tip__halo{fill:#e11d4847}.hanzi-brush-tip__core{fill:#e11d48}body.dark .hanzi-brush-tip__core{fill:#fb7185}.hanzi-stroke-num-bg{fill:#0f172ab8}body.dark .hanzi-stroke-num-bg{fill:#1e293be6}.hanzi-stroke-num-bg--active{fill:#e11d48}.hanzi-stroke-num-text{fill:#fff;font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700}.mizige-overlay-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1rem;text-align:center;font-size:.8rem;color:#64748b;background-color:#ffffffbf}body.dark .mizige-overlay-status{background-color:#0f172abf;color:#94a3b8}.mizige-fallback-char{font-size:5rem;font-weight:700;color:var(--text-color-light)}body.dark .mizige-fallback-char{color:var(--text-color-dark)}.mizige-fallback-note{font-size:.72rem}.mizige-trace-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;cursor:crosshair;touch-action:none}.stroke-visualizer__controls-panel{display:flex;flex-direction:column;gap:.85rem;min-width:0}.stroke-playback-row{display:flex;align-items:center;gap:.5rem}.stroke-ctrl-btn{padding:.5rem .85rem;border-radius:.5rem;font-size:.82rem;font-weight:600;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--text-color-light);cursor:pointer;transition:all .15s ease}body.dark .stroke-ctrl-btn{background-color:#1e293b;border-color:#334155;color:var(--text-color-dark)}.stroke-ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.stroke-ctrl-btn--primary{flex:1;background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark .stroke-ctrl-btn--primary{background-color:#2563eb;border-color:#3b82f6;color:#fff}.stroke-secondary-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.stroke-speed-group{display:inline-flex;background-color:#e2e8f0;padding:.2rem;border-radius:.45rem;gap:.15rem}body.dark .stroke-speed-group{background-color:#1e293b}.stroke-speed-btn{padding:.22rem .5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;border:none;border-radius:.35rem;background:transparent;color:#475569;cursor:pointer}body.dark .stroke-speed-btn{color:#94a3b8}.stroke-speed-btn--active{background-color:#fff;color:#0f172a;box-shadow:0 1px 2px #00000014}body.dark .stroke-speed-btn--active{background-color:#0f172a;color:#f8fafc}.stroke-sequence-section{display:flex;flex-direction:column;gap:.45rem}.stroke-sequence-label{font-size:.74rem;font-weight:600;color:#64748b}body.dark .stroke-sequence-label{color:#94a3b8}.stroke-sequence-strip{display:flex;align-items:center;gap:.45rem;overflow-x:auto;padding-bottom:.35rem}.stroke-step-box{position:relative;flex:0 0 54px;width:54px;height:54px;border-radius:.45rem;border:1px solid var(--border-color-light);background-color:#fff;padding:.2rem;cursor:pointer;transition:all .15s ease}body.dark .stroke-step-box{background-color:#0f172a;border-color:#334155}.stroke-step-box:hover{border-color:var(--primary-color)}.stroke-step-box--active{border-color:#e11d48;box-shadow:0 0 0 1px #e11d48}body.dark .stroke-step-box--active{border-color:#fb7185;box-shadow:0 0 0 1px #fb7185}.stroke-step-box__num{position:absolute;top:2px;left:4px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;color:#64748b}body.dark .stroke-step-box__num{color:#94a3b8}.stroke-step-box__svg{width:100%;height:100%;display:block}.stroke-step-box__ghost{fill:#f1f5f9}body.dark .stroke-step-box__ghost{fill:#1e293b}.stroke-step-box__done{fill:#64748b}body.dark .stroke-step-box__done{fill:#94a3b8}.stroke-step-box__highlight{fill:#e11d48}body.dark .stroke-step-box__highlight{fill:#fb7185}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.lesson-card__objectives{list-style:disc;padding-left:1.25rem;margin:0 0 1.25rem;font-size:.86rem;color:var(--text-color-secondary-light);display:flex;flex-direction:column;gap:.35rem;line-height:1.45}body.dark .lesson-card__objectives{color:var(--text-color-secondary-dark)}.lesson-card__footer{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}body.dark .lesson-card__footer{border-color:var(--border-color-dark)}.lesson-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.lesson-detail-topbar .back-button{margin-bottom:0}.lesson-objectives-box{margin-top:1.25rem;padding:1.15rem 1.35rem;border-radius:12px;border:1px solid var(--border-color-light);background-color:var(--card-background-light)}body.dark .lesson-objectives-box{border-color:var(--border-color-dark);background-color:var(--card-background-dark)}.lesson-objectives-box__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);margin:0 0 .65rem}.lesson-objectives-box__list{margin:0;padding-left:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.45rem 1.5rem;font-size:.92rem;color:var(--text-color-light);line-height:1.5}body.dark .lesson-objectives-box__list{color:var(--text-color-dark)}.lesson-dialogue-block,.lesson-reading-card,.lesson-grammar-card{margin-bottom:2.25rem}.lesson-dialogue-block__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.lesson-section-heading{font-size:1.35rem;font-weight:700;color:var(--text-color-light);margin:0 0 .25rem}body.dark .lesson-section-heading{color:var(--text-color-dark)}.lesson-section-subheading{font-size:.95rem;color:var(--text-color-secondary-light);margin:0 0 1rem;line-height:1.5}body.dark .lesson-section-subheading{color:var(--text-color-secondary-dark)}.dialogue-line__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dialogue-line__speaker{font-weight:700}.lesson-phonetic-examples{margin-top:.5rem;font-size:.92rem;color:var(--text-color-light)}body.dark .lesson-phonetic-examples{color:var(--text-color-dark)}.grammar-point__structure{font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.65rem .9rem;border-radius:8px;border:1px solid var(--border-color-light);background-color:var(--background-color-light);color:var(--text-color-light);margin-bottom:1rem}body.dark .grammar-point__structure{border-color:var(--border-color-dark);background-color:var(--background-color-dark);color:var(--text-color-dark)}.lesson-grammar-tip{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color-light);background-color:var(--background-color-light);font-size:.9rem;color:var(--text-color-secondary-light);line-height:1.5}body.dark .lesson-grammar-tip{border-color:var(--border-color-dark);background-color:var(--background-color-dark);color:var(--text-color-secondary-dark)}.lesson-exercise-score{display:flex;align-items:center;gap:.85rem;font-size:.95rem;color:var(--text-color-light)}body.dark .lesson-exercise-score{color:var(--text-color-dark)}.lesson-exercise-card{background:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:12px;padding:1.35rem;margin-bottom:1.25rem}body.dark .lesson-exercise-card{background:var(--card-background-dark);border-color:var(--border-color-dark)}.lesson-exercise-card__question{font-size:1.05rem;font-weight:600;color:var(--text-color-light);margin:0 0 .85rem;line-height:1.5}body.dark .lesson-exercise-card__question{color:var(--text-color-dark)}.lesson-exercise-card__prompt{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color-light);background-color:var(--background-color-light);margin-bottom:1rem}body.dark .lesson-exercise-card__prompt{border-color:var(--border-color-dark);background-color:var(--background-color-dark)}.lesson-exercise-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.lesson-exercise-option{display:flex;align-items:center;gap:.6rem;text-align:left;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color-light);background-color:var(--background-color-light);color:var(--text-color-light);font-size:.95rem;cursor:pointer;transition:all .15s ease}body.dark .lesson-exercise-option{border-color:var(--border-color-dark);background-color:var(--background-color-dark);color:var(--text-color-dark)}.lesson-exercise-option:hover{border-color:var(--primary-color)}.lesson-exercise-option__letter{font-weight:700;color:var(--primary-color)}.lesson-exercise-option--correct{border-color:#059669;background-color:#10b9811a}.lesson-exercise-option--incorrect{border-color:#dc2626;background-color:#ef44441a}.lesson-exercise-feedback{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;font-size:.92rem;line-height:1.5;border:1px solid var(--border-color-light)}.lesson-exercise-feedback--correct{border-color:#059669;background-color:#10b98114;color:var(--text-color-light)}.lesson-exercise-feedback--incorrect{border-color:#dc2626;background-color:#ef444414;color:var(--text-color-light)}body.dark .lesson-exercise-feedback--correct,body.dark .lesson-exercise-feedback--incorrect{color:var(--text-color-dark)}.lesson-Bottom-nav{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}body.dark .lesson-Bottom-nav{border-color:var(--border-color-dark)}.goal-widget{position:relative;display:flex;align-items:center}.goal-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem .7rem;border-radius:6px;font-size:.825rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color-light);background-color:#f8fafc;color:#334155;-webkit-user-select:none;user-select:none}body.dark .goal-badge{background-color:#1e293b;border-color:#334155;color:#cbd5e1}.goal-badge--progress{background-color:#2563eb1a;color:var(--primary-color);border-color:#2563eb4d}body.dark .goal-badge--progress{background-color:#60a5fa29;color:#60a5fa;border-color:#60a5fa59}.goal-badge--complete{background-color:#10b98124;color:#059669;border-color:#10b98161}body.dark .goal-badge--complete{background-color:#10b98133;color:#34d399;border-color:#34d39966}.goal-badge:hover{transform:translateY(-1px)}.goal-badge__icon{width:1.05rem;height:1.05rem;flex-shrink:0}.goal-badge__count{line-height:1}.goal-popover{position:absolute;top:calc(100% + .65rem);right:0;width:320px;background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:12px;padding:1.125rem;box-shadow:0 12px 32px #00000024;z-index:100}body.dark .goal-popover{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 12px 32px #00000073}.goal-popover__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.goal-popover__ring{width:2.75rem;height:2.75rem;border-radius:8px;background-color:#2563eb1a;border:1.5px solid rgba(37,99,235,.3);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0}body.dark .goal-popover__ring{background-color:#60a5fa26;border-color:#60a5fa59;color:#60a5fa}.goal-popover__ring--complete{background-color:#10b98126;border-color:#10b98166;color:#059669}body.dark .goal-popover__ring--complete{color:#34d399}.goal-popover__title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-color-light)}body.dark .goal-popover__title{color:var(--text-color-dark)}.goal-popover__subtitle{margin:.15rem 0 0;font-size:.76rem;color:#64748b}body.dark .goal-popover__subtitle{color:#94a3b8}.goal-popover__progress-track{width:100%;height:7px;border-radius:4px;background-color:#e2e8f0;overflow:hidden;margin-bottom:.9rem}body.dark .goal-popover__progress-track{background-color:#1e293b}.goal-popover__progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;transition:width .3s ease}.goal-popover__progress-fill--complete,.daily-goal-fill--complete{background:linear-gradient(90deg,#059669,#10b981)!important}.goal-popover__section{margin-bottom:.9rem}.goal-popover__label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.45rem}body.dark .goal-popover__label{color:#94a3b8}.goal-popover__presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.5rem}.goal-preset-btn{padding:.35rem .5rem;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color-light);background-color:#f8fafc;color:var(--text-color-light);cursor:pointer;transition:all .15s ease}body.dark .goal-preset-btn{background-color:#0f172a;border-color:#334155;color:var(--text-color-dark)}.goal-preset-btn:hover{border-color:var(--primary-color)}.goal-preset-btn--active,body.dark .goal-preset-btn--active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.goal-popover__custom-form{display:flex;gap:.4rem;align-items:center}.goal-popover__input{flex:1;min-width:0;padding:.38rem .6rem;font-size:.82rem;border-radius:6px;border:1px solid var(--border-color-light);background-color:#fff;color:var(--text-color-light)}body.dark .goal-popover__input{background-color:#0f172a;border-color:#334155;color:var(--text-color-dark)}.goal-popover__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.65rem .45rem;background-color:#f8fafc;border-radius:8px;margin-bottom:.8rem}body.dark .goal-popover__week{background-color:#0f172a}.goal-day__dot{width:1.55rem;height:1.55rem;border-radius:6px;border:1.5px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#475569}body.dark .goal-day__dot{border-color:#475569;color:#cbd5e1}.goal-day__dot--partial{border-style:solid;border-color:#3b82f6;background-color:#3b82f61f;color:#2563eb}body.dark .goal-day__dot--partial{color:#60a5fa}.goal-day__dot--met{border-style:solid;border-color:#059669;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.goal-popover__today-words{margin-bottom:.8rem}.goal-popover__chips{display:flex;flex-wrap:wrap;gap:.3rem}.goal-popover__chip{padding:.18rem .48rem;font-size:.8rem;border-radius:5px;background-color:#f1f5f9;border:1px solid var(--border-color-light);color:var(--text-color-light)}body.dark .goal-popover__chip{background-color:#1e293b;border-color:#334155;color:var(--text-color-dark)}.daily-goal-section{padding:1.5rem 0 .5rem}.daily-goal-card{display:grid;grid-template-columns:1.35fr 1fr;gap:1.75rem;padding:1.65rem 1.85rem;border-radius:12px;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 4px 18px #0f172a0a}body.dark .daily-goal-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 4px 20px #00000040}@media(max-width:900px){.daily-goal-card{grid-template-columns:1fr;padding:1.25rem}}.daily-goal-card__title{margin:.45rem 0 .5rem;font-size:1.35rem;font-weight:800;color:var(--text-color-light)}body.dark .daily-goal-card__title{color:var(--text-color-dark)}.daily-goal-card__desc{margin:0 0 1.1rem;font-size:.92rem;line-height:1.55;color:#64748b}body.dark .daily-goal-card__desc{color:#94a3b8}.daily-goal-card__bar-wrap{margin-bottom:1rem}.daily-goal-card__bar-labels{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600;margin-bottom:.4rem;color:var(--text-color-light)}body.dark .daily-goal-card__bar-labels{color:var(--text-color-dark)}.daily-goal-card__subhead{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.5rem}body.dark .daily-goal-card__subhead{color:#94a3b8}.daily-goal-card__word-chips{display:flex;flex-wrap:wrap;gap:.45rem}.daily-goal-word-chip{display:inline-flex;align-items:baseline;gap:.35rem;padding:.3rem .65rem;border-radius:6px;border:1px solid var(--border-color-light);background-color:#f8fafc;color:var(--text-color-light);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s ease}body.dark .daily-goal-word-chip{background-color:#0f172a;border-color:#334155;color:var(--text-color-dark)}.daily-goal-word-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.daily-goal-word-chip small{font-size:.75rem;color:#64748b;font-weight:500}body.dark .daily-goal-word-chip small{color:#94a3b8}.daily-goal-controls-box{padding:1.1rem 1.2rem;border-radius:10px;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.85rem}body.dark .daily-goal-controls-box{background-color:#0f172a;border-color:#1e293b}.daily-goal-week-strip{margin-top:.25rem}.daily-goal-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;align-items:end}.daily-goal-day-col{display:flex;flex-direction:column;align-items:center;gap:.25rem}.daily-goal-day-bar-track{width:100%;max-width:26px;height:46px;border-radius:5px;background-color:#e2e8f0;display:flex;align-items:flex-end;overflow:hidden}body.dark .daily-goal-day-bar-track{background-color:#1e293b}.daily-goal-day-bar-fill{width:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px;transition:height .3s ease}.daily-goal-day-bar-fill--met{background:linear-gradient(180deg,#10b981,#059669)}.daily-goal-day-count{font-size:.72rem;font-weight:700;color:var(--text-color-light)}body.dark .daily-goal-day-count{color:var(--text-color-dark)}.daily-goal-day-label{font-size:.68rem;font-weight:600;color:#64748b}.daily-goal-day-col--today .daily-goal-day-label{color:var(--primary-color);font-weight:800}.header{background-color:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-color-light)}body.dark .header{background-color:#0b1120e0;border-bottom:1px solid var(--border-color-dark)}.header__nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:.85rem;padding-bottom:.85rem;min-height:4.25rem}.header__brand{display:flex;align-items:center;flex-shrink:0}.header__logo-link{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;white-space:nowrap}.header__logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:.55rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:1.15rem;font-weight:700;letter-spacing:0;box-shadow:0 2px 8px #2563eb40;flex-shrink:0}.header__logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-color-light);white-space:nowrap}body.dark .header__logo-text{color:#f8fafc}.header__nav-links{display:none;align-items:center;justify-content:center;gap:.35rem;flex:1;min-width:0}@media(min-width:1024px){.header__nav-links{display:flex}}.header__nav-links .nav-link{position:relative;padding:.45rem .8rem;border-radius:.5rem;font-size:.9rem;font-weight:600;color:#475569;white-space:nowrap;flex-shrink:0;transition:color .16s ease,background-color .16s ease}body.dark .header__nav-links .nav-link{color:#94a3b8}.header__nav-links .nav-link:hover{color:var(--text-color-light);background-color:#0f172a0a}body.dark .header__nav-links .nav-link:hover{color:#f8fafc;background-color:#ffffff0d}.header__nav-links .nav-link--current{color:var(--primary-color);background-color:#2563eb14;font-weight:700}body.dark .header__nav-links .nav-link--current{color:#60a5fa;background-color:#3b82f624}.header__actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.header__telemetry-group{display:inline-flex;align-items:center;padding:.2rem;border-radius:.6rem;background-color:#f1f5f9;border:1px solid var(--border-color-light);gap:.2rem}body.dark .header__telemetry-group{background-color:#111827;border-color:#1e293b}.header__telemetry-divider{width:1px;height:1.15rem;background-color:#cbd5e1}body.dark .header__telemetry-divider{background-color:#334155}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{height:1.9rem;padding:0 .6rem;border-radius:.42rem;font-size:.8rem;font-weight:700;border:1px solid transparent;box-shadow:none;white-space:nowrap}.header__telemetry-group .goal-badge--idle{background-color:transparent;color:#475569;border-color:transparent}body.dark .header__telemetry-group .goal-badge--idle{background-color:transparent;color:#cbd5e1;border-color:transparent}.header__telemetry-group .goal-badge:hover,.header__telemetry-group .streak-badge:hover{transform:none;background-color:#0f172a0d}body.dark .header__telemetry-group .goal-badge:hover,body.dark .header__telemetry-group .streak-badge:hover{background-color:#ffffff0f}.header__telemetry-group .streak-badge--active{background:#f9731624;color:#ea580c;border-color:#f9731647}body.dark .header__telemetry-group .streak-badge--active{background:#f973162e;color:#fb923c;border-color:#fb923c4d}.header__telemetry-group .streak-badge--inactive{background-color:transparent;color:#64748b;border-color:transparent}body.dark .header__telemetry-group .streak-badge--inactive{background-color:transparent;color:#94a3b8;border-color:transparent}.header__action-divider{display:none;width:1px;height:1.35rem;background-color:var(--border-color-light)}body.dark .header__action-divider{background-color:var(--border-color-dark)}@media(min-width:1024px){.header__action-divider{display:block}}.header__signin-link{background:transparent;border:none;padding:.45rem .65rem;border-radius:.45rem;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;white-space:nowrap;transition:color .16s ease,background-color .16s ease}body.dark .header__signin-link{color:#cbd5e1}.header__signin-link:hover{color:var(--text-color-light);background-color:#0f172a0a}body.dark .header__signin-link:hover{color:#fff;background-color:#ffffff0f}.header__signup-btn,.header__auth-btn{padding:.45rem .95rem;border-radius:.5rem;font-size:.85rem;font-weight:600;white-space:nowrap}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--border-color-light);background-color:transparent;color:#475569;padding:0;transition:all .16s ease;flex-shrink:0}body.dark .theme-toggle{border-color:var(--border-color-dark);color:#cbd5e1}.theme-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .theme-toggle:hover{border-color:#60a5fa;color:#60a5fa}.theme-toggle svg{width:1.15rem;height:1.15rem}.footer{background-color:var(--card-background-light);border-top:1px solid var(--border-color-light);margin-top:4rem}body.dark .footer{background-color:#0b1120;border-top:1px solid var(--border-color-dark)}.footer__container{padding-top:3.25rem;padding-bottom:2.25rem}.footer__grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:2.5rem;padding-bottom:2.25rem;border-bottom:1px solid var(--border-color-light);align-items:start}body.dark .footer__grid{border-bottom-color:var(--border-color-dark)}@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:640px){.footer__grid{grid-template-columns:1fr;gap:1.75rem}}.footer__brand-col{display:flex;flex-direction:column;align-items:flex-start;gap:1.15rem}.footer__logo-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.footer__brand-titles{display:flex;flex-direction:column;gap:.15rem}.footer__logo-text{font-size:1.25rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-color-light)}body.dark .footer__logo-text{color:#f8fafc}.footer__brand-badge{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color)}body.dark .footer__brand-badge{color:var(--primary-color-light)}.footer__hsk-jumps{width:100%;max-width:290px;display:flex;flex-direction:column;gap:.55rem}.footer__hsk-jumps-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}body.dark .footer__hsk-jumps-label{color:#94a3b8}.footer__hsk-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:100%}.footer__hsk-chip{display:inline-flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.42rem .65rem;font-size:.76rem;font-weight:700;border-radius:.5rem;border:1px solid var(--border-color-light);background-color:#f8fafc;color:#334155;cursor:pointer;transition:all .16s ease;white-space:nowrap}body.dark .footer__hsk-chip{background-color:#0f172abf;border-color:#94a3b829;color:#e2e8f0}.footer__hsk-chip-arrow{font-size:.72rem;opacity:.55;transition:transform .16s ease,opacity .16s ease}.footer__hsk-chip:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:rgba(var(--primary-rgb),.06);transform:translateY(-1px)}.footer__hsk-chip:hover .footer__hsk-chip-arrow{opacity:1;transform:translate(2px)}body.dark .footer__hsk-chip:hover{border-color:var(--primary-color-light);color:var(--primary-color-light);background-color:rgba(var(--primary-rgb),.14)}.footer__nav-col{display:flex;flex-direction:column;align-items:flex-start}.footer__col-title{margin:0 0 .9rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color-light)}body.dark .footer__col-title{color:#f8fafc}.footer__link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.footer__nav-link{font-size:.875rem;font-weight:500;color:#64748b;text-decoration:none;transition:color .15s ease}body.dark .footer__nav-link{color:#94a3b8}.footer__nav-link:hover,.footer__nav-link--active{color:var(--primary-color)}body.dark .footer__nav-link:hover,body.dark .footer__nav-link--active{color:var(--primary-color-light)}.footer__contact-stack{display:flex;flex-direction:column;gap:.7rem}.footer__bottom{padding-top:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.825rem;color:#64748b}body.dark .footer__bottom{color:#94a3b8}.footer__copyright{margin:0}.footer__bottom-links{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.footer__bottom-link{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s ease}body.dark .footer__bottom-link{color:#94a3b8}.footer__bottom-link:hover{color:var(--primary-color)}body.dark .footer__bottom-link:hover{color:var(--primary-color-light)}.footer__top-btn{background:none;border:none;padding:0;font-size:.825rem;font-weight:600;color:var(--primary-color);cursor:pointer}body.dark .footer__top-btn{color:var(--primary-color-light)}.footer__top-btn:hover{text-decoration:underline}.profile-badges-section{padding:1.5rem 0 .75rem}.profile-badges-wrapper{padding:1.75rem 1.85rem;border-radius:12px;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 4px 18px #0f172a0a;display:flex;flex-direction:column;gap:1.5rem}body.dark .profile-badges-wrapper{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 4px 20px #00000040}@media(max-width:768px){.profile-badges-wrapper{padding:1.25rem}}.scholar-profile-header{display:flex;align-items:center;justify-content:space-between;gap:1.75rem;padding-bottom:1.35rem;border-bottom:1px solid var(--border-color-light);flex-wrap:wrap}body.dark .scholar-profile-header{border-bottom-color:var(--border-color-dark)}.scholar-profile__identity{display:flex;align-items:center;gap:1.15rem}.scholar-profile__avatar{width:3.75rem;height:3.75rem;border-radius:.75rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;letter-spacing:.04em;flex-shrink:0;box-shadow:0 4px 12px #2563eb40}.scholar-profile__title{margin:.25rem 0 .35rem;font-size:1.35rem;font-weight:800;color:var(--text-color-light)}body.dark .scholar-profile__title{color:var(--text-color-dark)}.scholar-profile__stats-line{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:#64748b}body.dark .scholar-profile__stats-line{color:#94a3b8}.scholar-profile__stats-line strong{color:var(--text-color-light);font-weight:700}body.dark .scholar-profile__stats-line strong{color:#f8fafc}.scholar-profile__summary{min-width:min(100%,260px);max-width:min(100%,340px);flex:1;display:flex;flex-direction:column;gap:.45rem}.scholar-profile__progress-head{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-color-light)}body.dark .scholar-profile__progress-head{color:var(--text-color-dark)}.scholar-profile__next-hint{margin:.1rem 0 0;font-size:.78rem;color:#64748b}body.dark .scholar-profile__next-hint{color:#94a3b8}.scholar-profile__next-hint strong{color:var(--primary-color)}body.dark .scholar-profile__next-hint strong{color:#60a5fa}.badges-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.badges-toolbar__left{display:flex;flex-direction:column;gap:.15rem}.badges-toolbar__heading{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-color-light)}body.dark .badges-toolbar__heading{color:var(--text-color-dark)}.badges-toolbar__sub{font-size:.8rem;color:#64748b}body.dark .badges-toolbar__sub{color:#94a3b8}.badges-filter-tabs{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:.55rem;background-color:#f1f5f9;border:1px solid var(--border-color-light)}body.dark .badges-filter-tabs{background-color:#0f172a;border-color:var(--border-color-dark)}.badges-filter-tab{padding:.35rem .75rem;border-radius:.4rem;border:none;background:transparent;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .15s ease}body.dark .badges-filter-tab{color:#94a3b8}.badges-filter-tab:hover{color:var(--text-color-light)}body.dark .badges-filter-tab:hover{color:#f8fafc}.badges-filter-tab--active{background-color:#fff;color:var(--text-color-light);box-shadow:0 1px 3px #0f172a14}body.dark .badges-filter-tab--active{background-color:#1e293b;color:#f8fafc}.badge-detail-banner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.35rem;border-radius:.75rem;background-color:#f8fafc;border:1px solid var(--border-color-light);flex-wrap:wrap}body.dark .badge-detail-banner{background-color:#0f172a;border-color:#1e293b}.badge-detail-banner__left{display:flex;align-items:center;gap:1rem;flex:1;min-width:min(100%,240px)}.badge-detail-banner__title{margin:.2rem 0;font-size:1.05rem;font-weight:700;color:var(--text-color-light)}body.dark .badge-detail-banner__title{color:var(--text-color-dark)}.badge-detail-banner__desc{margin:0;font-size:.85rem;color:#64748b;line-height:1.5}body.dark .badge-detail-banner__desc{color:#94a3b8}.badge-detail-banner__right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.badge-detail-banner__progress{font-size:.85rem;font-weight:700;color:var(--text-color-light)}body.dark .badge-detail-banner__progress{color:var(--text-color-dark)}.badge-detail-banner__actions{display:flex;align-items:center;gap:.5rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.badge-card{display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:1.15rem;border-radius:.75rem;border:1px solid var(--border-color-light);background-color:#f8fafc;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;gap:.85rem}body.dark .badge-card{background-color:#0f172a;border-color:#1e293b}.badge-card:hover{transform:translateY(-2px);border-color:#cbd5e1}body.dark .badge-card:hover{border-color:#334155}.badge-card--unlocked{background-color:#fff;border-color:#2563eb47;box-shadow:0 4px 14px #0f172a0a}body.dark .badge-card--unlocked{background-color:#111827;border-color:#3b82f659;box-shadow:0 4px 16px #00000040}.badge-card--unlocked.badge-card--emerald{border-color:#10b98159}.badge-card--unlocked.badge-card--amber{border-color:#f59e0b61}.badge-card--unlocked.badge-card--rose{border-color:#f43f5e59}.badge-card--unlocked.badge-card--teal{border-color:#14b8a659}.badge-card--unlocked.badge-card--indigo{border-color:#6366f159}.badge-card--selected{box-shadow:0 0 0 2px var(--primary-color)}.badge-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.badge-emblem{width:2.75rem;height:2.75rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.badge-emblem svg{width:1.35rem;height:1.35rem}.badge-emblem--locked{background-color:#e2e8f0;color:#64748b;border:1px dashed #cbd5e1;opacity:.75}body.dark .badge-emblem--locked{background-color:#1e293b;color:#64748b;border-color:#334155}.badge-emblem--unlocked.badge-emblem--blue{background-color:#2563eb1f;color:#2563eb;border:1px solid rgba(37,99,235,.3)}body.dark .badge-emblem--unlocked.badge-emblem--blue{background-color:#3b82f62e;color:#60a5fa}.badge-emblem--unlocked.badge-emblem--emerald{background-color:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}body.dark .badge-emblem--unlocked.badge-emblem--emerald{background-color:#10b9812e;color:#34d399}.badge-emblem--unlocked.badge-emblem--amber{background-color:#f59e0b24;color:#d97706;border:1px solid rgba(245,158,11,.32)}body.dark .badge-emblem--unlocked.badge-emblem--amber{background-color:#f59e0b2e;color:#fbbf24}.badge-emblem--unlocked.badge-emblem--rose{background-color:#f43f5e1f;color:#e11d48;border:1px solid rgba(244,63,94,.3)}body.dark .badge-emblem--unlocked.badge-emblem--rose{background-color:#f43f5e2e;color:#fb7185}.badge-emblem--unlocked.badge-emblem--teal{background-color:#14b8a61f;color:#0d9488;border:1px solid rgba(20,184,166,.3)}body.dark .badge-emblem--unlocked.badge-emblem--teal{background-color:#14b8a62e;color:#2dd4bf}.badge-emblem--unlocked.badge-emblem--indigo{background-color:#6366f11f;color:#4f46e5;border:1px solid rgba(99,102,241,.3)}body.dark .badge-emblem--unlocked.badge-emblem--indigo{background-color:#6366f12e;color:#818cf8}.badge-card__seal-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.badge-card__seal{font-size:.9rem;font-weight:800;color:var(--text-color-light);letter-spacing:.04em}body.dark .badge-card__seal{color:#e2e8f0}.badge-card--locked .badge-card__seal{color:#94a3b8}.badge-card__status{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:#64748b}body.dark .badge-card__status{color:#94a3b8}.badge-card__status--unlocked{color:#059669}body.dark .badge-card__status--unlocked{color:#34d399}.badge-card__body{display:flex;flex-direction:column;gap:.25rem}.badge-card__meta{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;color:#64748b}body.dark .badge-card__meta{color:#94a3b8}.badge-card__title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-color-light)}body.dark .badge-card__title{color:var(--text-color-dark)}.badge-card__desc{margin:0;font-size:.8rem;line-height:1.45;color:#64748b}body.dark .badge-card__desc{color:#94a3b8}.badge-card__footer{display:flex;flex-direction:column;gap:.35rem;width:100%;padding-top:.5rem;border-top:1px solid var(--border-color-light)}body.dark .badge-card__footer{border-top-color:#1e293b}.badge-card__progress-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:600;color:#64748b}body.dark .badge-card__progress-row{color:#94a3b8}.badge-card__bar-track{width:100%;height:5px;border-radius:3px;background-color:#e2e8f0;overflow:hidden}.badge-card__bar-fill{height:100%;border-radius:3px;background-color:#94a3b8;transition:width .3s ease}.badge-card__bar-fill--blue{background-color:#2563eb}.badge-card__bar-fill--emerald{background-color:#10b981}.badge-card__bar-fill--amber{background-color:#f59e0b}.badge-card__bar-fill--rose{background-color:#f43f5e}.badge-card__bar-fill--teal{background-color:#14b8a6}.badge-card__bar-fill--indigo{background-color:#6366f1}.badges-empty-state{padding:2rem;text-align:center;border-radius:.75rem;border:1px dashed var(--border-color-light);color:#64748b;display:flex;flex-direction:column;align-items:center;gap:.75rem}body.dark .badges-empty-state{border-color:#334155;color:#94a3b8}.bento-profile-section{padding:2rem 0 1.25rem}.bento-profile-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1.35rem;border-bottom:1px solid var(--border-color-light);flex-wrap:wrap}body.dark .bento-profile-breadcrumb{border-bottom-color:var(--border-color-dark)}.bento-profile-breadcrumb__left{display:flex;align-items:center;gap:.55rem;font-size:.9rem}.bento-profile-breadcrumb__icon{color:#64748b}body.dark .bento-profile-breadcrumb__icon{color:#94a3b8}.bento-profile-breadcrumb__root{font-weight:600;color:var(--text-color-light)}body.dark .bento-profile-breadcrumb__root{color:#e2e8f0}.bento-profile-breadcrumb__sep{color:#94a3b8;font-weight:600}.bento-profile-breadcrumb__current{padding:.25rem .65rem;border-radius:.45rem;background-color:#f1f5f9;border:1px solid var(--border-color-light);font-size:.85rem;font-weight:600;color:#475569}body.dark .bento-profile-breadcrumb__current{background-color:#1e293b;border-color:#334155;color:#cbd5e1}.bento-profile-edit-btn{padding:.35rem .8rem;border-radius:.45rem;font-size:.8rem;font-weight:600;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:#475569;cursor:pointer;transition:all .15s ease}body.dark .bento-profile-edit-btn{background-color:#111827;border-color:#1e293b;color:#cbd5e1}.bento-profile-edit-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .bento-profile-edit-btn:hover{border-color:#60a5fa;color:#60a5fa}.bento-profile-grid{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;align-items:start}@media(max-width:1120px){.bento-profile-grid{grid-template-columns:1fr}}.bento-identity-card{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:1.15rem;padding:1.15rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 8px 24px #0f172a0a}body.dark .bento-identity-card{background-color:#111827;border-color:#1e293b;box-shadow:0 10px 28px #00000059}.bento-identity__banner{position:relative;height:146px;border-radius:.9rem;background:linear-gradient(125deg,#c7d2fe,#818cf8 48%,#60a5fa);overflow:visible;margin-bottom:2.1rem}body.dark .bento-identity__banner{background:linear-gradient(125deg,#a5b4fc,#6366f1 52%,#3b82f6)}.bento-identity__banner-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:.9rem;pointer-events:none;overflow:hidden}.bento-identity__verified{position:absolute;top:.75rem;right:.75rem;z-index:3;display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .68rem;border-radius:999px;background-color:#fff;color:#2563eb;font-size:.74rem;font-weight:700;box-shadow:0 4px 12px #0f172a24;white-space:nowrap}.bento-identity__avatar-wrap{position:absolute;left:.95rem;bottom:-1.65rem;width:5.35rem;height:5.35rem;border-radius:1rem;padding:3px;background-color:var(--card-background-light);box-shadow:0 8px 20px #0f172a2e;z-index:4}body.dark .bento-identity__avatar-wrap{background-color:#0b1120;box-shadow:0 8px 22px #00000094}.bento-identity__avatar{position:relative;width:100%;height:100%;border-radius:.82rem;background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden}.bento-identity__avatar-hanzi{font-size:1.55rem;font-weight:800;line-height:1.1;letter-spacing:.03em}.bento-identity__avatar-sub{font-size:.62rem;color:#93c5fd;font-weight:600;margin-top:.15rem}.bento-identity__edit-form{padding:.9rem;border-radius:.75rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.65rem}body.dark .bento-identity__edit-form{background-color:#0b1120;border-color:#1e293b}.bento-identity__edit-row{display:flex;flex-direction:column;gap:.25rem}.bento-identity__edit-row label{font-size:.74rem;font-weight:600;color:#64748b}body.dark .bento-identity__edit-row label{color:#94a3b8}.bento-identity__edit-actions{display:flex;justify-content:flex-end;margin-top:.25rem}.bento-identity__name-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:0 .25rem}.bento-identity__name{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--text-color-light)}body.dark .bento-identity__name{color:#f8fafc}.bento-identity__role-tag{padding:.22rem .6rem;border-radius:.4rem;background-color:#4f46e51f;border:1px solid rgba(79,70,229,.28);color:#4f46e5;font-size:.75rem;font-weight:700}body.dark .bento-identity__role-tag{background-color:#6366f133;border-color:#818cf859;color:#a5b4fc}.bento-identity__group{display:flex;flex-direction:column;gap:.5rem;padding:0 .25rem}.bento-identity__group-label{font-size:.8rem;font-weight:600;color:#64748b}body.dark .bento-identity__group-label{color:#94a3b8}.bento-identity__tags{display:flex;flex-wrap:wrap;gap:.4rem}.bento-identity__tag{padding:.3rem .65rem;border-radius:.42rem;background-color:#f1f5f9;border:1px solid var(--border-color-light);font-size:.76rem;font-weight:600;color:#334155}body.dark .bento-identity__tag{background-color:#1e293b;border-color:#334155;color:#cbd5e1}.bento-identity__meta-boxes{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:0 .25rem}.bento-identity__meta-box{padding:.75rem .85rem;border-radius:.65rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.25rem}body.dark .bento-identity__meta-box{background-color:#182234;border-color:#263349}.bento-identity__meta-label{font-size:.72rem;font-weight:600;color:#64748b}body.dark .bento-identity__meta-label{color:#94a3b8}.bento-identity__meta-value{font-size:.82rem;font-weight:700;line-height:1.35;color:var(--text-color-light);word-break:break-word}body.dark .bento-identity__meta-value{color:#f8fafc}.bento-identity__tracks{padding:.35rem .25rem .15rem;display:flex;flex-direction:column;gap:.85rem}.bento-identity__tracks-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text-color-light)}body.dark .bento-identity__tracks-title{color:#f8fafc}.bento-identity__track-list{display:flex;flex-direction:column;gap:.7rem}.bento-track-item{display:flex;align-items:center;gap:.8rem;width:100%;padding:.45rem;border-radius:.65rem;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.bento-track-item:hover{background-color:#f8fafc;border-color:var(--border-color-light)}body.dark .bento-track-item:hover{background-color:#1e293b;border-color:#334155}.bento-track-item__logo{width:2.6rem;height:2.6rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;flex-shrink:0}.bento-track-item__logo--teal{background-color:#e0f2fe;color:#0f766e;border:1px solid #bae6fd}body.dark .bento-track-item__logo--teal{background-color:#fff;color:#0f766e}.bento-track-item__logo--rose{background-color:#ffe4e6;color:#e11d48;border:1px solid #fecdd3}body.dark .bento-track-item__logo--rose{background-color:#fff;color:#e11d48}.bento-track-item__logo--indigo{background-color:#e0e7ff;color:#4f46e5;border:1px solid #c7d2fe}body.dark .bento-track-item__logo--indigo{background-color:#fff;color:#4f46e5}.bento-track-item__logo--violet{background-color:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}body.dark .bento-track-item__logo--violet{background-color:#fff;color:#7c3aed}.bento-track-item__logo--amber{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}body.dark .bento-track-item__logo--amber{background-color:#fff;color:#d97706}.bento-track-item__logo--emerald{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}body.dark .bento-track-item__logo--emerald{background-color:#fff;color:#059669}.bento-track-item__logo--sky,.bento-track-item__logo--dark,.bento-track-item__logo--blue{background-color:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}body.dark .bento-track-item__logo--sky,body.dark .bento-track-item__logo--dark,body.dark .bento-track-item__logo--blue{background-color:#fff;color:#0284c7}.bento-track-item__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.bento-track-item__name{font-size:.88rem;font-weight:700;color:var(--text-color-light)}body.dark .bento-track-item__name{color:#f8fafc}.bento-track-item__sub{font-size:.76rem;color:#64748b}body.dark .bento-track-item__sub{color:#94a3b8}.bento-identity__see-more{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:.2rem .45rem;font-size:.82rem;font-weight:600;color:#4f46e5;cursor:pointer;width:fit-content}body.dark .bento-identity__see-more{color:#818cf8}.bento-identity__see-more:hover{text-decoration:underline}.bento-analytics-col{display:flex;flex-direction:column;gap:1.35rem;min-width:0}.bento-top-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}@media(max-width:680px){.bento-top-kpis{grid-template-columns:1fr}}.bento-kpi-box{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 4px 16px #0f172a08}body.dark .bento-kpi-box{background-color:#111827;border-color:#1e293b;box-shadow:0 6px 20px #00000047}.bento-kpi-box__value{font-size:1.9rem;font-weight:800;line-height:1.1;color:var(--text-color-light)}body.dark .bento-kpi-box__value{color:#f8fafc}.bento-kpi-box__pct{font-size:1.35rem;font-weight:700;margin-left:1px;opacity:.85}.bento-kpi-box__label{font-size:.84rem;font-weight:500;color:#64748b}body.dark .bento-kpi-box__label{color:#94a3b8}.bento-middle-split{display:grid;grid-template-columns:1.05fr 1fr;gap:1.15rem;align-items:stretch}@media(max-width:768px){.bento-middle-split{grid-template-columns:1fr}}.bento-gauge-card,.bento-summary-card{background-color:var(--card-background-light);border:1px solid var(--border-color-light);border-radius:1.1rem;padding:1.45rem 1.55rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #0f172a08}body.dark .bento-gauge-card,body.dark .bento-summary-card{background-color:#111827;border-color:#1e293b;box-shadow:0 6px 20px #00000047}.bento-gauge-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bento-card-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-color-light)}body.dark .bento-card-title{color:#f8fafc}.bento-gauge-card__tag{font-size:.78rem;font-weight:700;color:#6366f1}body.dark .bento-gauge-card__tag{color:#818cf8}.bento-gauge-wrap{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem 0 .25rem;margin:auto 0}.bento-gauge-svg{width:100%;max-width:240px;height:auto;overflow:visible}.bento-gauge-track{color:#e2e8f0}body.dark .bento-gauge-track{color:#263349}.bento-gauge-fill{filter:drop-shadow(0 0 10px rgba(99,102,241,.45));transition:stroke-dashoffset .5s ease}.bento-gauge-center{position:absolute;bottom:.35rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.bento-gauge-score{font-size:2.85rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text-color-light)}body.dark .bento-gauge-score{color:#fff}.bento-gauge-caption{font-size:.72rem;font-weight:600;color:#64748b;letter-spacing:.02em}body.dark .bento-gauge-caption{color:#94a3b8}.bento-summary-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.1rem}.bento-summary-item{display:flex;align-items:flex-start;gap:.85rem}.bento-summary-item__icon{width:2.25rem;height:2.25rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bento-summary-item__icon--gold{background-color:#f59e0b24;color:#d97706}body.dark .bento-summary-item__icon--gold{background-color:#f59e0b33;color:#fbbf24}.bento-summary-item__icon--indigo{background-color:#6366f124;color:#4f46e5}body.dark .bento-summary-item__icon--indigo{background-color:#6366f133;color:#818cf8}.bento-summary-item__icon--emerald{background-color:#10b98124;color:#059669}body.dark .bento-summary-item__icon--emerald{background-color:#10b98133;color:#34d399}.bento-summary-item__body{display:flex;flex-direction:column;gap:.15rem}.bento-summary-item__title{margin:0;font-size:.9rem;font-weight:700;color:var(--text-color-light)}body.dark .bento-summary-item__title{color:#f8fafc}.bento-summary-item__desc{margin:0;font-size:.78rem;line-height:1.45;color:#64748b}body.dark .bento-summary-item__desc{color:#94a3b8}.bento-milestones-block{display:flex;flex-direction:column;gap:1.1rem;padding-top:.35rem}.bento-milestones-header{display:flex;flex-direction:column;gap:.25rem}.bento-milestones-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-color-light)}body.dark .bento-milestones-title{color:#f8fafc}.bento-milestones-sub{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#64748b}body.dark .bento-milestones-sub,.bento-milestones-dot{color:#94a3b8}.bento-stat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media(max-width:640px){.bento-stat-tabs{grid-template-columns:1fr}}.bento-stat-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:1.1rem 1.25rem .9rem;border-radius:.85rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);cursor:pointer;text-align:left;transition:all .2s ease;overflow:hidden}body.dark .bento-stat-tab{background-color:#111827;border-color:#1e293b}.bento-stat-tab:hover{border-color:#818cf8}.bento-stat-tab--active{border-color:#6366f1;background:linear-gradient(180deg,#6366f114,#4f46e52e);box-shadow:0 4px 20px #6366f129}body.dark .bento-stat-tab--active{border-color:#6366f1;background:linear-gradient(180deg,#1e293be6,#4338ca6b);box-shadow:0 6px 24px #4f46e547}.bento-stat-tab__num{font-size:1.55rem;font-weight:800;line-height:1.15;color:var(--text-color-light)}body.dark .bento-stat-tab__num{color:#fff}.bento-stat-tab__label{font-size:.8rem;font-weight:500;color:#64748b;margin:.2rem 0 .85rem}body.dark .bento-stat-tab__label{color:#94a3b8}.bento-stat-tab--active .bento-stat-tab__label{color:#4f46e5;font-weight:600}body.dark .bento-stat-tab--active .bento-stat-tab__label{color:#c7d2fe}.bento-stat-tab__bar{width:100%;height:5px;border-radius:999px;background-color:#e2e8f0;overflow:hidden}body.dark .bento-stat-tab__bar{background-color:#263349}.bento-stat-tab__bar-fill{height:100%;border-radius:999px;background-color:#94a3b8;transition:width .3s ease}.bento-stat-tab--active .bento-stat-tab__bar-fill{background:linear-gradient(90deg,#6366f1,#3b82f6)}.header__profile-trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .35rem;border-radius:.55rem;border:1px solid var(--border-color-light);background-color:#f8fafc;color:var(--text-color-light);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .16s ease}body.dark .header__profile-trigger{background-color:#111827;border-color:#1e293b;color:#f8fafc}.header__profile-trigger:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .header__profile-trigger:hover{border-color:#60a5fa;color:#60a5fa}.header__profile-trigger--active{border-color:#6366f1;background-color:#6366f11a;color:#4f46e5}body.dark .header__profile-trigger--active{border-color:#6366f1;background-color:#6366f133;color:#a5b4fc}.header__profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:.4rem;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.header__profile-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-profile-breadcrumb__link{background:none;border:none;padding:0;font-size:.9rem;font-weight:600;color:var(--text-color-light);cursor:pointer}body.dark .bento-profile-breadcrumb__link{color:#e2e8f0}.bento-profile-breadcrumb__link:hover{color:var(--primary-color);text-decoration:underline}body.dark .bento-profile-breadcrumb__link:hover{color:#60a5fa}.bento-profile-breadcrumb__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reminder-widget{position:relative}.reminder-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:.5rem;font-size:.78rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .16s ease;white-space:nowrap}.reminder-badge__icon{width:.95rem;height:.95rem;flex-shrink:0}.reminder-badge--disabled{background-color:transparent;color:#64748b}body.dark .reminder-badge--disabled{color:#94a3b8}.reminder-badge--disabled:hover{background-color:#0f172a0d;color:var(--text-color-light)}body.dark .reminder-badge--disabled:hover{background-color:#ffffff0f;color:#f8fafc}.reminder-badge--enabled{background-color:#6366f11f;border-color:#6366f14d;color:#4f46e5}body.dark .reminder-badge--enabled{background-color:#6366f138;border-color:#818cf861;color:#a5b4fc}.reminder-badge--enabled:hover{background-color:#6366f12e}body.dark .reminder-badge--enabled:hover{background-color:#6366f14d}.reminder-badge__time{font-size:.75rem}.reminder-popover{position:absolute;top:calc(100% + .65rem);right:0;width:320px;padding:1.1rem;border-radius:.95rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 18px 40px #0f172a24;z-index:60;display:flex;flex-direction:column;gap:.85rem;text-align:left}body.dark .reminder-popover{background-color:#111827;border-color:#1e293b;box-shadow:0 18px 42px #0000008c}.reminder-popover__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.reminder-popover__title-group{display:flex;flex-direction:column;gap:.2rem}.reminder-popover__title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-color-light)}body.dark .reminder-popover__title{color:#f8fafc}.reminder-popover__subtitle{margin:0;font-size:.75rem;line-height:1.4;color:#64748b}body.dark .reminder-popover__subtitle{color:#94a3b8}.reminder-switch{position:relative;width:2.75rem;height:1.55rem;border-radius:9999px;background-color:#cbd5e1;border:none;padding:.18rem;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;display:inline-flex;align-items:center}body.dark .reminder-switch{background-color:#334155}.reminder-switch--on{background-color:#4f46e5}body.dark .reminder-switch--on{background-color:#6366f1}.reminder-switch__thumb{width:1.2rem;height:1.2rem;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #00000038;transition:transform .2s ease;transform:translate(0)}.reminder-switch--on .reminder-switch__thumb{transform:translate(1.18rem)}.reminder-popover__status{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:.6rem;font-size:.75rem;line-height:1.4;font-weight:500}.reminder-popover__status-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.reminder-popover__status--done{background-color:#10b9811f;color:#047857}body.dark .reminder-popover__status--done{background-color:#10b9812e;color:#6ee7b7}.reminder-popover__status--done .reminder-popover__status-dot{background-color:#10b981}.reminder-popover__status--pending{background-color:#6366f11a;color:#4338ca}body.dark .reminder-popover__status--pending{background-color:#6366f133;color:#c7d2fe}.reminder-popover__status--pending .reminder-popover__status-dot{background-color:#6366f1}.reminder-popover__status--off{background-color:#f1f5f9;color:#64748b}body.dark .reminder-popover__status--off{background-color:#1e293b;color:#94a3b8}.reminder-popover__status--off .reminder-popover__status-dot{background-color:#94a3b8}.reminder-popover__section{display:flex;flex-direction:column;gap:.55rem}.reminder-popover__time-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.reminder-popover__time-input{flex:1;padding:.45rem .65rem;border-radius:.5rem;border:1px solid var(--border-color-light);background-color:#f8fafc;color:var(--text-color-light);font-size:.85rem;font-weight:600}body.dark .reminder-popover__time-input{background-color:#0b1120;border-color:#334155;color:#f8fafc}.reminder-popover__time-formatted{font-size:.78rem;font-weight:700;color:#4f46e5;padding:.35rem .55rem;border-radius:.45rem;background-color:#6366f11a}body.dark .reminder-popover__time-formatted{color:#a5b4fc;background-color:#6366f133}.reminder-popover__presets{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.reminder-preset-btn{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;border-radius:.45rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--text-color-light);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s ease}body.dark .reminder-preset-btn{background-color:#0f172a;border-color:#1e293b;color:#cbd5e1}.reminder-preset-btn small{color:#64748b;font-size:.7rem}body.dark .reminder-preset-btn small{color:#94a3b8}.reminder-preset-btn:hover{border-color:#6366f1}.reminder-preset-btn--active{border-color:#6366f1;background-color:#6366f11a;color:#4f46e5}body.dark .reminder-preset-btn--active{border-color:#6366f1;background-color:#6366f138;color:#c7d2fe}.reminder-popover__channel{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--border-color-light)}body.dark .reminder-popover__channel{border-top-color:#1e293b}.reminder-popover__channel-info{display:flex;flex-direction:column;gap:.1rem}.reminder-popover__channel-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}body.dark .reminder-popover__channel-label{color:#94a3b8}.reminder-popover__channel-desc{font-size:.73rem;color:var(--text-color-light)}body.dark .reminder-popover__channel-desc{color:#cbd5e1}.reminder-popover__perm-btn{padding:.3rem .55rem;border-radius:.4rem;font-size:.72rem;font-weight:600;border:1px solid rgba(99,102,241,.35);background-color:#6366f11a;color:#4f46e5;cursor:pointer;white-space:nowrap}body.dark .reminder-popover__perm-btn{color:#a5b4fc;background-color:#6366f133}.reminder-popover__perm-tag{font-size:.72rem;font-weight:700;color:#10b981;white-space:nowrap}.reminder-popover__footer{display:flex}.reminder-popover__test-btn{width:100%;justify-content:center}.study-reminder-toast{position:fixed;bottom:1.5rem;right:1.5rem;width:min(410px,calc(100vw - 2rem));padding:1.15rem 1.25rem;border-radius:1rem;background-color:var(--card-background-light);border:1px solid rgba(99,102,241,.4);box-shadow:0 20px 45px #0f172a2e,0 0 0 1px #6366f11f;z-index:95;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;text-align:left}body.dark .study-reminder-toast{background-color:#0f172a;border-color:#6366f18c;box-shadow:0 22px 50px #000000a6,0 0 24px #4f46e538}.study-reminder-toast__glow{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)}.study-reminder-toast__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.study-reminder-toast__badge-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.study-reminder-toast__icon-wrap{width:1.65rem;height:1.65rem;border-radius:.45rem;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.study-reminder-toast__kicker{font-size:.74rem;font-weight:700;color:#4f46e5}body.dark .study-reminder-toast__kicker{color:#a5b4fc}.study-reminder-toast__seal{font-size:.7rem;font-weight:700;padding:.12rem .45rem;border-radius:.35rem;background-color:#6366f11a;color:#4338ca}body.dark .study-reminder-toast__seal{background-color:#6366f138;color:#c7d2fe}.study-reminder-toast__close{background:none;border:none;padding:.2rem;border-radius:.4rem;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.study-reminder-toast__close:hover{color:var(--text-color-light);background-color:#0f172a0f}body.dark .study-reminder-toast__close:hover{color:#fff;background-color:#ffffff14}.study-reminder-toast__body{display:flex;flex-direction:column;gap:.3rem}.study-reminder-toast__title{margin:0;font-size:.98rem;font-weight:700;color:var(--text-color-light)}body.dark .study-reminder-toast__title{color:#f8fafc}.study-reminder-toast__desc{margin:0;font-size:.82rem;line-height:1.48;color:#475569}body.dark .study-reminder-toast__desc{color:#94a3b8}.study-reminder-toast__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.15rem}.study-reminder-toast__primary-btn{padding:.45rem .9rem;font-size:.8rem;font-weight:600}.study-reminder-toast__secondary-btn{padding:.45rem .75rem;border-radius:.45rem;border:1px solid var(--border-color-light);background-color:transparent;color:var(--text-color-light);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}body.dark .study-reminder-toast__secondary-btn{border-color:#334155;color:#e2e8f0}.study-reminder-toast__secondary-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.study-reminder-toast__snooze-btn{margin-left:auto;padding:.4rem .6rem;border-radius:.45rem;border:none;background:transparent;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer}body.dark .study-reminder-toast__snooze-btn{color:#94a3b8}.study-reminder-toast__snooze-btn:hover{color:var(--text-color-light);background-color:#0f172a0d}body.dark .study-reminder-toast__snooze-btn:hover{color:#fff;background-color:#ffffff0f}.offline-status-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:.5rem;border:1px solid transparent;background-color:transparent;color:#64748b;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .16s ease;white-space:nowrap}body.dark .offline-status-btn{color:#94a3b8}.offline-status-btn__icon{width:.95rem;height:.95rem;flex-shrink:0}.offline-status-btn--ready{color:#059669}body.dark .offline-status-btn--ready{color:#34d399}.offline-status-btn--ready:hover{background-color:#10b9811f}body.dark .offline-status-btn--ready:hover{background-color:#10b98133}.offline-status-btn--offline{background-color:#f59e0b24;border-color:#f59e0b59;color:#d97706}body.dark .offline-status-btn--offline{background-color:#f59e0b38;border-color:#fbbf2466;color:#fbbf24}.pwa-install-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:.55rem;border:1px solid rgba(37,99,235,.3);background-color:#2563eb1a;color:var(--primary-color);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .16s ease}body.dark .pwa-install-btn{border-color:#60a5fa59;background-color:#60a5fa29;color:#93c5fd}.pwa-install-btn:hover{background-color:var(--primary-color);color:#fff}.pwa-install-btn__icon{width:.9rem;height:.9rem}.pwa-ios-modal{max-width:380px!important;padding:1.5rem!important;text-align:left}.pwa-ios-modal__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.pwa-ios-modal__desc{margin:0 0 1.25rem;font-size:.88rem;line-height:1.6;color:#475569}body.dark .pwa-ios-modal__desc{color:#cbd5e1}.pwa-ios-modal__close{width:100%}.offline-connectivity-banner{position:fixed;bottom:1.25rem;left:1.25rem;z-index:90;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-radius:.85rem;background-color:#fffbeb;border:1px solid #f59e0b;color:#92400e;box-shadow:0 12px 30px #0f172a26;max-width:min(420px,calc(100vw - 2.5rem))}body.dark .offline-connectivity-banner{background-color:#1e1b4b;border-color:#f59e0b;color:#fde68a}.offline-connectivity-banner__dot{width:.55rem;height:.55rem;border-radius:50%;background-color:#f59e0b;flex-shrink:0}.offline-connectivity-banner__text{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;line-height:1.35}.offline-cache-modal{max-width:560px!important;padding:1.5rem!important;text-align:left;display:flex;flex-direction:column;gap:1.25rem}.offline-cache-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.offline-cache-modal__title-wrap{display:flex;flex-direction:column;gap:.35rem}.offline-cache-modal__badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.2rem .6rem;border-radius:.4rem;font-size:.72rem;font-weight:700}.offline-cache-modal__badge--online{background-color:#10b98124;color:#047857}body.dark .offline-cache-modal__badge--online{background-color:#10b98138;color:#6ee7b7}.offline-cache-modal__badge--offline{background-color:#f59e0b29;color:#b45309}body.dark .offline-cache-modal__badge--offline{background-color:#f59e0b3d;color:#fcd34d}.offline-cache-modal__title{margin:0;font-size:1.2rem;font-weight:800;color:var(--text-color-light)}body.dark .offline-cache-modal__title{color:#f8fafc}.offline-cache-modal__subtitle{margin:0;font-size:.84rem;line-height:1.55;color:#475569}body.dark .offline-cache-modal__subtitle{color:#94a3b8}.offline-cache-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(max-width:520px){.offline-cache-modal__grid{grid-template-columns:1fr}}.offline-cache-stat-card{padding:.9rem 1rem;border-radius:.75rem;background-color:#f8fafc;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.2rem}body.dark .offline-cache-stat-card{background-color:#0b1120;border-color:#1e293b}.offline-cache-stat-card__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}body.dark .offline-cache-stat-card__label{color:#94a3b8}.offline-cache-stat-card__value{font-size:1.2rem;font-weight:800;color:var(--text-color-light)}body.dark .offline-cache-stat-card__value{color:#f8fafc}.offline-cache-stat-card__status{font-size:.74rem;font-weight:600;color:#059669}body.dark .offline-cache-stat-card__status{color:#34d399}.offline-cache-modal__actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.reminder-badge{position:relative;padding:.42rem .55rem!important}.reminder-badge__dot{width:.45rem;height:.45rem;border-radius:9999px;background-color:#4f46e5;display:inline-block;box-shadow:0 0 0 2px #4f46e533}body.dark .reminder-badge__dot{background-color:#818cf8;box-shadow:0 0 0 2px #818cf840}.reminder-popover__offline-strip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-radius:.65rem;background-color:#10b98114;border:1px solid rgba(16,185,129,.24)}body.dark .reminder-popover__offline-strip{background-color:#10b98124;border-color:#34d39940}.reminder-popover__offline-info{display:flex;flex-direction:column;gap:.12rem}.reminder-popover__offline-title{font-size:.76rem;font-weight:700;color:#047857}body.dark .reminder-popover__offline-title{color:#6ee7b7}.reminder-popover__offline-sub{font-size:.7rem;color:#475569}body.dark .reminder-popover__offline-sub{color:#94a3b8}.reminder-popover__offline-btn{padding:.32rem .65rem;border-radius:.45rem;border:1px solid rgba(16,185,129,.35);background-color:#fff;color:#047857;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}body.dark .reminder-popover__offline-btn{background-color:#0f172a;border-color:#34d39959;color:#6ee7b7}.reminder-popover__offline-btn:hover{background-color:#059669;color:#fff}.hero-kpi-strip--three{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:768px){.hero-kpi-strip--three{grid-template-columns:1fr!important}}.about-editorial-layout{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:min(100%,72rem);min-width:0;margin:0 auto;box-sizing:border-box}.about-kicker{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.4rem}body.dark .about-kicker{color:#93c5fd}.about-mission-card{display:grid;grid-template-columns:auto 1fr;gap:1.75rem;align-items:center;padding:2.25rem;border-radius:1.15rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 10px 26px -14px #0f172a14}body.dark .about-mission-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 12px 30px -14px #00000073}.about-mission-card__seal{width:4.5rem;height:4.5rem;border-radius:1rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:2.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #2563eb40}.about-mission-card__title{margin:0 0 .65rem;font-size:1.45rem;font-weight:800;line-height:1.3;color:var(--text-color-light)}body.dark .about-mission-card__title{color:#f8fafc}.about-mission-card__text{margin:0;font-size:.96rem;line-height:1.7;color:#475569}body.dark .about-mission-card__text{color:#cbd5e1}.about-pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.about-pillar-card{padding:1.65rem;border-radius:1rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.6rem;transition:transform .18s ease,border-color .18s ease}body.dark .about-pillar-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.about-pillar-card:hover{transform:translateY(-2px);border-color:var(--primary-color)}.about-pillar-card__meta{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--primary-color)}body.dark .about-pillar-card__meta{color:#93c5fd}.about-pillar-card__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-color-light)}body.dark .about-pillar-card__title{color:#f8fafc}.about-pillar-card__desc{margin:0;font-size:.88rem;line-height:1.62;color:#475569}body.dark .about-pillar-card__desc{color:#94a3b8}.about-contact-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 2.25rem;border-radius:1.15rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);flex-wrap:wrap}body.dark .about-contact-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.about-contact-card__left{max-width:460px}.about-contact-card__title{margin:0 0 .45rem;font-size:1.35rem;font-weight:800;color:var(--text-color-light)}body.dark .about-contact-card__title{color:#f8fafc}.about-contact-card__desc{margin:0;font-size:.9rem;line-height:1.6;color:#475569}body.dark .about-contact-card__desc{color:#94a3b8}.about-contact-links{display:flex;flex-direction:column;gap:.65rem;min-width:min(100%,280px)}.about-contact-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.7rem 1rem;border-radius:.75rem;background-color:var(--background-color-light);border:1px solid var(--border-color-light);color:var(--text-color-light);font-size:.86rem;font-weight:600;text-decoration:none;transition:all .16s ease}body.dark .about-contact-pill{background-color:#0f172a;border-color:#1e293b;color:#e2e8f0}.about-contact-pill:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translate(3px)}@media(max-width:860px){.about-mission-card{grid-template-columns:1fr;padding:1.5rem}.about-pillars-grid{grid-template-columns:1fr}.about-contact-card{padding:1.5rem}.about-contact-links{width:100%}}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.vocab-grid,.dictionary-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}@media(min-width:1024px)and (max-width:1220px){.header__nav{gap:.85rem}.header__nav-links{gap:.15rem}.header__nav-links .nav-link{padding:.4rem .55rem;font-size:.84rem}.header__actions{gap:.45rem}.pwa-install-btn__label{display:none}.pwa-install-btn{padding:.4rem .55rem}}@media(max-width:1023px){.header__nav{gap:.75rem;padding-top:.7rem;padding-bottom:.7rem}.bento-profile-grid{grid-template-columns:1fr}.mobile-menu{max-height:calc(100dvh - 4.25rem);overflow-y:auto;padding:1rem 1.25rem 1.5rem;background-color:var(--card-background-light);box-shadow:0 16px 32px #0f172a1f}body.dark .mobile-menu{background-color:#0b1120;box-shadow:0 16px 32px #00000080}.mobile-menu__streak{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .5rem;font-size:.86rem}}@media(max-width:768px){.hero-section{padding:2.25rem 0 2rem}.hero-split{gap:1.75rem}.levels-section,.features-section,.main-content-page,.lessons-page,.dictionary-page,.study-plan-page,.about-page{padding-top:2rem;padding-bottom:2.5rem}.section-header{margin-bottom:1.75rem}.section-title{font-size:clamp(1.55rem,5vw,2rem)}.section-subtitle{font-size:.95rem}.dictionary-controls{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}.search-and-filters{grid-template-columns:1fr 1fr;gap:.65rem}.search-input-wrapper{grid-column:1 / -1}.view-controls{justify-self:start}.lesson-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.45rem;padding-bottom:.6rem}.lesson-tab{flex-shrink:0;white-space:nowrap;padding:.55rem .95rem;font-size:.88rem}.lesson-title{font-size:1.65rem}.dialogue-line--speakerA,.dialogue-line--speakerB{padding-left:0;padding-right:0}.pagination-controls{flex-wrap:wrap;justify-content:center;padding:.9rem 1rem;gap:.75rem}.pagination-info{order:-1;width:100%;text-align:center}.badge-detail-banner{flex-direction:column;align-items:flex-start}.badge-detail-banner__right{width:100%;align-items:flex-start}.badge-detail-banner__actions{width:100%;flex-wrap:wrap}}@media(max-width:640px){.container{padding-left:1rem;padding-right:1rem}.header__logo-mark{width:1.9rem;height:1.9rem;font-size:1rem}.header__logo-text{font-size:1.05rem}.header__actions{gap:.35rem}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{padding:0 .45rem;font-size:.75rem;height:1.8rem}.pwa-install-btn__label{display:none}.pwa-install-btn{padding:.38rem .5rem}.theme-toggle{width:2rem;height:2rem}.goal-popover,.streak-popover,.reminder-popover{position:fixed!important;top:4.35rem!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:calc(100vw - 1.5rem)!important;max-height:calc(100dvh - 5.25rem);overflow-y:auto;z-index:110}.hero-actions{flex-direction:column;align-items:stretch}.hero-cta-btn{width:100%;text-align:center;justify-content:center}.hero-spotlight-card{padding:1.15rem}.hero-spotlight__main{flex-direction:column;align-items:flex-start;gap:.85rem}.hero-spotlight__example{flex-direction:column;align-items:flex-start}.learn-toolbar__controls{flex-direction:column;align-items:stretch}.segmented-control{width:100%;overflow-x:auto;flex-wrap:nowrap}.learn-toolbar__search{max-width:100%;width:100%}.modal-overlay{padding:.65rem;align-items:flex-end}.modal-content,.word-detail-modal,.offline-cache-modal{width:100%!important;max-width:100%!important;max-height:92dvh!important;padding:1.15rem!important;border-radius:1rem!important}.mizige-stage,.mizige-box{width:min(220px,74vw);height:min(220px,74vw)}.search-and-filters{grid-template-columns:1fr}.quizzes-page .tabs-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.quizzes-page .tab-button{padding:.65rem .5rem!important;font-size:.82rem!important;min-width:0!important}.study-plan-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.35rem}.study-plan-tab{white-space:nowrap;flex-shrink:0}.study-reminder-toast,.offline-connectivity-banner{left:.75rem;right:.75rem;bottom:.75rem;width:auto;max-width:none}}@media(max-width:380px){.header__logo-text{display:none}.bento-identity__meta-boxes{grid-template-columns:1fr}.goal-popover__presets{grid-template-columns:repeat(2,1fr)}}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown__trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:.55rem;border:1px solid transparent;background:transparent;color:#475569;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .18s ease,background-color .18s ease,border-color .18s ease}body.dark .nav-dropdown__trigger{color:#94a3b8}.nav-dropdown:hover .nav-dropdown__trigger,.nav-dropdown--open .nav-dropdown__trigger{color:var(--text-color-light);background-color:#0f172a0d}body.dark .nav-dropdown:hover .nav-dropdown__trigger,body.dark .nav-dropdown--open .nav-dropdown__trigger{color:#f8fafc;background-color:#ffffff0f}.nav-dropdown__trigger--current{color:var(--primary-color)!important;background-color:#2563eb14;font-weight:700}body.dark .nav-dropdown__trigger--current{color:#60a5fa!important;background-color:#3b82f626}.nav-dropdown__chevron{transition:transform .22s cubic-bezier(.16,1,.3,1);opacity:.75}.nav-dropdown:hover .nav-dropdown__chevron,.nav-dropdown--open .nav-dropdown__chevron{transform:rotate(180deg);opacity:1}.nav-dropdown__menu{position:absolute;top:calc(100% + .55rem);left:50%;width:360px;padding:1rem;border-radius:1rem;background-color:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color-light);box-shadow:0 20px 45px -10px #0f172a29,0 4px 12px #0f172a0d;z-index:80;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scale(.98);transform-origin:top center;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;text-align:left}body.dark .nav-dropdown__menu{background-color:#0f172af7;border-color:#1e293b;box-shadow:0 22px 50px -10px #000000a6,0 0 0 1px #ffffff0a}.nav-dropdown__menu:before{content:"";position:absolute;top:-.75rem;left:0;right:0;height:.75rem}.nav-dropdown__menu--wide{width:440px}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown--open .nav-dropdown__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) scale(1)}.nav-dropdown__section{display:flex;flex-direction:column;gap:.55rem}.nav-dropdown__kicker-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-dropdown__kicker{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;padding:0 .35rem}body.dark .nav-dropdown__kicker{color:#94a3b8}.nav-dropdown__kicker-tag{font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:700;color:var(--primary-color);background-color:#2563eb1a;padding:.12rem .45rem;border-radius:.35rem}body.dark .nav-dropdown__kicker-tag{color:#93c5fd;background-color:#3b82f62e}.nav-dropdown__items{display:flex;flex-direction:column;gap:.3rem}.nav-dropdown__item{display:flex;align-items:flex-start;gap:.8rem;width:100%;padding:.65rem .75rem;border-radius:.75rem;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:all .16s ease}.nav-dropdown__item:hover,.nav-dropdown__item--active{background-color:#f8fafc;border-color:var(--border-color-light)}body.dark .nav-dropdown__item:hover,body.dark .nav-dropdown__item--active{background-color:#1e293b;border-color:#334155}.nav-dropdown__item-seal{width:2.35rem;height:2.35rem;border-radius:.6rem;background-color:#2563eb1a;color:var(--primary-color);border:1px solid rgba(37,99,235,.22);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0;transition:transform .18s ease,background-color .18s ease,color .18s ease}body.dark .nav-dropdown__item-seal{background-color:#3b82f62e;color:#60a5fa;border-color:#60a5fa4d}.nav-dropdown__item-seal--indigo{background-color:#6366f11f;color:#4f46e5;border-color:#6366f140}body.dark .nav-dropdown__item-seal--indigo{background-color:#6366f133;color:#a5b4fc}.nav-dropdown__item-seal--emerald{background-color:#10b9811f;color:#059669;border-color:#10b98140}body.dark .nav-dropdown__item-seal--emerald{background-color:#10b98133;color:#34d399}.nav-dropdown__item-seal--amber{background-color:#f59e0b24;color:#d97706;border-color:#f59e0b47}body.dark .nav-dropdown__item-seal--amber{background-color:#f59e0b33;color:#fbbf24}.nav-dropdown__item-seal--rose{background-color:#f43f5e1f;color:#e11d48;border-color:#f43f5e40}body.dark .nav-dropdown__item-seal--rose{background-color:#f43f5e33;color:#fb7185}.nav-dropdown__item:hover .nav-dropdown__item-seal{transform:scale(1.06)}.nav-dropdown__item-body{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1}.nav-dropdown__item-title{display:flex;align-items:center;justify-content:space-between;gap:.4rem;font-size:.86rem;font-weight:700;color:var(--text-color-light);transition:color .15s ease}body.dark .nav-dropdown__item-title{color:#f8fafc}.nav-dropdown__item:hover .nav-dropdown__item-title{color:var(--primary-color)}body.dark .nav-dropdown__item:hover .nav-dropdown__item-title{color:#60a5fa}.nav-dropdown__item-arrow{font-size:.85rem;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease;color:var(--primary-color)}body.dark .nav-dropdown__item-arrow{color:#60a5fa}.nav-dropdown__item:hover .nav-dropdown__item-arrow{opacity:1;transform:translate(2px)}.nav-dropdown__item-desc{font-size:.74rem;line-height:1.4;color:#64748b}body.dark .nav-dropdown__item-desc{color:#94a3b8}.nav-dropdown__divider{height:1px;background-color:var(--border-color-light);margin:.75rem 0}body.dark .nav-dropdown__divider{background-color:#1e293b}.nav-dropdown__level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.nav-dropdown__level-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.45rem .6rem;border-radius:.55rem;border:1px solid var(--border-color-light);background-color:#f8fafc;cursor:pointer;transition:all .15s ease;text-align:left}body.dark .nav-dropdown__level-chip{background-color:#111827;border-color:#1e293b}.nav-dropdown__level-chip:hover{border-color:var(--primary-color);background-color:#2563eb0f;transform:translateY(-1px)}body.dark .nav-dropdown__level-chip:hover{border-color:#60a5fa;background-color:#3b82f624}.nav-dropdown__level-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.78rem;color:var(--text-color-light)}body.dark .nav-dropdown__level-top{color:#f8fafc}.nav-dropdown__level-top small{font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:700;color:var(--primary-color)}body.dark .nav-dropdown__level-top small{color:#60a5fa}.nav-dropdown__level-sub{font-size:.66rem;color:#64748b}body.dark .nav-dropdown__level-sub{color:#94a3b8}.nav-dropdown__unit-shortcuts{display:flex;flex-direction:column;gap:.25rem;margin-top:.3rem}.nav-dropdown__unit-link{background:none;border:none;padding:.3rem .45rem;border-radius:.4rem;text-align:left;font-size:.74rem;font-weight:600;color:var(--primary-color);cursor:pointer;transition:background-color .15s ease,transform .15s ease}body.dark .nav-dropdown__unit-link{color:#93c5fd}.nav-dropdown__unit-link:hover{background-color:#2563eb14;transform:translate(2px)}.mobile-category{border-bottom:1px solid var(--border-color-light);padding:.25rem 0}body.dark .mobile-category{border-bottom-color:#1e293b}.mobile-category__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .5rem;background:none;border:none;color:var(--text-color-light);font-size:.92rem;font-weight:700;cursor:pointer;text-align:left}body.dark .mobile-category__header{color:#f8fafc}.mobile-category__chevron{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--primary-color)}.mobile-category__body{display:flex;flex-direction:column;gap:.35rem;padding:.2rem .35rem .65rem}.mobile-category__link{display:flex;flex-direction:column;gap:.12rem;padding:.55rem .65rem;border-radius:.55rem;background-color:#f8fafc;border:1px solid var(--border-color-light);text-align:left;cursor:pointer}body.dark .mobile-category__link{background-color:#111827;border-color:#1e293b}.mobile-category__link strong{font-size:.84rem;color:var(--text-color-light)}body.dark .mobile-category__link strong{color:#f8fafc}.mobile-category__link small{font-size:.72rem;color:#64748b}body.dark .mobile-category__link small{color:#94a3b8}.mobile-category__chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.25rem}.mobile-category__chip{padding:.4rem;border-radius:.45rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--primary-color);font-size:.76rem;font-weight:700;cursor:pointer}body.dark .mobile-category__chip{background-color:#0f172a;border-color:#1e293b;color:#60a5fa}.levels-matrix-grid{gap:1.5rem}.level-matrix-card{padding:1.65rem 1.75rem;border-radius:1rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 2px 10px #0f172a08;display:flex;flex-direction:column;gap:.85rem;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease;text-align:left}body.dark .level-matrix-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark);box-shadow:0 4px 16px #0003}.level-matrix-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 12px 28px -8px #2563eb1f}.level-matrix__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.level-matrix__badge{font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .level-matrix__badge{color:#94a3b8}.level-matrix__pct{font-size:.78rem;font-weight:700;color:var(--primary-color);background-color:#2563eb14;padding:.18rem .55rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}body.dark .level-matrix__pct{color:#60a5fa;background-color:#3b82f629}.level-matrix__title{margin:.1rem 0 0;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--text-color-light);white-space:nowrap}body.dark .level-matrix__title{color:#f8fafc}.level-matrix__desc{margin:0;font-size:.88rem;line-height:1.55;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}body.dark .level-matrix__desc{color:#94a3b8}.level-matrix__progress-track{height:4px;margin-top:.25rem;background-color:#f1f5f9}body.dark .level-matrix__progress-track{background-color:#1e293b}.level-matrix__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.35rem;flex-wrap:nowrap}.level-matrix__count{font-size:.78rem;font-weight:500;color:#64748b;white-space:nowrap}body.dark .level-matrix__count{color:#94a3b8}.level-matrix__cta{font-size:.82rem;font-weight:700;color:var(--primary-color);white-space:nowrap;transition:transform .18s ease}body.dark .level-matrix__cta{color:#60a5fa}.level-matrix-card:hover .level-matrix__cta{transform:translate(3px)}.vocab-grid,.dictionary-grid{gap:1.25rem}.vocab-card{padding:1.35rem 1.45rem;border-radius:1rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 2px 8px #0f172a06;display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:168px}body.dark .vocab-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.vocab-card__top-bar{margin-bottom:0;flex-wrap:nowrap}.vocab-card__meta{font-size:.72rem;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-wrap:nowrap}.vocab-card__content{display:flex;flex-direction:column;gap:.2rem}.vocab-card__char{font-size:2.15rem;line-height:1.15;margin:0 0 .15rem;letter-spacing:.01em}.vocab-card__pinyin{font-size:.88rem;margin:0}.vocab-card__meaning{font-size:.88rem;line-height:1.45;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.dark .vocab-card__meaning{color:#94a3b8}.lessons-grid{gap:1.5rem}.lesson-card{padding:1.6rem 1.75rem!important;border-radius:1rem!important;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 2px 10px #0f172a08!important;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease!important}body.dark .lesson-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.lesson-card:hover{transform:translateY(-3px)!important;border-color:var(--primary-color)!important;box-shadow:0 12px 28px -8px #2563eb1f!important}.lesson-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lesson-card__meta{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-color);white-space:nowrap}body.dark .lesson-card__meta{color:#60a5fa}.lesson-card__type,.lesson-card__hanzi{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap}body.dark .lesson-card__type,body.dark .lesson-card__hanzi{color:#94a3b8}.lesson-card__content{padding:0!important;display:flex;flex-direction:column;gap:.6rem;flex:1}.lesson-card__title{margin:0!important;font-size:1.18rem!important;font-weight:800!important;line-height:1.32!important;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.64em}.lesson-card__description{margin:0!important;font-size:.88rem!important;line-height:1.55!important;color:#64748b!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 0 auto!important;max-height:3.1em}body.dark .lesson-card__description{color:#94a3b8!important}.lesson-card__footer{margin-top:.45rem;padding-top:.85rem;border-top:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;gap:.75rem}body.dark .lesson-card__footer{border-top-color:var(--border-color-dark)}.lesson-card__stats{font-size:.76rem;font-weight:600;color:#64748b}body.dark .lesson-card__stats{color:#94a3b8}.lesson-card__cta{font-size:.82rem;font-weight:700;color:var(--primary-color);white-space:nowrap;transition:transform .18s ease}body.dark .lesson-card__cta{color:#60a5fa}.lesson-card:hover .lesson-card__cta{transform:translate(3px)}.features-grid{gap:1.35rem}.feature-card{padding:1.6rem;border-radius:1rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);box-shadow:0 2px 8px #0f172a06;display:flex;flex-direction:column;gap:.55rem;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s ease}body.dark .feature-card{border-color:var(--border-color-dark);background-color:var(--card-background-dark)}.feature-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 12px 24px -8px #2563eb1f}.feature-card__meta{font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:700;color:var(--primary-color);margin-bottom:.15rem}.feature-card__title{margin:0;font-size:1.12rem;font-weight:800}.feature-card__description{margin:0;font-size:.86rem;line-height:1.55;color:#64748b;flex:1}body.dark .feature-card__description{color:#94a3b8}.feature-card__link{padding-top:.45rem;font-size:.82rem;font-weight:700;transition:transform .18s ease}.feature-card:hover .feature-card__link{transform:translate(3px);text-decoration:none}.hero-spotlight__pos{display:inline-block;margin-top:.15rem;font-size:.75rem;font-weight:600;color:#64748b}body.dark .hero-spotlight__pos{color:#94a3b8}.daily-goal-target-header{display:flex;flex-direction:column;gap:.45rem}.daily-goal-controls-box .goal-popover__presets{grid-template-columns:repeat(6,1fr);margin-bottom:0}@media(max-width:520px){.daily-goal-controls-box .goal-popover__presets{grid-template-columns:repeat(3,1fr)}}.badge-card{padding:1.25rem 1.35rem;border-radius:.9rem;gap:.85rem}.badge-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge-card__bar-track{height:4px;border-radius:9999px;background-color:#e2e8f0;overflow:hidden;margin-top:.15rem}body.dark .badge-card__bar-track{background-color:#1e293b}.day-card{border-radius:1rem!important;border:1px solid var(--border-color-light)!important;box-shadow:0 2px 8px #0f172a08!important;padding:1.4rem!important}body.dark .day-card{border-color:var(--border-color-dark)!important}.flashcard:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px;border-radius:1.25rem}.flashcard-flip-caption{margin-top:1rem;font-size:.78rem;font-weight:500;color:#94a3b8;letter-spacing:.02em}.flashcard-nav-controls{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin-top:1.25rem}.flashcard-nav-btn,.flashcard-audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;border-radius:.6rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);color:var(--text-color-light);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .16s ease}body.dark .flashcard-nav-btn,body.dark .flashcard-audio-btn{background-color:#1e293b;border-color:#334155;color:#f8fafc}.flashcard-nav-btn:hover:not(:disabled),.flashcard-audio-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}body.dark .flashcard-nav-btn:hover:not(:disabled),body.dark .flashcard-audio-btn:hover:not(:disabled){border-color:#60a5fa;color:#60a5fa}.flashcard-nav-btn:disabled{opacity:.4;cursor:not-allowed}.flashcard-shortcuts-bar{margin-top:1rem;padding:.65rem 1rem;border-radius:.75rem;background-color:#0f172a08;border:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:center;gap:.85rem 1.15rem;flex-wrap:wrap}body.dark .flashcard-shortcuts-bar{background-color:#0f172a73;border-color:#1e293b}.kbd-shortcut-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#64748b;transition:color .15s ease,transform .15s ease}body.dark .kbd-shortcut-item{color:#94a3b8}.kbd-shortcut-item--active{color:var(--primary-color);transform:scale(1.06)}body.dark .kbd-shortcut-item--active{color:#60a5fa}.kbd-badge,.action-btn-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.4rem;padding:0 .38rem;border-radius:.35rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;line-height:1;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px #cbd5e1;color:#334155}body.dark .kbd-badge,body.dark .action-btn-kbd{background-color:#0f172a;border-color:#334155;box-shadow:0 1px #1e293b;color:#e2e8f0}.kbd-shortcut-item--active .kbd-badge{border-color:var(--primary-color);background-color:#2563eb1f;color:var(--primary-color)}body.dark .kbd-shortcut-item--active .kbd-badge{border-color:#60a5fa;background-color:#3b82f638;color:#93c5fd}.action-btn-kbd{margin-left:.35rem;background-color:#fff3;border-color:#ffffff59;box-shadow:none;color:currentColor}.option-key-badge{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:.4rem;background-color:#0f172a0f;font-size:.75rem;font-weight:700;margin-right:.6rem;flex-shrink:0}body.dark .option-key-badge{background-color:#ffffff14}.auth-modal-card{max-width:440px;width:100%;padding:1.75rem 1.75rem 1.5rem;border-radius:1.15rem}@media(max-width:480px){.auth-modal-card{padding:1.4rem 1.2rem 1.25rem}}.auth-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;margin-bottom:1.1rem}.auth-modal-seal{width:2.75rem;height:2.75rem;border-radius:.7rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-family:"Noto Serif SC",Noto Sans SC,serif;font-size:1.35rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2563eb40;margin-bottom:.2rem}.auth-modal-subtitle{margin:0;font-size:.85rem;line-height:1.5;color:#64748b;max-width:34ch}body.dark .auth-modal-subtitle{color:#94a3b8}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;border-radius:.65rem;background-color:#f1f5f9;border:1px solid var(--border-color-light);margin-bottom:1.15rem}body.dark .auth-mode-tabs{background-color:#0f172a;border-color:#1e293b}.auth-mode-tab{padding:.5rem .75rem;border-radius:.5rem;border:none;background:transparent;font-size:.84rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .16s ease}body.dark .auth-mode-tab{color:#94a3b8}.auth-mode-tab--active{background-color:#fff;color:var(--text-color-light);box-shadow:0 1px 3px #0f172a14}body.dark .auth-mode-tab--active{background-color:#1e293b;color:#f8fafc;box-shadow:0 1px 3px #00000059}.auth-modal-body{display:flex;flex-direction:column;gap:.95rem}.auth-oauth-grid{display:grid;grid-template-columns:1fr;gap:.65rem}.auth-provider-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem .9rem;border-radius:.65rem;border:1px solid var(--border-color-light);background-color:#fff;color:#0f172a;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 1px 3px #0f172a0a;transition:all .16s ease}body.dark .auth-provider-btn{background-color:#1e293b;border-color:#334155;color:#f8fafc}.auth-provider-btn:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1f}.auth-provider-btn:disabled{opacity:.6;cursor:not-allowed}.auth-provider-btn__icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:.1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color-light)}body.dark .auth-divider:before,body.dark .auth-divider:after{background-color:#1e293b}.auth-feedback{padding:.65rem .85rem;border-radius:.6rem;font-size:.82rem;font-weight:600;line-height:1.45}.auth-feedback--error{background-color:#ef444414;border:1px solid rgba(239,68,68,.3);color:#dc2626}body.dark .auth-feedback--error{background-color:#ef444424;border-color:#f8717159;color:#fca5a5}.auth-feedback--success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.32);color:#059669}body.dark .auth-feedback--success{background-color:#10b98129;border-color:#34d39959;color:#6ee7b7}.auth-email-form{display:flex;flex-direction:column;gap:.85rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;text-align:left}.auth-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.auth-field__label{font-size:.8rem;font-weight:700;color:#334155}body.dark .auth-field__label{color:#cbd5e1}.auth-forgot-link{background:none;border:none;padding:0;font-size:.76rem;font-weight:600;color:var(--primary-color);cursor:pointer}body.dark .auth-forgot-link{color:#60a5fa}.auth-forgot-link:hover:not(:disabled){text-decoration:underline}.auth-field__input{width:100%;padding:.65rem .85rem;border-radius:.6rem;border:1px solid var(--border-color-light);background-color:#f8fafc;color:var(--text-color-light);font-size:.9rem;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}body.dark .auth-field__input{background-color:#0f172a;border-color:#334155;color:#f8fafc}.auth-field__input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #2563eb1f}body.dark .auth-field__input:focus{border-color:#60a5fa;background-color:#0f172a;box-shadow:0 0 0 3px #3b82f62e}.auth-password-wrap{position:relative;display:flex;align-items:center}.auth-field__input--password{padding-right:3.75rem}.auth-password-toggle{position:absolute;right:.55rem;padding:.22rem .5rem;border-radius:.4rem;border:none;background-color:transparent;color:#64748b;font-size:.74rem;font-weight:700;cursor:pointer}body.dark .auth-password-toggle{color:#94a3b8}.auth-password-toggle:hover{color:var(--primary-color)}.auth-submit-btn{width:100%;margin-top:.25rem;padding:.75rem 1.25rem;border-radius:.65rem;font-size:.92rem;font-weight:700}.auth-modal-footer{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--border-color-light);text-align:center}body.dark .auth-modal-footer{border-top-color:#1e293b}.lesson-characters-section{margin-top:1.35rem;margin-bottom:1.35rem;padding:1.25rem 1.35rem;border-radius:.9rem;border:1px solid var(--border-color-light);background-color:#f8fafc}body.dark .lesson-characters-section{background-color:#0f172a8c;border-color:var(--border-color-dark)}.lesson-characters-section__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.95rem}.lesson-characters-section__title{margin:0;font-size:.88rem;font-weight:700;letter-spacing:-.01em;color:var(--text-color-light)}body.dark .lesson-characters-section__title{color:var(--text-color-dark)}.lesson-characters-section__meta{font-size:.75rem;font-weight:600;color:#64748b}body.dark .lesson-characters-section__meta{color:#94a3b8}.lesson-characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:.75rem}.lesson-character-card{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:.75rem;border:1px solid var(--border-color-light);background-color:var(--card-background-light);transition:transform .16s cubic-bezier(.16,1,.3,1),border-color .16s ease}body.dark .lesson-character-card{background-color:var(--card-background-dark);border-color:var(--border-color-dark)}.lesson-character-card:hover{transform:translateY(-1px);border-color:#2563eb59}.lesson-character-card__avatar-wrap{position:relative;width:46px;height:46px;flex-shrink:0}.lesson-character-card__avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color-light);background-color:#e2e8f0;display:block}body.dark .lesson-character-card__avatar{border-color:#334155;background-color:#1e293b}.lesson-character-card__avatar-fallback{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--primary-color);background-color:#2563eb1a;border:1.5px solid rgba(37,99,235,.25)}.lesson-character-card__seal{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:4px;background-color:var(--primary-color);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--card-background-light);line-height:1}body.dark .lesson-character-card__seal{border-color:var(--card-background-dark)}.lesson-character-card__info{flex:1;min-width:0}.lesson-character-card__name-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.32rem;line-height:1.25}.lesson-character-card__hanzi{font-size:.95rem;font-weight:700;color:var(--text-color-light)}body.dark .lesson-character-card__hanzi{color:var(--text-color-dark)}.lesson-character-card__pinyin{font-size:.76rem;font-weight:600;color:var(--primary-color)}body.dark .lesson-character-card__pinyin{color:#60a5fa}.lesson-character-card__sep{font-size:.72rem;color:#94a3b8}.lesson-character-card__en{font-size:.78rem;font-weight:600;color:#475569}body.dark .lesson-character-card__en{color:#cbd5e1}.lesson-character-card__role{margin:.18rem 0 0;font-size:.73rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .lesson-character-card__role{color:#94a3b8}.lesson-character-card__audio{flex-shrink:0}.dialogue-line--with-avatar{display:flex;align-items:flex-start;gap:.9rem}.dialogue-line__avatar-col{flex-shrink:0;padding-top:.1rem}.dialogue-line__avatar-single{width:42px;height:42px}.dialogue-line__avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color-light);background-color:#f1f5f9;display:block}body.dark .dialogue-line__avatar{border-color:#334155;background-color:#1e293b}.dialogue-line__avatar-stack{display:flex;align-items:center}.dialogue-line__avatar--stacked{width:34px;height:34px}.dialogue-line__avatar--stacked+.dialogue-line__avatar--stacked{margin-left:-10px}.dialogue-line__avatar-fallback{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--primary-color);background-color:#2563eb1a;border:1.5px solid rgba(37,99,235,.25)}.dialogue-line__body{flex:1;min-width:0}.dialogue-line__speaker-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.dialogue-line__speaker-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem}.dialogue-line__speaker-hanzi{font-size:.92rem;font-weight:700;color:var(--primary-color)}body.dark .dialogue-line__speaker-hanzi{color:#60a5fa}.dialogue-line__speaker-pinyin{font-size:.76rem;font-weight:600;color:#64748b}body.dark .dialogue-line__speaker-pinyin{color:#94a3b8}.dialogue-line__speaker-sep{font-size:.74rem;color:#94a3b8}.dialogue-line__speaker-en{font-size:.78rem;font-weight:600;color:#475569}body.dark .dialogue-line__speaker-en{color:#cbd5e1}.lesson-card__cast{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:.35rem}.lesson-card__cast-avatars{display:flex;align-items:center;flex-shrink:0}.lesson-card__cast-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--card-background-light);background-color:#e2e8f0;display:block}body.dark .lesson-card__cast-avatar{border-color:var(--card-background-dark);background-color:#1e293b}.lesson-card__cast-avatar+.lesson-card__cast-avatar{margin-left:-7px}.lesson-card__cast-names{font-size:.76rem;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .lesson-card__cast-names{color:#cbd5e1}@media(max-width:640px){.lesson-characters-section{padding:1rem}.dialogue-line--with-avatar{gap:.65rem}.dialogue-line__avatar,.dialogue-line__avatar-single,.dialogue-line__avatar-fallback{width:36px;height:36px}}body{position:relative;background-image:radial-gradient(circle at 12% 8%,var(--liquid-orb-1) 0%,transparent 44%),radial-gradient(circle at 88% 16%,var(--liquid-orb-2) 0%,transparent 42%),radial-gradient(circle at 52% 86%,var(--liquid-orb-3) 0%,transparent 48%);background-attachment:fixed;transition:background-color .35s ease,color .25s ease}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(72px);transition:background .5s ease,opacity .4s ease}body:before{width:520px;height:520px;top:-140px;left:-120px;background:radial-gradient(circle,var(--liquid-orb-1) 0%,transparent 70%);opacity:.85}body:after{width:560px;height:560px;bottom:-180px;right:-140px;background:radial-gradient(circle,var(--liquid-orb-2) 0%,var(--liquid-orb-3) 45%,transparent 72%);opacity:.8}#root,#app-wrapper{position:relative;z-index:1}.header{position:sticky;top:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.82)!important;box-shadow:0 8px 30px -10px #0f172a12!important}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffffeb,#f8fafce0);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);box-shadow:var(--glass-specular-light)}body.dark .header{border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 34px -10px #0000008c!important}body.dark .header:before{background:linear-gradient(180deg,#0a101eeb,#0d1526e0);box-shadow:var(--glass-specular-dark)}.nav-dropdown__menu,.goal-popover,.streak-popover,.reminder-popover,.palette-popover,.mobile-menu{background:linear-gradient(145deg,#fffffffb,#f8fafcf9)!important;backdrop-filter:blur(32px) saturate(200%)!important;-webkit-backdrop-filter:blur(32px) saturate(200%)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 24px 52px -12px #0f172a2e,0 4px 16px -4px rgba(var(--primary-rgb),.08),inset 0 1px #fff!important}body.dark .nav-dropdown__menu,body.dark .goal-popover,body.dark .streak-popover,body.dark .reminder-popover,body.dark .palette-popover,body.dark .mobile-menu{background:linear-gradient(145deg,#0f172afb,#0b1222fa)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 26px 56px -12px #000000bf,0 4px 18px -4px rgba(var(--primary-rgb),.16),var(--glass-specular-dark)!important}.nav-dropdown__level-chip{background:#f8fafcf5!important;border:1px solid rgba(226,232,240,.9)!important}body.dark .nav-dropdown__level-chip{background:#1e293be6!important;border:1px solid rgba(255,255,255,.1)!important}.nav-dropdown__level-chip:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:rgba(var(--primary-rgb),.45)!important}.lesson-card,.vocab-card,.level-matrix-card,.feature-card,.hero-spotlight-card,.hero-telemetry-bar,.daily-goal-card,.lesson-header,.lesson-characters-section,.lesson-character-card,.lesson-objectives-box,.lesson-dialogue-block,.lesson-reading-card,.lesson-grammar-card,.lesson-exercise-card,.practice-controls,.flashcard__face,.flashcard-shortcuts-bar,.quiz-card,.quiz-results-card,.filter-controls,.dictionary-controls,.plan-card,.about-mission-card,.about-pillar-card,.about-contact-card,.scholar-bento-identity,.scholar-kpi-card,.scholar-gauge-card,.scholar-summary-card,.scholar-stat-filter-card,.badge-card{background:linear-gradient(145deg,#ffffffe0,#ffffffc7)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 10px 30px -10px #0f172a0f,0 0 0 1px #0f172a0d,var(--glass-specular-light)!important}body.dark .lesson-card,body.dark .vocab-card,body.dark .level-matrix-card,body.dark .feature-card,body.dark .hero-spotlight-card,body.dark .hero-telemetry-bar,body.dark .daily-goal-card,body.dark .lesson-header,body.dark .lesson-characters-section,body.dark .lesson-character-card,body.dark .lesson-objectives-box,body.dark .lesson-dialogue-block,body.dark .lesson-reading-card,body.dark .lesson-grammar-card,body.dark .lesson-exercise-card,body.dark .practice-controls,body.dark .flashcard__face,body.dark .flashcard-shortcuts-bar,body.dark .quiz-card,body.dark .quiz-results-card,body.dark .filter-controls,body.dark .dictionary-controls,body.dark .plan-card,body.dark .about-mission-card,body.dark .about-pillar-card,body.dark .about-contact-card,body.dark .scholar-bento-identity,body.dark .scholar-kpi-card,body.dark .scholar-gauge-card,body.dark .scholar-summary-card,body.dark .scholar-stat-filter-card,body.dark .badge-card{background:linear-gradient(145deg,#11192cd6,#0d1424c2)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 14px 34px -10px #0000007a,var(--glass-specular-dark)!important}.lesson-card:hover,.vocab-card:hover,.level-matrix-card:hover,.feature-card:hover,.plan-card:hover,.badge-card:hover{background:linear-gradient(145deg,#fffffff5,#ffffffe6)!important;border-color:rgba(var(--primary-rgb),.48)!important;box-shadow:0 18px 38px -12px rgba(var(--primary-rgb),.2),0 0 0 1px rgba(var(--primary-rgb),.22),var(--glass-specular-light)!important}body.dark .lesson-card:hover,body.dark .vocab-card:hover,body.dark .level-matrix-card:hover,body.dark .feature-card:hover,body.dark .plan-card:hover,body.dark .badge-card:hover{background:linear-gradient(145deg,#16213aeb,#111a2edb)!important;border-color:rgba(var(--primary-rgb),.58)!important;box-shadow:0 20px 42px -12px rgba(var(--primary-rgb),.28),0 0 0 1px rgba(var(--primary-rgb),.3),var(--glass-specular-dark)!important}.modal-content,.auth-modal,.offline-modal{background:#fffffffa!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 28px 64px -16px #0f172a3d,var(--glass-specular-light)!important}body.dark .modal-content,body.dark .auth-modal,body.dark .offline-modal{background:#0d1526fa!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 28px 64px -16px #000000c2,var(--glass-specular-dark)!important}.footer{background:#ffffffd1!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border-top:1px solid rgba(255,255,255,.85)!important}body.dark .footer{background:#0a101ed1!important;border-top:1px solid rgba(255,255,255,.1)!important}body.dark .lesson-card__meta,body.dark .lesson-card__cta,body.dark .level-matrix-card__cta,body.dark .vocab-card__meta,body.dark .nav-link--current,body.dark .nav-dropdown__trigger--current{color:var(--primary-color-light)!important}.button--primary,.tab-button--active,.header__logo-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%)!important;border-color:#ffffff47!important;box-shadow:0 6px 18px -4px rgba(var(--primary-rgb),.42),inset 0 1px #ffffff59!important}.button--primary:hover{box-shadow:0 10px 24px -4px rgba(var(--primary-rgb),.55),inset 0 1px #ffffff73!important}.palette-dropdown-wrapper{position:relative;display:inline-flex;align-items:center}.palette-trigger{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 .62rem;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffa6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-color-light);cursor:pointer;transition:all .2s ease;box-shadow:var(--glass-specular-light)}body.dark .palette-trigger{background:#1e293ba6;border-color:#ffffff1f;color:var(--text-color-dark);box-shadow:var(--glass-specular-dark)}.palette-trigger:hover,.palette-trigger--open{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 4px 14px -3px rgba(var(--primary-rgb),.28);transform:translateY(-1px)}.palette-trigger__swatch{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px #ffffffe6,0 2px 6px #0003;flex-shrink:0}.palette-trigger__icon{opacity:.78}.palette-popover{position:absolute;top:calc(100% + .65rem);right:0;width:310px;padding:1rem;border-radius:1.1rem;z-index:120;animation:fadeIn .18s ease-out forwards}.palette-popover__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid rgba(148,163,184,.18)}.palette-popover__kicker{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}body.dark .palette-popover__kicker{color:var(--primary-color-light)}.palette-popover__title{margin:.1rem 0 0;font-size:.95rem;font-weight:800;color:var(--text-color-light)}body.dark .palette-popover__title{color:var(--text-color-dark)}.palette-popover__active-name{font-size:.73rem;font-weight:700;color:#64748b;padding-top:.15rem}body.dark .palette-popover__active-name{color:#94a3b8}.palette-popover__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.palette-option{display:flex;align-items:center;gap:.55rem;padding:.55rem .6rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.22);background:#ffffff8c;cursor:pointer;text-align:left;transition:all .18s ease;position:relative}body.dark .palette-option{background:#1e293b80;border-color:#ffffff17}.palette-option:hover{border-color:rgba(var(--primary-rgb),.45);transform:translateY(-1px)}.palette-option--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.1)!important;box-shadow:0 4px 12px -4px rgba(var(--primary-rgb),.28)}body.dark .palette-option--active{border-color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.2)!important}.palette-option__orb{width:22px;height:22px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 1px 2px #ffffffa6,0 2px 6px #0000002e}.palette-option__info{display:flex;flex-direction:column;min-width:0;flex:1}.palette-option__name{font-size:.76rem;font-weight:700;color:var(--text-color-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .palette-option__name{color:var(--text-color-dark)}.palette-option__sub{font-size:.66rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .palette-option__sub{color:#94a3b8}.palette-option__check{font-size:.75rem;font-weight:800;color:var(--primary-color)}body.dark .palette-option__check{color:var(--primary-color-light)}.palette-popover__footer{margin-top:.8rem;padding-top:.65rem;border-top:1px solid rgba(148,163,184,.18);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.palette-popover__mode-label{font-size:.74rem;color:#64748b}body.dark .palette-popover__mode-label{color:#94a3b8}.palette-popover__mode-btn{padding:.3rem .65rem;border-radius:.5rem;border:1px solid rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.1);color:var(--primary-color);font-size:.73rem;font-weight:700;cursor:pointer;transition:all .18s ease}body.dark .palette-popover__mode-btn{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.18)}.palette-popover__mode-btn:hover{background:rgba(var(--primary-rgb),.22)}.mobile-menu__palette{display:flex;flex-direction:column;gap:.55rem;padding:.65rem .25rem}.mobile-menu__palette-label{font-size:.84rem;color:#64748b}body.dark .mobile-menu__palette-label{color:#94a3b8}.mobile-menu__palette-swatches{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.mobile-palette-swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mobile-palette-swatch--active{transform:scale(1.16);box-shadow:0 0 0 2px var(--primary-color)}@media(max-width:640px){.palette-popover{position:fixed;top:4.25rem;left:.75rem;right:.75rem;width:auto;max-width:calc(100vw - 1.5rem)}}.lesson-card__top-right{display:inline-flex;align-items:center;gap:.5rem}.lesson-card__bookmark-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:.5rem;border:1px solid rgba(148,163,184,.28);background:#ffffffa6;color:#64748b;cursor:pointer;transition:all .18s ease;padding:0}body.dark .lesson-card__bookmark-btn{background:#1e293ba6;border-color:#ffffff1f;color:#94a3b8}.lesson-card__bookmark-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}body.dark .lesson-card__bookmark-btn:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)}.lesson-card__bookmark-btn--active{background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.45);color:var(--primary-color)}body.dark .lesson-card__bookmark-btn--active{background:rgba(var(--primary-rgb),.24);border-color:rgba(var(--primary-rgb),.55);color:var(--primary-color-light)}.lesson-detail-topbar__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.saved-lessons-section{margin-bottom:2.5rem;padding:1.75rem;border-radius:1.25rem;background:var(--glass-surface-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-surface-border);box-shadow:var(--glass-surface-shadow);text-align:left}.saved-lessons-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.35rem}.saved-lessons-header__left{flex:1;min-width:min(100%,240px)}.saved-lessons-header__title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.35rem}.saved-lessons-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-color-light)}body.dark .saved-lessons-title{color:var(--text-color-dark)}.saved-lessons-count-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:700;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.25)}body.dark .saved-lessons-count-badge{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light);border-color:rgba(var(--primary-rgb),.38)}.saved-lessons-subtitle{margin:0;font-size:.92rem;color:#64748b;line-height:1.5}body.dark .saved-lessons-subtitle{color:#94a3b8}.saved-lessons-header__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.saved-lessons-picker{margin-bottom:1.5rem;padding:1.15rem;border-radius:1rem;background:#ffffff85;border:1px solid rgba(148,163,184,.24)}body.dark .saved-lessons-picker{background:#0f172a8c;border-color:#ffffff1a}.saved-lessons-picker__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.95rem}.saved-lessons-picker__label{font-size:.82rem;font-weight:700;color:var(--text-color-light)}body.dark .saved-lessons-picker__label{color:var(--text-color-dark)}.saved-lessons-picker__levels{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.saved-lessons-level-chip{padding:.28rem .65rem;border-radius:.45rem;font-size:.74rem;font-weight:700;border:1px solid rgba(148,163,184,.26);background:#ffffffa6;color:#475569;cursor:pointer;transition:all .15s ease}body.dark .saved-lessons-level-chip{background:#1e293ba6;border-color:#ffffff1a;color:#cbd5e1}.saved-lessons-level-chip--active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.saved-lessons-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem;max-height:260px;overflow-y:auto;padding-right:.25rem}.saved-lessons-picker__item{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-radius:.65rem;border:1px solid rgba(148,163,184,.24);background:#ffffffbf;cursor:pointer;text-align:left;transition:all .16s ease}body.dark .saved-lessons-picker__item{background:#1e293bb3;border-color:#ffffff17}.saved-lessons-picker__item:hover{border-color:var(--primary-color)}.saved-lessons-picker__item--saved{background:rgba(var(--primary-rgb),.11);border-color:rgba(var(--primary-rgb),.42)}body.dark .saved-lessons-picker__item--saved{background:rgba(var(--primary-rgb),.22);border-color:rgba(var(--primary-rgb),.5)}.saved-lessons-picker__item-meta{font-size:.68rem;font-weight:800;color:var(--primary-color);flex-shrink:0}body.dark .saved-lessons-picker__item-meta{color:var(--primary-color-light)}.saved-lessons-picker__item-title{font-size:.78rem;font-weight:600;color:var(--text-color-light);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .saved-lessons-picker__item-title{color:var(--text-color-dark)}.saved-lessons-picker__item-status{font-size:.7rem;font-weight:700;color:#64748b;flex-shrink:0}.saved-lessons-picker__item--saved .saved-lessons-picker__item-status{color:var(--primary-color)}body.dark .saved-lessons-picker__item--saved .saved-lessons-picker__item-status{color:var(--primary-color-light)}.saved-lessons-filter-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:1.25rem}.saved-lessons-grid{margin-top:.5rem}.saved-lesson-card{cursor:default}.saved-lesson-card__review-btn{border:none;background:transparent;padding:0;font:inherit;font-weight:700;color:var(--primary-color);cursor:pointer}body.dark .saved-lesson-card__review-btn{color:var(--primary-color-light)}.saved-lesson-card__review-btn:hover{text-decoration:underline}.saved-lessons-empty{padding:1.5rem 1.25rem;border-radius:1rem;border:1px dashed rgba(148,163,184,.38);background:#ffffff61;text-align:center}body.dark .saved-lessons-empty{background:#0f172a61;border-color:#ffffff24}.saved-lessons-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.85rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);margin-bottom:.75rem}body.dark .saved-lessons-empty__icon{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light)}.saved-lessons-empty__title{margin:0 0 .35rem;font-size:1.08rem;font-weight:700;color:var(--text-color-light)}body.dark .saved-lessons-empty__title{color:var(--text-color-dark)}.saved-lessons-empty__desc{margin:0 auto 1.1rem;max-width:540px;font-size:.88rem;color:#64748b;line-height:1.5}body.dark .saved-lessons-empty__desc{color:#94a3b8}.saved-lessons-empty__starters{display:flex;flex-direction:column;align-items:center;gap:.6rem}.saved-lessons-empty__starters-label{font-size:.76rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}body.dark .saved-lessons-empty__starters-label{color:#94a3b8}.saved-lessons-empty__starter-chips{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.saved-starter-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:.55rem;border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.08);color:var(--primary-color);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .16s ease}body.dark .saved-starter-chip{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.4);color:var(--primary-color-light)}.saved-starter-chip:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.header-dict{position:relative;margin-left:.2rem;flex-shrink:0}.header-dict__bar{display:inline-flex;align-items:center;gap:.4rem;height:2.15rem;padding:0 .45rem;border-radius:.65rem;background:#ffffffc7;border:1px solid rgba(148,163,184,.34);box-shadow:0 2px 10px -2px #0f172a0d,inset 0 1px #ffffffd9;transition:all .2s cubic-bezier(.22,1,.36,1);cursor:text}body.dark .header-dict__bar{background:#0f172ac7;border-color:#ffffff24;box-shadow:0 2px 12px -2px #00000059,inset 0 1px #ffffff14}.header-dict__bar:hover,.header-dict__bar--active{border-color:rgba(var(--primary-rgb),.55);box-shadow:0 4px 16px -4px rgba(var(--primary-rgb),.22),0 0 0 2px rgba(var(--primary-rgb),.12)}.header-dict__seal{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:.38rem;border:none;padding:0;background:rgba(var(--primary-rgb),.14);color:var(--primary-color);font-size:.75rem;font-weight:700;flex-shrink:0;cursor:pointer;transition:all .15s ease}.header-dict__seal:hover{background:var(--primary-color);color:#fff}body.dark .header-dict__seal{background:rgba(var(--primary-rgb),.24);color:var(--primary-color-light)}body.dark .header-dict__seal:hover{background:var(--primary-color);color:#fff}.header-dict__input{width:132px;border:none;background:transparent;color:var(--text-color-light);font-size:.8rem;font-weight:500;outline:none;padding:0;transition:width .2s cubic-bezier(.22,1,.36,1)}@media(min-width:1320px){.header-dict__input{width:148px}.header-dict__bar--active .header-dict__input,.header-dict__input:focus{width:170px}}@media(min-width:1024px)and (max-width:1220px){.header-dict__input{width:104px}.header-dict__kbd{display:none!important}}body.dark .header-dict__input{color:var(--text-color-dark)}.header-dict__input::placeholder{color:#64748b}body.dark .header-dict__input::placeholder{color:#94a3b8}.header-dict__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:1.2rem;padding:0 .28rem;border-radius:.32rem;border:1px solid rgba(148,163,184,.35);background:#f1f5f9d9;color:#64748b;font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:700;pointer-events:none}body.dark .header-dict__kbd{background:#1e293bd9;border-color:#ffffff24;color:#94a3b8}.header-dict__clear{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;border:none;background:#94a3b838;color:#475569;font-size:.86rem;line-height:1;cursor:pointer;padding:0}body.dark .header-dict__clear{background:#ffffff24;color:#cbd5e1}.header-dict__clear:hover{background:rgba(var(--primary-rgb),.2);color:var(--primary-color)}.header-dict__popover{position:absolute;top:calc(100% + .65rem);right:0;width:440px;max-width:calc(100vw - 2rem);border-radius:1.1rem;background:linear-gradient(165deg,#fffffffb,#f8fafcf9);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid rgba(148,163,184,.32);box-shadow:0 24px 52px -12px #0f172a38,0 0 0 1px #ffffffe6 inset;z-index:120;overflow:hidden;text-align:left}body.dark .header-dict__popover{background:linear-gradient(165deg,#0f172afb,#090e1cfa);border-color:#ffffff26;box-shadow:0 24px 56px -12px #000000b8,0 0 0 1px #ffffff14 inset}.header-dict__popover-top{padding:.9rem 1rem .75rem;border-bottom:1px solid rgba(148,163,184,.18);display:flex;flex-direction:column;gap:.6rem}body.dark .header-dict__popover-top{border-bottom-color:#ffffff17}.header-dict__popover-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.header-dict__popover-kicker{font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-color)}body.dark .header-dict__popover-kicker{color:var(--primary-color-light)}.header-dict__popover-count{font-size:.72rem;font-weight:700;color:#64748b}body.dark .header-dict__popover-count{color:#94a3b8}.header-dict__level-pills{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.header-dict__level-pill{padding:.2rem .5rem;border-radius:.4rem;border:1px solid rgba(148,163,184,.25);background:#f1f5f9bf;color:#475569;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .14s ease}body.dark .header-dict__level-pill{background:#1e293bbf;border-color:#ffffff1a;color:#cbd5e1}.header-dict__level-pill--active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.header-dict__suggestions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.header-dict__suggestions-label{font-size:.7rem;font-weight:700;color:#64748b}body.dark .header-dict__suggestions-label{color:#94a3b8}.header-dict__suggestion-chip{display:inline-flex;align-items:baseline;gap:.25rem;padding:.18rem .48rem;border-radius:.4rem;border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.08);color:var(--text-color-light);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}body.dark .header-dict__suggestion-chip{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.35);color:var(--text-color-dark)}.header-dict__suggestion-chip small{font-size:.62rem;color:var(--primary-color);font-weight:700}body.dark .header-dict__suggestion-chip small{color:var(--primary-color-light)}.header-dict__suggestion-chip:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.16)}.header-dict__results{max-height:320px;overflow-y:auto;padding:.45rem;display:flex;flex-direction:column;gap:.25rem}.header-dict__result-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;border-radius:.7rem;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.header-dict__result-item:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.24)}body.dark .header-dict__result-item:hover{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.32)}.header-dict__result-char-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.1rem;padding:.3rem .4rem;border-radius:.55rem;background:#f1f5f9d9;border:1px solid rgba(148,163,184,.22);flex-shrink:0}body.dark .header-dict__result-char-box{background:#1e293bd9;border-color:#ffffff1a}.header-dict__result-char{font-size:1.15rem;font-weight:700;color:var(--text-color-light);line-height:1.2}body.dark .header-dict__result-char{color:var(--text-color-dark)}.header-dict__result-level{font-size:.6rem;font-weight:800;color:var(--primary-color);margin-top:.1rem}body.dark .header-dict__result-level{color:var(--primary-color-light)}.header-dict__result-body{flex:1;min-width:0}.header-dict__result-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.1rem}.header-dict__result-pinyin{font-size:.8rem;font-weight:700;color:var(--primary-color)}body.dark .header-dict__result-pinyin{color:var(--primary-color-light)}.header-dict__result-pos{font-size:.66rem;font-weight:600;padding:.05rem .35rem;border-radius:.3rem;background:#94a3b829;color:#64748b}body.dark .header-dict__result-pos{background:#ffffff1a;color:#94a3b8}.header-dict__result-meaning{margin:0;font-size:.78rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .header-dict__result-meaning{color:#cbd5e1}.header-dict__result-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.header-dict__action-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.24);background:#ffffffbf;color:#64748b;cursor:pointer;padding:0;transition:all .14s ease}body.dark .header-dict__action-btn{background:#1e293bbf;border-color:#ffffff1a;color:#94a3b8}.header-dict__action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.header-dict__action-btn--bookmarked{color:#f59e0b!important;border-color:#f59e0b73!important;background:#f59e0b1f!important}.header-dict__empty{padding:1.35rem 1rem;text-align:center}.header-dict__empty-title{margin:0 0 .25rem;font-size:.86rem;font-weight:700;color:var(--text-color-light)}body.dark .header-dict__empty-title{color:var(--text-color-dark)}.header-dict__empty-sub{margin:0;font-size:.76rem;color:#64748b}body.dark .header-dict__empty-sub{color:#94a3b8}.header-dict__popover-footer{padding:.65rem .9rem;border-top:1px solid rgba(148,163,184,.18);background:#f1f5f98c}body.dark .header-dict__popover-footer{border-top-color:#ffffff17;background:#0f172a8c}.header-dict__full-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .75rem;border-radius:.55rem;border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.1);color:var(--primary-color);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .16s ease}body.dark .header-dict__full-link{background:rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.4);color:var(--primary-color-light)}.header-dict__full-link:hover{background:var(--primary-color);color:#fff}.mobile-dict-search{margin-bottom:.75rem}.mobile-dict-search__form{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.75rem;background:#f1f5f9d9;border:1px solid rgba(148,163,184,.3)}body.dark .mobile-dict-search__form{background:#1e293bd9;border-color:#ffffff1f}.mobile-dict-search__input{flex:1;min-width:0;border:none;background:transparent;color:var(--text-color-light);font-size:.86rem;outline:none}body.dark .mobile-dict-search__input{color:var(--text-color-dark)}.mobile-dict-search__submit{padding:.35rem .75rem;border-radius:.5rem;border:none;background:var(--primary-color);color:#fff;font-size:.76rem;font-weight:700;cursor:pointer}.container.header__nav{width:100%!important;max-width:min(1440px,100%)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(.35rem,.8vw,.85rem)!important;padding-left:clamp(.85rem,2.2vw,1.75rem)!important;padding-right:clamp(.85rem,2.2vw,1.75rem)!important}.header__nav-links{flex:1 1 auto!important;min-width:0!important;justify-content:center!important;gap:clamp(.08rem,.35vw,.28rem)!important}.header__nav-links .nav-link,.nav-dropdown__trigger{padding:.36rem clamp(.4rem,.6vw,.65rem)!important;font-size:clamp(.79rem,.85vw,.86rem)!important;white-space:nowrap!important;flex-shrink:0!important}.header__actions{gap:clamp(.28rem,.45vw,.45rem)!important;flex-shrink:0!important}.header__logo-mark,.header__profile-avatar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.28)!important}.header__nav-links .nav-link--current,.nav-dropdown__trigger--current{color:var(--primary-color)!important;background-color:rgba(var(--primary-rgb),.12)!important;font-weight:700!important}body.dark .header__nav-links .nav-link--current,body.dark .nav-dropdown__trigger--current{color:var(--primary-color-light)!important;background-color:rgba(var(--primary-rgb),.22)!important}.button--primary,.tab-button--active,body.dark .tab-button--active,.lesson-tab--active,body.dark .lesson-tab--active,.lesson-tab--active:hover,body.dark .lesson-tab--active:hover,.quizzes-page .tab-button.tab-button--active,body.dark .quizzes-page .tab-button.tab-button--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;color:#fff!important;font-weight:700!important;border-color:#ffffff47!important;border-bottom-color:transparent!important;border-radius:.6rem!important;box-shadow:0 6px 18px -4px rgba(var(--primary-rgb),.42),inset 0 1px #ffffff59!important}.tab-button--active *,.lesson-tab--active *,.button--primary *{color:#fff!important}.lesson-tab--active svg,.tab-button--active svg{stroke:#fff!important;color:#fff!important}.button--secondary:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.1)!important;color:var(--primary-color)!important;border-color:rgba(var(--primary-rgb),.45)!important}body.dark .button--secondary:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.2)!important;color:var(--primary-color-light)!important;border-color:rgba(var(--primary-rgb),.55)!important}.filter-controls{padding:.75rem 1.25rem!important;border-radius:1rem!important;justify-content:flex-start!important;align-items:center!important}.lessons-page .filter-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.9rem!important;width:100%!important;flex-wrap:wrap!important;margin:0!important}.lessons-page .filter-group label{display:inline-flex!important;align-items:center!important;margin:0!important;padding:0!important;line-height:1!important;font-size:.875rem!important;font-weight:700!important;color:var(--text-color-light)!important;white-space:nowrap!important}body.dark .lessons-page .filter-group label{color:var(--text-color-dark)!important}.lessons-page .tabs-container,.filter-controls .tabs-container{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;border-bottom:none!important}.tabs-container{border-bottom:none!important}.lessons-page .tabs-nav,.filter-controls .tabs-nav,.tabs-nav{display:flex!important;align-items:center!important;gap:.4rem!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;border-bottom:none!important}.tab-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;margin:0!important;border-radius:.55rem!important;padding:.55rem .95rem!important;font-weight:600!important}.lesson-header{padding:1.85rem 2.15rem!important;border-radius:1.25rem!important;text-align:left!important}.lesson-dialogue-block,.lesson-reading-card,.lesson-grammar-card{padding:1.65rem 1.85rem!important;border-radius:1.2rem!important;text-align:left!important}.dictionary-controls,.practice-controls{padding:1.15rem 1.35rem!important;border-radius:1.1rem!important}@media(max-width:640px){.lesson-header{padding:1.25rem 1.35rem!important}.lesson-dialogue-block,.lesson-reading-card,.lesson-grammar-card{padding:1.15rem 1.25rem!important}}.lesson-vocab-subheader{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.35rem;padding:1rem 1.35rem;border-radius:1rem;background:var(--glass-surface-light);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--glass-border-light)}body.dark .lesson-vocab-subheader{background:var(--glass-surface-dark);border-color:var(--glass-border-dark)}.lesson-writing-studio{display:flex;flex-direction:column;gap:1.35rem;text-align:left}.lesson-writing-studio__top-card{padding:1.65rem 1.85rem;border-radius:1.2rem;background:var(--glass-surface-light);backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);display:flex;flex-direction:column;gap:1.25rem}body.dark .lesson-writing-studio__top-card{background:var(--glass-surface-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.lesson-writing-studio__badge-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.45rem}.lesson-writing-studio__kicker{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}body.dark .lesson-writing-studio__kicker{color:var(--primary-color-light)}.lesson-writing-studio__progress-pill{font-size:.8rem;font-weight:700;padding:.3rem .75rem;border-radius:.55rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.25)}body.dark .lesson-writing-studio__progress-pill{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light);border-color:rgba(var(--primary-rgb),.38)}.lesson-writing-studio__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.writing-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;padding:.85rem 1.05rem;border-radius:.85rem;border:1px solid var(--border-color-light);background:#ffffffa6;color:var(--text-color-light);cursor:pointer;text-align:left;transition:all .18s ease}body.dark .writing-mode-btn{background:#0f172a99;border-color:var(--border-color-dark);color:var(--text-color-dark)}.writing-mode-btn:hover{border-color:rgba(var(--primary-rgb),.45);transform:translateY(-1px)}.writing-mode-btn__title{font-size:.9rem;font-weight:700;color:inherit}.writing-mode-btn__desc{font-size:.78rem;color:var(--text-muted-light)}body.dark .writing-mode-btn__desc{color:var(--text-muted-dark)}.writing-mode-btn--active,body.dark .writing-mode-btn--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;border-color:#ffffff47!important;color:#fff!important;box-shadow:0 8px 20px -6px rgba(var(--primary-rgb),.45)}.writing-mode-btn--active .writing-mode-btn__title,.writing-mode-btn--active .writing-mode-btn__desc{color:#fff!important}.lesson-writing-word-bar{padding:1.2rem 1.5rem;border-radius:1.15rem;background:var(--glass-surface-light);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);display:flex;flex-direction:column;gap:.85rem}body.dark .lesson-writing-word-bar{background:var(--glass-surface-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.lesson-writing-word-bar__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.lesson-writing-word-bar__label{font-size:.84rem;font-weight:700;color:var(--text-muted-light)}body.dark .lesson-writing-word-bar__label{color:var(--text-muted-dark)}.lesson-writing-auto-toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;color:var(--text-muted-light);cursor:pointer}body.dark .lesson-writing-auto-toggle{color:var(--text-muted-dark)}.lesson-writing-auto-toggle input{accent-color:var(--primary-color);width:15px;height:15px;cursor:pointer}.lesson-writing-word-pills{display:flex;flex-wrap:wrap;gap:.5rem;max-height:168px;overflow-y:auto;padding-bottom:.2rem}.writing-word-pill{display:inline-flex;align-items:center;gap:.42rem;padding:.42rem .78rem;border-radius:.6rem;border:1px solid var(--border-color-light);background:#ffffffb8;color:var(--text-color-light);font-size:.88rem;cursor:pointer;transition:all .16s ease}body.dark .writing-word-pill{background:#0f172aad;border-color:var(--border-color-dark);color:var(--text-color-dark)}.writing-word-pill:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.08)}.writing-word-pill__hanzi{font-size:1rem;font-weight:700}.writing-word-pill__pinyin{font-size:.76rem;color:var(--text-muted-light)}body.dark .writing-word-pill__pinyin{color:var(--text-muted-dark)}.writing-word-pill__check{font-size:.75rem;font-weight:800;color:#10b981}.writing-word-pill--done{border-color:#10b98173}.writing-word-pill--active,body.dark .writing-word-pill--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;border-color:#ffffff4d!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35)}.writing-word-pill--active *{color:#fff!important}.lesson-writing-workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:1.5rem;align-items:start;width:100%;min-width:0}.lesson-writing-canvas-card{padding:1.25rem 1.35rem;border-radius:1.2rem;background:var(--glass-surface-light);backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);display:flex;flex-direction:column;gap:1rem;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}body.dark .lesson-writing-canvas-card{background:var(--glass-surface-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.lesson-writing-canvas-card__header{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;width:100%;min-width:0}.lesson-writing-char-tabs{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;min-width:0}.writing-char-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:.55rem;border:1px solid var(--border-color-light);background:#ffffffbf;color:var(--text-color-light);cursor:pointer;transition:all .16s ease}body.dark .writing-char-chip{background:#0f172ab3;border-color:var(--border-color-dark);color:var(--text-color-dark)}.writing-char-chip__hanzi{font-size:1.15rem;font-weight:700}.writing-char-chip__meta{font-size:.72rem;font-weight:600;color:var(--text-muted-light)}body.dark .writing-char-chip__meta{color:var(--text-muted-dark)}.writing-char-chip--completed{border-color:#10b98180}.writing-char-chip--active,body.dark .writing-char-chip--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;border-color:#ffffff4d!important;color:#fff!important}.writing-char-chip--active *{color:#fff!important}.lesson-writing-canvas-toggles{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;width:100%;min-width:0}.writing-mizige-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.writing-mizige-stage{width:100%;max-width:320px;aspect-ratio:1 / 1;height:auto!important;border-radius:1.05rem;border:2px solid rgba(var(--primary-rgb),.32);box-shadow:inset 0 2px 12px #0f172a0d,0 10px 26px -10px rgba(var(--primary-rgb),.22);transition:border-color .25s ease,box-shadow .25s ease}.writing-mizige-stage--complete{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133,0 12px 28px -8px #10b98152!important}.writing-interactive-svg{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.hanzi-stroke-ghost--target{fill:rgba(var(--primary-rgb),.24)!important;stroke:rgba(var(--primary-rgb),.45);stroke-width:4px}body.dark .hanzi-stroke-ghost--target{fill:rgba(var(--primary-rgb),.32)!important;stroke:rgba(var(--primary-rgb),.6)}.writing-guide-median-line{fill:none;stroke:var(--primary-color);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26 22;opacity:.85}body.dark .writing-guide-median-line{stroke:var(--primary-color-light)}.writing-guide-arrow polygon{fill:var(--primary-color);opacity:.92}body.dark .writing-guide-arrow polygon{fill:var(--primary-color-light)}.writing-user-live-stroke{fill:none;stroke:var(--primary-color);stroke-width:56px;stroke-linecap:round;stroke-linejoin:round;opacity:.88;pointer-events:none}body.dark .writing-user-live-stroke{stroke:var(--primary-color-light)}.writing-user-wrong-stroke{fill:none;stroke:#ef4444;stroke-width:52px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;pointer-events:none}.writing-canvas-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.lesson-writing-info-col{display:flex;flex-direction:column;gap:1.1rem;min-width:0;max-width:100%}.writing-feedback-banner{padding:1.15rem 1.35rem;border-radius:1.05rem;border:1px solid var(--border-color-light);background:var(--glass-surface-light);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);display:flex;flex-direction:column;gap:.4rem;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}body.dark .writing-feedback-banner{background:var(--glass-surface-dark);border-color:var(--border-color-dark)}.writing-feedback-banner--info{border:1px solid rgba(var(--primary-rgb),.34);background:linear-gradient(135deg,rgba(var(--primary-rgb),.06),#ffffffeb)}body.dark .writing-feedback-banner--info{border-color:rgba(var(--primary-rgb),.42);background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),#0f172ad9)}.writing-feedback-banner--success{border:1px solid rgba(16,185,129,.42);background:#10b98114}body.dark .writing-feedback-banner--success{border-color:#10b98180;background:#10b98124}.writing-feedback-banner--error{border:1px solid rgba(239,68,68,.42);background:#ef444414}body.dark .writing-feedback-banner--error{border-color:#ef444480;background:#ef444426}.writing-feedback-banner--complete{border:1px solid rgba(16,185,129,.48);background:linear-gradient(135deg,#10b98124,rgba(var(--primary-rgb),.12))}.writing-feedback-banner__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.writing-feedback-banner__status{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}body.dark .writing-feedback-banner__status{color:var(--primary-color-light)}.writing-feedback-banner--success .writing-feedback-banner__status,.writing-feedback-banner--complete .writing-feedback-banner__status{color:#059669}body.dark .writing-feedback-banner--success .writing-feedback-banner__status,body.dark .writing-feedback-banner--complete .writing-feedback-banner__status{color:#34d399}.writing-feedback-banner--error .writing-feedback-banner__status{color:#dc2626}body.dark .writing-feedback-banner--error .writing-feedback-banner__status{color:#f87171}.writing-feedback-banner__counter{font-size:.8rem;font-weight:700;color:var(--text-muted-light)}body.dark .writing-feedback-banner__counter{color:var(--text-muted-dark)}.writing-feedback-banner__msg{margin:0;font-size:.98rem;font-weight:700;color:var(--text-color-light)}body.dark .writing-feedback-banner__msg{color:var(--text-color-dark)}.writing-feedback-banner__sub{margin:0;font-size:.85rem;color:var(--text-muted-light)}body.dark .writing-feedback-banner__sub{color:var(--text-muted-dark)}.writing-stroke-progress-bar{margin-top:.45rem;width:100%;height:6px;border-radius:999px;background:#94a3b83d;overflow:hidden}.writing-stroke-progress-bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-color),#10b981);transition:width .25s ease}.writing-word-context-card,.writing-sequence-card{padding:1.35rem 1.5rem;border-radius:1.15rem;background:var(--glass-surface-light);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);display:flex;flex-direction:column;gap:1rem}body.dark .writing-word-context-card,body.dark .writing-sequence-card{background:var(--glass-surface-dark);border-color:var(--glass-border-dark);box-shadow:var(--glass-shadow-dark)}.writing-word-context-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.writing-word-context-card__pos{display:inline-block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color);margin-bottom:.25rem}body.dark .writing-word-context-card__pos{color:var(--primary-color-light)}.writing-word-context-card__title-row{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap}.writing-word-context-card__hanzi{margin:0;font-size:2rem;font-weight:800;color:var(--text-color-light)}body.dark .writing-word-context-card__hanzi{color:var(--text-color-dark)}.writing-word-context-card__pinyin{font-size:1.05rem;font-weight:600;color:var(--primary-color)}body.dark .writing-word-context-card__pinyin{color:var(--primary-color-light)}.writing-word-context-card__meaning{margin:.25rem 0 0;font-size:.96rem;font-weight:600;color:var(--text-muted-light)}body.dark .writing-word-context-card__meaning{color:var(--text-muted-dark)}.writing-current-stroke-callout{display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:.85rem;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.22)}body.dark .writing-current-stroke-callout{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.32)}.writing-current-stroke-callout__badge{width:44px;height:44px;border-radius:.7rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));color:#fff;font-size:1.15rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.writing-current-stroke-callout__title{font-size:.9rem;font-weight:700;color:var(--text-color-light)}body.dark .writing-current-stroke-callout__title{color:var(--text-color-dark)}.writing-current-stroke-callout__tip{font-size:.82rem;color:var(--text-muted-light);margin-top:.15rem}body.dark .writing-current-stroke-callout__tip{color:var(--text-muted-dark)}.writing-example-box{padding:.85rem 1rem;border-radius:.85rem;background:#94a3b814;border:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:.22rem}body.dark .writing-example-box{background:#0f172a8c;border-color:var(--border-color-dark)}.writing-example-box__hanzi{font-size:1rem;font-weight:700;color:var(--text-color-light)}body.dark .writing-example-box__hanzi{color:var(--text-color-dark)}.writing-example-box__pinyin{font-size:.84rem;color:var(--primary-color)}body.dark .writing-example-box__pinyin{color:var(--primary-color-light)}.writing-example-box__en{font-size:.84rem;color:var(--text-muted-light)}body.dark .writing-example-box__en{color:var(--text-muted-dark)}.stroke-step-box--done{border-color:#10b98173}.writing-word-nav-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}@media(max-width:960px){.lesson-writing-studio__modes,.lesson-writing-workspace{grid-template-columns:1fr}.writing-mizige-stage{max-width:290px}}.tone-colored-hanzi,.tone-colored-pinyin,.tone-hanzi-group,.tone-pinyin-group{display:inline;color:var(--primary-color)!important}body.dark .tone-colored-hanzi,body.dark .tone-colored-pinyin,body.dark .tone-hanzi-group,body.dark .tone-pinyin-group{color:var(--primary-color-light)!important}.tone-syllable{font-weight:600;color:var(--primary-color)!important}body.dark .tone-syllable{color:var(--primary-color-light)!important}.tone-char,.tone-hanzi-char{color:var(--primary-color)!important;transition:color .16s ease}body.dark .tone-char,body.dark .tone-hanzi-char{color:var(--primary-color-light)!important}.tone-color-1,.tone-color-2,.tone-color-3,.tone-color-4,.tone-color-5{color:var(--primary-color)!important}body.dark .tone-color-1,body.dark .tone-color-2,body.dark .tone-color-3,body.dark .tone-color-4,body.dark .tone-color-5{color:var(--primary-color-light)!important}.tone-legend-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding-top:.65rem;margin-top:.55rem;border-top:1px solid var(--border-color-light)}body.dark .tone-legend-strip{border-top-color:var(--border-color-dark)}.tone-legend-strip__title{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-light);margin-right:.2rem}body.dark .tone-legend-strip__title{color:var(--text-muted-dark)}.tone-legend-chip{display:inline-flex;align-items:center;padding:.16rem .55rem;border-radius:999px;font-size:.73rem;font-weight:700;background:#94a3b81a;border:1px solid rgba(148,163,184,.22)}body.dark .tone-legend-chip{background:#0f172a99;border-color:#94a3b833}.audio-speaker-btn--active{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.14)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.16)}body.dark .audio-speaker-btn--active{border-color:var(--primary-color-light)!important;color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.24)!important}.audio-speaker-btn--error{border-color:#ef4444!important;color:#ef4444!important}.audio-wave-bars{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;width:15px;height:14px}.audio-wave-bar{width:3px;border-radius:999px;background:currentColor;animation:hskAudioWaveBounce .65s ease-in-out infinite alternate}.audio-wave-bar--1{height:45%;animation-delay:0s}.audio-wave-bar--2{height:100%;animation-delay:.18s}.audio-wave-bar--3{height:65%;animation-delay:.34s}.audio-wave-bars--loading .audio-wave-bar{opacity:.6;animation-duration:.4s}@keyframes hskAudioWaveBounce{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.audio-btn-label{margin-left:.3rem}.header-dict__compact-trigger{display:none!important}.header-dict{position:relative;margin-left:.1rem;flex:0 1 190px!important;min-width:96px!important;max-width:210px!important}.header-dict__bar{display:flex!important;align-items:center;width:100%!important;min-width:0!important;box-sizing:border-box!important;gap:.3rem!important;padding:0 .38rem!important;overflow:hidden}.header-dict__input{width:100%!important;min-width:0!important;flex:1 1 0%!important;font-size:.79rem!important}.telemetry-micro-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.78;margin-right:.1rem}@media(max-width:1650px){.telemetry-micro-label{display:none!important}}@media(max-width:1520px){.pwa-install-btn__label{display:none!important}.pwa-install-btn{padding:.36rem .5rem!important}.header__action-divider,.header__divider{display:none!important}}@media(min-width:1024px)and (max-width:1440px){.header__logo-mark{width:1.95rem!important;height:1.95rem!important;font-size:1.05rem!important}.header__logo-text{font-size:clamp(1.05rem,1.15vw,1.18rem)!important}.header__telemetry-group{padding:.14rem .2rem!important;gap:.16rem!important}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{height:1.8rem!important;padding:0 .42rem!important;font-size:.76rem!important}.reminder-badge{height:1.8rem!important;padding:0 .36rem!important}.header__profile-trigger{padding:.22rem .48rem .22rem .26rem!important;max-width:112px!important}.header__profile-name{max-width:68px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.8rem!important}.palette-trigger{padding:0 .44rem!important;height:2.02rem!important}.theme-toggle{width:2.02rem!important;height:2.02rem!important}}@media(max-width:640px){.header__profile-name,.palette-trigger__icon{display:none!important}.header__profile-trigger{padding:.22rem!important}.palette-trigger{padding:0 .4rem!important;min-width:2rem!important;justify-content:center!important}}.nav-dropdown__menu,.header-dict__popover,.goal-popover,.streak-popover,.reminder-popover,.palette-popover{max-height:calc(100dvh - 5rem)!important;max-width:calc(100vw - 1.5rem)!important;overflow-y:auto!important;overscroll-behavior:contain}.modal-content,.auth-modal{max-height:calc(100dvh - 2rem)!important;max-width:min(96vw,920px)!important;overflow-y:auto!important;box-sizing:border-box!important}.hero-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:clamp(.85rem,1.8vw,1.35rem)!important}@media(max-width:1080px){.bento-profile-grid{grid-template-columns:1fr!important}}.header__profile-avatar-img{width:1.65rem;height:1.65rem;border-radius:.4rem;object-fit:cover;border:1px solid rgba(var(--primary-rgb),.35);flex-shrink:0}.button--ghost-secondary{background:#ffffff6b;border:1.5px solid rgba(var(--primary-rgb),.38);color:var(--primary-color-dark);font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.dark .button--ghost-secondary{background:#0f172a73;border-color:rgba(var(--primary-rgb),.45);color:var(--primary-color-light)}.button--ghost-secondary:hover{background:rgba(var(--primary-rgb),.12);border-color:var(--primary-color);transform:translateY(-1px)}.hero-kpi__zero-link{background:none;border:none;padding:0;margin-top:.15rem;font-size:.78rem;font-weight:600;color:var(--primary-color);text-align:left;cursor:pointer;line-height:1.35;transition:color .15s ease}body.dark .hero-kpi__zero-link{color:var(--primary-color-light)}.hero-kpi__zero-link:hover{text-decoration:underline}.daily-goal-card__custom-form--inline{margin-top:.65rem;padding-top:.65rem;border-top:1px dashed var(--border-color-light)}body.dark .daily-goal-card__custom-form--inline{border-top-color:var(--border-color-dark)}.level-matrix__pct--zero{background:#0f172a14!important;color:#334155!important;border:1.5px solid rgba(100,116,139,.42)!important;font-weight:800!important}body.dark .level-matrix__pct--zero{background:#0f172ad9!important;color:#cbd5e1!important;border:1.5px solid rgba(148,163,184,.45)!important}.level-matrix__pct--active{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark))!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.35)!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.28)}.level-matrix__progress-track{height:6px!important;border:1px solid rgba(100,116,139,.28);background:#94a3b838!important}body.dark .level-matrix__progress-track{border-color:#94a3b847;background:#0f172ac7!important}.mizige-stage,.writing-mizige-stage,.mizige-svg,.writing-interactive-svg{touch-action:none!important;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.writing-strictness-bar{display:inline-flex;align-items:center;gap:.22rem;padding:.2rem .35rem;border-radius:.6rem;background:#94a3b81f;border:1px solid var(--border-color-light)}body.dark .writing-strictness-bar{background:#0f172aa6;border-color:var(--border-color-dark)}.writing-strictness-bar__label{font-size:.7rem;font-weight:700;color:var(--text-muted-light);padding:0 .25rem}body.dark .writing-strictness-bar__label{color:var(--text-muted-dark)}.writing-strictness-btn{padding:.2rem .5rem;border-radius:.42rem;border:none;background:transparent;color:var(--text-muted-light);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s ease}body.dark .writing-strictness-btn{color:var(--text-muted-dark)}.writing-strictness-btn--active{background:var(--primary-color);color:#fff!important;box-shadow:0 1px 4px rgba(var(--primary-rgb),.28)}.bento-identity__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a1f,#0f172a85);pointer-events:none}.bento-identity__banner-hsk-tag{position:absolute;left:.85rem;top:.8rem;z-index:2;display:inline-flex;align-items:center;gap:.38rem;padding:.28rem .65rem;border-radius:999px;background:#0f172a94;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:700}.bento-identity__banner-hsk-level,.bento-identity__banner-hsk-lvl{padding:.1rem .42rem;border-radius:999px;background:#ffffff38;font-weight:800;letter-spacing:.03em}.bento-identity__banner-hsk-zh,.bento-identity__banner-hsk-cn{font-weight:700}.bento-identity__banner-hsk-en{opacity:.88}@media(max-width:560px){.bento-identity__banner-hsk-en{display:none}}.bento-identity__banner-edit-trigger{position:absolute;right:.75rem;bottom:.65rem;z-index:3;display:inline-flex;align-items:center;gap:.35rem;max-width:calc(100% - 7.15rem);padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.38);background:#0f172aad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:.71rem;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .16s ease}.bento-identity__banner-edit-lvl{padding:.08rem .38rem;border-radius:999px;background:#ffffff38;font-size:.66rem;font-weight:800;flex-shrink:0}.bento-identity__banner-edit-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bento-identity__banner-edit-trigger:hover{background:#0f172ae0;border-color:#fff;transform:translateY(-1px)}.bento-identity__avatar--image{padding:0!important;overflow:hidden;position:relative}.bento-identity__avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:.78rem}.bento-identity__avatar-cam-btn{position:absolute;right:-5px;bottom:-5px;width:28px;height:28px;border-radius:999px;border:2px solid #ffffff;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px #0f172a61;z-index:6;padding:0;transition:transform .15s ease,background-color .15s ease}.bento-identity__avatar-cam-btn:hover{transform:scale(1.08)}body.dark .bento-identity__avatar-cam-btn{border-color:#0b1120}.bento-studio-panel{margin-bottom:1.5rem;padding:1.25rem 1.4rem;border-radius:1.15rem;background-color:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 12px 32px #0f172a14}body.dark .bento-studio-panel{background-color:#111827;border-color:#1e293b;box-shadow:0 14px 36px #0000006b}.bento-studio-panel__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:1.25rem;align-items:start}@media(max-width:960px){.bento-studio-panel__grid{grid-template-columns:1fr}}.bento-studio-panel__col{display:flex;flex-direction:column;gap:1rem;min-width:0}.bento-identity__edit-form--studio{display:flex;flex-direction:column;gap:1rem;max-height:76vh;overflow-y:auto;padding-right:.25rem}.bento-identity__studio-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.45rem;border-bottom:1px solid var(--border-color-light)}body.dark .bento-identity__studio-head{border-bottom-color:var(--border-color-dark)}.bento-identity__studio-title{font-size:.86rem;font-weight:800;color:var(--text-color-light)}body.dark .bento-identity__studio-title{color:var(--text-color-dark)}.bento-identity__studio-close{background:none;border:none;font-size:.76rem;font-weight:700;color:var(--text-muted-light);cursor:pointer}.bento-identity__studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(max-width:520px){.bento-identity__studio-grid{grid-template-columns:1fr}}.profile-studio-section{display:flex;flex-direction:column;gap:.55rem;padding:.75rem;border-radius:.75rem;background:#94a3b814;border:1px solid var(--border-color-light)}body.dark .profile-studio-section{background:#0f172a8c;border-color:var(--border-color-dark)}.profile-studio-section__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.profile-studio-mode-tabs,.profile-avatar-mode-pills{display:inline-flex;gap:.25rem;padding:.18rem;border-radius:.5rem;background:#94a3b824;flex-wrap:wrap}.profile-studio-mode-tab{padding:.22rem .52rem;border-radius:.38rem;border:none;background:transparent;font-size:.72rem;font-weight:700;color:var(--text-muted-light);cursor:pointer}body.dark .profile-studio-mode-tab{color:var(--text-muted-dark)}.profile-studio-mode-tab--active{background:var(--primary-color);color:#fff!important}.profile-preset-avatars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.profile-preset-avatar-card,.profile-preset-avatar-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .25rem;border-radius:.6rem;border:1.5px solid var(--border-color-light);background:#ffffffb3;cursor:pointer;transition:all .15s ease}body.dark .profile-preset-avatar-card,body.dark .profile-preset-avatar-btn{background:#0f172ab3;border-color:var(--border-color-dark)}.profile-preset-avatar-card--active,.profile-preset-avatar-btn--active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.22)}.profile-preset-avatar-card__img,.profile-preset-avatar-btn img{width:38px;height:38px;border-radius:999px;object-fit:cover}.profile-preset-avatar-card__name,.profile-preset-avatar-btn span{font-size:.68rem;font-weight:700;color:var(--text-color-light);text-align:center}body.dark .profile-preset-avatar-card__name,body.dark .profile-preset-avatar-btn span{color:var(--text-color-dark)}.profile-upload-box,.profile-custom-media-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.profile-upload-status{font-size:.74rem;font-weight:600;color:var(--text-muted-light)}body.dark .profile-upload-status{color:var(--text-muted-dark)}.profile-custom-remove-btn{padding:.24rem .55rem;border-radius:.45rem;border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#dc2626;font-size:.72rem;font-weight:700;cursor:pointer}body.dark .profile-custom-remove-btn{color:#f87171}.profile-upload-box__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-upload-box__hint{font-size:.73rem;color:var(--text-muted-light);margin:0}body.dark .profile-upload-box__hint{color:var(--text-muted-dark)}.profile-level-filter-pills,.profile-banner-level-tabs{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.profile-level-pill{padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-color-light);background:#ffffffa6;color:var(--text-muted-light);font-size:.7rem;font-weight:700;cursor:pointer}body.dark .profile-level-pill{background:#0f172ab3;border-color:var(--border-color-dark);color:var(--text-muted-dark)}.profile-level-pill--active{background:var(--primary-color);border-color:var(--primary-color);color:#fff!important}.profile-prebuilt-banners-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:220px;overflow-y:auto;padding-right:.2rem}@media(max-width:520px){.profile-prebuilt-banners-grid{grid-template-columns:1fr}}.profile-prebuilt-banner-card,.profile-banner-card{position:relative;display:flex;flex-direction:column;padding:0;border-radius:.7rem;border:1.5px solid var(--border-color-light);background:var(--card-background-light);color:var(--text-color-light);text-align:left;cursor:pointer;overflow:hidden;transition:all .16s ease}body.dark .profile-prebuilt-banner-card,body.dark .profile-banner-card{border-color:var(--border-color-dark);background:#0f172ab8;color:var(--text-color-dark)}.profile-prebuilt-banner-card:hover,.profile-banner-card:hover{transform:translateY(-1px);border-color:var(--primary-color)}.profile-prebuilt-banner-card--active,.profile-banner-card--active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.28)}.profile-banner-card__preview{position:relative;width:100%;height:54px;overflow:hidden}.profile-banner-card__footer{display:flex;align-items:center;gap:.4rem;padding:.38rem .55rem;background:#ffffffd9}body.dark .profile-banner-card__footer{background:#0f172ae0}.profile-prebuilt-banner-card__badge,.profile-banner-card__lvl{font-size:.64rem;font-weight:800;padding:.08rem .38rem;border-radius:999px;background:rgba(var(--primary-rgb),.14);color:var(--primary-color);flex-shrink:0}body.dark .profile-banner-card__lvl{background:rgba(var(--primary-rgb),.24);color:var(--primary-color-light)}.profile-prebuilt-banner-card__check,.profile-banner-card__check{position:absolute;top:.35rem;right:.35rem;z-index:2;width:18px;height:18px;border-radius:999px;background:#10b981;color:#fff;font-size:.68rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.profile-prebuilt-banner-card__en,.profile-banner-card__en{font-size:.7rem;font-weight:700;color:var(--text-color-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .profile-banner-card__en{color:var(--text-color-dark)}.profile-banner-crop-preview{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.profile-banner-crop-preview__label{font-size:.7rem;font-weight:700;color:var(--text-muted-light)}body.dark .profile-banner-crop-preview__label{color:var(--text-muted-dark)}.profile-banner-crop-preview__row{display:grid;grid-template-columns:1.5fr 1fr;gap:.5rem;align-items:stretch}.profile-banner-crop-box,.profile-crop-box{position:relative;border-radius:.55rem;border:1px solid rgba(255,255,255,.3);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:.38rem .5rem;color:#fff}.profile-banner-crop-box--desktop,.profile-crop-box--desktop{aspect-ratio:16 / 5;min-height:54px}.profile-banner-crop-box--mobile,.profile-crop-box--mobile{aspect-ratio:2 / 1;min-height:54px}.profile-banner-crop-box__tag,.profile-crop-box span{align-self:flex-start;font-size:.62rem;font-weight:800;padding:.08rem .38rem;border-radius:999px;background:#0f172a9e}.profile-banner-crop-box__title{font-size:.72rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.55)}.profile-studio-error{margin:0;padding:.45rem .65rem;border-radius:.5rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#dc2626;font-size:.76rem;font-weight:600}body.dark .profile-studio-error{color:#f87171}.container.header__nav{width:100%!important;max-width:min(1680px,100%)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(.35rem,.75vw,.85rem)!important;padding-left:clamp(.75rem,1.8vw,1.5rem)!important;padding-right:clamp(.75rem,1.8vw,1.5rem)!important}.header__nav-links{flex:1 1 auto!important;min-width:max-content!important;justify-content:center!important;align-items:center!important;gap:clamp(.08rem,.32vw,.28rem)!important}@media(max-width:1099px){.header__nav-links{display:none!important}.mobile-menu-button{display:inline-flex!important}}@media(min-width:1100px){.header__nav-links{display:flex!important}.mobile-menu-button{display:none!important}}.header-dict{position:relative;margin-left:.1rem;flex:0 1 clamp(92px,10.5vw,175px)!important;min-width:82px!important;max-width:185px!important}@media(max-width:1380px){.header-dict__kbd{display:none!important}}@media(max-width:1680px){.pwa-install-btn__label{display:none!important}.pwa-install-btn{padding:0!important;width:2.02rem!important;height:2.02rem!important;min-width:2.02rem!important;justify-content:center!important;border-radius:.55rem!important;flex-shrink:0!important}}.header__auth-buttons{display:inline-flex!important;align-items:center!important;gap:.32rem!important;flex-shrink:0!important}.header__signin-link{white-space:nowrap!important;padding:.34rem .48rem!important;font-size:.81rem!important;font-weight:700!important}.header__signup-btn{white-space:nowrap!important;padding:.38rem .72rem!important;font-size:.81rem!important;height:2.02rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:.55rem!important}@media(max-width:1320px){.header__signin-link{display:none!important}}.footer__hsk-chip{background:linear-gradient(180deg,#fff,#f1f5f9)!important;border:1px solid #cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 2px #0f172a0f!important}.footer__hsk-chip-arrow{color:var(--primary-color)!important;opacity:.9!important;font-weight:800!important}.footer__hsk-chip:hover{background:rgba(var(--primary-rgb),.08)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;box-shadow:0 3px 8px rgba(var(--primary-rgb),.14)!important}body.dark .footer__hsk-chip{background:#0f172ad1!important;border-color:#94a3b838!important;color:#f1f5f9!important;box-shadow:0 1px 3px #0000004d!important}body.dark .footer__hsk-chip-arrow{color:var(--primary-color-light)!important}body.dark .footer__hsk-chip:hover{background:rgba(var(--primary-rgb),.18)!important;border-color:var(--primary-color-light)!important;color:var(--primary-color-light)!important}.auth-modal-card{max-width:430px!important;width:100%!important;padding:1.35rem 1.55rem 1.2rem!important;max-height:calc(100dvh - 1.5rem)!important;overflow-y:auto!important}.auth-modal-header{gap:.28rem!important;margin-bottom:.85rem!important}.auth-modal-seal{width:2.45rem!important;height:2.45rem!important;font-size:1.2rem!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;box-shadow:0 6px 16px rgba(var(--primary-rgb),.28)!important}.auth-mode-tabs{margin-bottom:.9rem!important}.auth-modal-body{gap:.75rem!important}.auth-email-form{gap:.68rem!important}.auth-field__input{padding:.56rem .8rem!important}.modal-switch-button,.auth-provider-btn,.auth-mode-tab{outline:none!important}.modal-switch-button:focus-visible,.auth-provider-btn:focus-visible,.auth-mode-tab:focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.38)!important;border-radius:.45rem}.auth-feedback__text{margin:0}.auth-domain-helper{margin-top:.65rem;padding-top:.65rem;border-top:1px solid rgba(239,68,68,.25);display:flex;flex-direction:column;gap:.5rem}.auth-domain-helper__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#0f172a0f;padding:.35rem .55rem;border-radius:.45rem}body.dark .auth-domain-helper__row{background:#0f172a8c}.auth-domain-helper__code{font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:700;color:#0f172a;word-break:break-all}body.dark .auth-domain-helper__code{color:#f8fafc}.auth-domain-helper__btn{padding:.24rem .55rem;font-size:.72rem;font-weight:700;border-radius:.38rem;border:1px solid rgba(var(--primary-rgb),.35);background:#fff;color:var(--primary-color);cursor:pointer;white-space:nowrap}body.dark .auth-domain-helper__btn{background:#1e293b;color:var(--primary-color-light)}.auth-domain-helper__link{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .65rem;border-radius:.45rem;background:var(--primary-color);color:#fff!important;font-size:.76rem;font-weight:700;text-decoration:none;transition:opacity .15s ease}.auth-domain-helper__link:hover{opacity:.92}.reminder-badge{position:relative!important;width:2.2rem!important;height:2.2rem!important;padding:0!important;border-radius:9999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#0f172a0d!important;border:1px solid rgba(148,163,184,.28)!important;color:#334155!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important}body.dark .reminder-badge{background:#0f172ab8!important;border-color:#94a3b82e!important;color:#cbd5e1!important}.reminder-badge:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-1px)}body.dark .reminder-badge:hover{border-color:rgba(var(--primary-rgb),.55)!important;color:#fff!important}.reminder-badge__icon{width:1.02rem!important;height:1.02rem!important}.reminder-badge__count-pill{position:absolute;bottom:-3px;right:-3px;min-width:1.05rem;height:1.05rem;padding:0 .22rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 6px rgba(var(--primary-rgb),.45)}body.dark .reminder-badge__count-pill{border-color:#0b0f19}.header-level-dropdown{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.header-level-trigger{display:inline-flex;align-items:center;gap:.48rem;height:2.3rem;padding:.22rem .68rem .22rem .26rem;border-radius:9999px;background:#ffffffd9;border:1px solid rgba(148,163,184,.32);color:#0f172a;font-size:.83rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0f172a0d}body.dark .header-level-trigger{background:#0f172ac7;border-color:#94a3b82e;color:#f8fafc;box-shadow:0 4px 14px #00000052}.header-level-trigger:hover,.header-level-trigger--open{border-color:rgba(var(--primary-rgb),.55);background:#fff}body.dark .header-level-trigger:hover,body.dark .header-level-trigger--open{border-color:rgba(var(--primary-rgb),.55);background:#141d2ff0}.header-level-trigger__orb{width:1.72rem;height:1.72rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--primary-rgb),.42)}.header-level-trigger__label{letter-spacing:-.01em;font-weight:600}.header-level-trigger__chevron{color:#64748b;transition:transform .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}body.dark .header-level-trigger__chevron{color:#94a3b8}.header-level-trigger--open .header-level-trigger__chevron{transform:rotate(180deg);color:var(--primary-color)}body.dark .header-level-trigger--open .header-level-trigger__chevron{color:var(--primary-color-light)}.header-level-popover{position:absolute;top:calc(100% + .65rem);right:0;width:265px;padding:.85rem;border-radius:1.1rem;background:#fffffffa;border:1px solid rgba(148,163,184,.26);box-shadow:0 20px 45px -12px #0f172a2e,0 0 0 1px #0f172a0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:120}body.dark .header-level-popover{background:#0d111bf7;border-color:#94a3b824;box-shadow:0 24px 52px -10px #000000b8,0 0 0 1px #ffffff0d}.header-level-popover__header{display:flex;align-items:center;justify-content:space-between;padding:.15rem .4rem .6rem;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:.45rem}.header-level-popover__kicker{font-size:.73rem;font-weight:700;color:#64748b;letter-spacing:.02em}body.dark .header-level-popover__kicker{color:#94a3b8}.header-level-popover__tag{font-size:.68rem;font-weight:700;color:var(--primary-color);background:rgba(var(--primary-rgb),.12);padding:.16rem .48rem;border-radius:.4rem}body.dark .header-level-popover__tag{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.22)}.header-level-popover__list{display:flex;flex-direction:column;gap:.22rem}.header-level-popover__item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.5rem .55rem;border-radius:.68rem;border:none;background:transparent;color:#0f172a;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}body.dark .header-level-popover__item{color:#f1f5f9}.header-level-popover__item:hover{background:rgba(var(--primary-rgb),.08)}body.dark .header-level-popover__item:hover{background:#ffffff0f}.header-level-popover__item--active{background:rgba(var(--primary-rgb),.12)}body.dark .header-level-popover__item--active{background:rgba(var(--primary-rgb),.22)}.header-level-popover__badge{width:1.9rem;height:1.9rem;border-radius:.55rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);font-size:.75rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .header-level-popover__badge{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light)}.header-level-popover__info{display:flex;flex-direction:column;min-width:0;flex:1}.header-level-popover__title{font-size:.84rem;font-weight:700;line-height:1.25}.header-level-popover__title small{font-weight:600;color:#64748b;margin-left:.2rem}body.dark .header-level-popover__title small{color:#94a3b8}.header-level-popover__sub{font-size:.72rem;color:#64748b}body.dark .header-level-popover__sub{color:#94a3b8}.header-level-popover__check{color:var(--primary-color);font-weight:800;font-size:.85rem}body.dark .header-level-popover__check{color:var(--primary-color-light)}.header-level-popover__footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.15)}.header-level-popover__footer-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-radius:.55rem;border:none;background:rgba(var(--primary-rgb),.08);color:var(--primary-color);font-size:.76rem;font-weight:700;cursor:pointer;transition:background .15s ease}body.dark .header-level-popover__footer-link{background:rgba(var(--primary-rgb),.18);color:var(--primary-color-light)}.header-level-popover__footer-link:hover{background:rgba(var(--primary-rgb),.15)}body.dark .header-level-popover__footer-link:hover{background:rgba(var(--primary-rgb),.28)}.header-profile-dropdown-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.header-profile-avatar-btn{position:relative;width:2.4rem;height:2.4rem;padding:0;border-radius:9999px;border:2px solid rgba(148,163,184,.32);background:#1e293b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 3px 10px #0f172a1f}body.dark .header-profile-avatar-btn{border-color:#94a3b838;box-shadow:0 4px 14px #00000073}.header-profile-avatar-btn:hover,.header-profile-avatar-btn--active{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.24)}.header-profile-avatar-btn__img{width:100%;height:100%;border-radius:9999px;object-fit:cover;display:block}.header-profile-avatar-btn__fallback{width:100%;height:100%;border-radius:9999px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.header-profile-avatar-btn__status{position:absolute;bottom:-1px;right:-1px;width:.72rem;height:.72rem;border-radius:9999px;background:#94a3b8;border:2px solid #ffffff;box-shadow:none}.header-profile-avatar-btn__status--online{background:#10b981;box-shadow:0 1px 4px #10b98180}body.dark .header-profile-avatar-btn__status{border-color:#0b0f19;background:#475569}body.dark .header-profile-avatar-btn__status--online{border-color:#0b0f19;background:#10b981}.header-profile-menu{position:absolute;top:calc(100% + .6rem);right:0;width:294px;border-radius:1.15rem;background:#fff;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 54px -12px #0f172a38,0 0 0 1px #0f172a0a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);z-index:130;overflow:hidden;text-align:left}body.dark .header-profile-menu{background:#0d111a;border-color:#ffffff14;box-shadow:0 28px 60px -12px #000000d1,0 0 0 1px #ffffff0a}.header-profile-menu__top{padding:.95rem 1.15rem .9rem}.header-profile-menu__badge-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.header-profile-menu__pill{display:inline-flex;align-items:center;padding:.22rem .62rem;border-radius:.48rem;background:rgba(var(--primary-rgb),.14);color:var(--primary-color);font-size:.7rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}body.dark .header-profile-menu__pill{background:rgba(var(--primary-rgb),.24);color:var(--primary-color-light)}.header-profile-menu__mastered{font-size:.73rem;font-weight:600;color:#64748b;white-space:nowrap}body.dark .header-profile-menu__mastered{color:#94a3b8}.header-profile-menu__name{margin:0;font-size:1.08rem;font-weight:700;color:#0f172a;letter-spacing:-.015em;line-height:1.22}body.dark .header-profile-menu__name{color:#f8fafc}.header-profile-menu__email{margin:.16rem 0 0;font-size:.82rem;font-weight:500;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark .header-profile-menu__email{color:#8b95a7}.header-profile-menu__cta{margin-top:.78rem;width:100%;padding:.62rem 1rem;border-radius:.68rem;border:1px solid rgba(var(--primary-rgb),.42);background-color:var(--primary-color-dark);background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,.35) 0%,transparent 2.5%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.28) 0%,transparent 2%),radial-gradient(circle at 68% 76%,rgba(255,255,255,.3) 0%,transparent 2.5%),linear-gradient(135deg,var(--primary-color-dark) 0%,var(--primary-color) 52%,var(--primary-color-light) 100%);color:#fff!important;font-size:.88rem;font-weight:700;text-align:center;cursor:pointer;box-shadow:0 6px 18px rgba(var(--primary-rgb),.38),inset 0 1px #ffffff3d;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.header-profile-menu__cta:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 24px rgba(var(--primary-rgb),.48),inset 0 1px #ffffff4d}.header-profile-menu__divider{height:1px;width:100%;background:#94a3b82e}body.dark .header-profile-menu__divider{background:#ffffff12}.header-profile-menu__list{padding:.4rem .55rem;display:flex;flex-direction:column;gap:.08rem}.header-profile-menu__item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;border-radius:.62rem;border:none;background:transparent;color:#1e293b;font-size:.88rem;font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease}body.dark .header-profile-menu__item{color:#e2e8f0}.header-profile-menu__item:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}body.dark .header-profile-menu__item:hover{background:#ffffff0f;color:#fff}.header-profile-menu__icon{width:1.12rem;height:1.12rem;color:#64748b;flex-shrink:0;transition:color .15s ease}body.dark .header-profile-menu__icon{color:#cbd5e1}.header-profile-menu__item:hover .header-profile-menu__icon{color:var(--primary-color)}body.dark .header-profile-menu__item:hover .header-profile-menu__icon{color:var(--primary-color-light)}.header-profile-menu__item-meta{margin-left:auto;font-size:.73rem;font-weight:700;color:var(--primary-color);background:rgba(var(--primary-rgb),.12);padding:.12rem .44rem;border-radius:.38rem}body.dark .header-profile-menu__item-meta{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.22)}.header-profile-menu__item--signout:hover{color:#ef4444;background:#ef444414}body.dark .header-profile-menu__item--signout:hover{color:#f87171;background:#ef444424}.header-profile-menu__item--signout:hover .header-profile-menu__icon{color:#ef4444}body.dark .header-profile-menu__item--signout:hover .header-profile-menu__icon{color:#f87171}.header-profile-menu__footer{padding:.68rem 1.15rem .82rem;display:flex;flex-direction:column;gap:.55rem}.header-profile-menu__theme-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header-profile-menu__theme-label{font-size:.9rem;font-weight:600;color:#0f172a}body.dark .header-profile-menu__theme-label{color:#f1f5f9}.header-profile-menu__theme-switch{display:inline-flex;align-items:center;gap:.18rem;padding:.2rem;border-radius:9999px;background:#f1f5f9;border:1px solid rgba(148,163,184,.28)}body.dark .header-profile-menu__theme-switch{background:#080b11;border-color:#ffffff14}.header-profile-menu__theme-btn{width:1.95rem;height:1.95rem;border-radius:9999px;border:none;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}body.dark .header-profile-menu__theme-btn{color:#94a3b8}.header-profile-menu__theme-btn:hover{color:#0f172a}body.dark .header-profile-menu__theme-btn:hover{color:#fff}.header-profile-menu__theme-btn--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.45)}.header-profile-menu__palettes{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.1rem}.header-profile-menu__palettes-label{font-size:.76rem;font-weight:600;color:#64748b}body.dark .header-profile-menu__palettes-label{color:#8b95a7}.header-profile-menu__palettes-row{display:inline-flex;align-items:center;gap:.38rem}.header-profile-menu__swatch{width:1.05rem;height:1.05rem;border-radius:9999px;border:2px solid transparent;padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.header-profile-menu__swatch:hover{transform:scale(1.15)}.header-profile-menu__swatch--active{border-color:#fff;box-shadow:0 0 0 2px var(--primary-color)}@media(max-width:1380px){.header-level-trigger__label{display:none}.header-level-trigger{padding:.22rem .48rem .22rem .24rem;gap:.3rem}}.header-level-popover,.header-profile-menu{max-height:calc(100dvh - 4.25rem)!important;max-width:calc(100vw - 1.5rem)!important;overflow-y:auto!important;overscroll-behavior:contain}.vocab-card__char,.vocab-card__pinyin,.dictionary-table__char,.dictionary-table__pinyin,.header-dict__result-char,.header-dict__result-pinyin,.word-modal__char,.word-modal__pinyin,.hero-spotlight__char,.hero-spotlight__pinyin,.lesson-vocab-card__char,.lesson-vocab-card__pinyin,.dialogue-turn__hanzi,.dialogue-turn__pinyin,.flashcard-char,.flashcard-pinyin{color:var(--primary-color)!important}body.dark .vocab-card__char,body.dark .vocab-card__pinyin,body.dark .dictionary-table__char,body.dark .dictionary-table__pinyin,body.dark .header-dict__result-char,body.dark .header-dict__result-pinyin,body.dark .word-modal__char,body.dark .word-modal__pinyin,body.dark .hero-spotlight__char,body.dark .hero-spotlight__pinyin,body.dark .lesson-vocab-card__char,body.dark .lesson-vocab-card__pinyin,body.dark .dialogue-turn__hanzi,body.dark .dialogue-turn__pinyin,body.dark .flashcard-char,body.dark .flashcard-pinyin{color:var(--primary-color-light)!important}.header-dict__seal,.goal-preset-btn--active,.reminder-preset-btn--active,.reminder-switch--on,.header-dict__level-pill--active,.bento-stat-tab--active .bento-stat-tab__bar-fill{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;color:#fff!important;border-color:var(--primary-color)!important}.bento-stat-tab--active .bento-stat-tab__label,.goal-badge--progress,.reminder-badge--enabled{color:var(--primary-color)!important}body.dark .bento-stat-tab--active .bento-stat-tab__label,body.dark .goal-badge--progress,body.dark .reminder-badge--enabled{color:var(--primary-color-light)!important}.app-shell--sidebar-expanded{--sidebar-width: 15.25rem}.app-shell--sidebar-collapsed{--sidebar-width: 4.25rem}@media(min-width:1024px){.app-shell .header,.app-shell .main-layout,.app-shell .footer{padding-left:var(--sidebar-width, 15.25rem);transition:padding-left .34s cubic-bezier(.22,1,.36,1)}}@media(max-width:1023px){.app-shell{--sidebar-width: 0px}}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:65;display:flex;flex-direction:column;overflow-x:hidden!important;background:#fffffff5;backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);border-right:1px solid rgba(226,232,240,.9);box-shadow:4px 0 24px -12px #0f172a14;transition:width .34s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),border-color .28s ease;will-change:width;-webkit-user-select:none;user-select:none}body.dark .app-sidebar{background:#0a0f1cf5;border-right-color:#ffffff14;box-shadow:8px 0 32px -12px #020617b8}.app-sidebar--expanded{width:15.25rem}.app-sidebar--collapsed{width:4.25rem}.app-sidebar--hover-expanded{border-right-color:rgba(var(--primary-rgb),.28);box-shadow:16px 0 42px -12px #0f172a29,2px 0 18px -4px rgba(var(--primary-rgb),.12)}body.dark .app-sidebar--hover-expanded{border-right-color:rgba(var(--primary-rgb),.34);box-shadow:18px 0 48px -10px #020617d9,2px 0 22px -4px rgba(var(--primary-rgb),.18)}@media(max-width:1023px){.app-sidebar{width:15.75rem!important;transform:translate(-104%)}.app-sidebar--mobile-open{transform:translate(0)}}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-sidebar button{outline:none!important}.app-sidebar button:focus{outline:none!important;box-shadow:none}.app-sidebar button:focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.45)!important}.app-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:4.25rem;padding:0 .85rem;border-bottom:1px solid rgba(226,232,240,.82);flex-shrink:0;transition:padding .3s cubic-bezier(.22,1,.36,1)}.app-sidebar--collapsed .app-sidebar__header{justify-content:center;padding:0 .4rem}.app-sidebar__workspace-title{display:inline-flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),max-width .3s cubic-bezier(.22,1,.36,1)}.app-sidebar__workspace-title--visible{opacity:1;transform:translate(0);max-width:10rem}.app-sidebar__workspace-title--hidden{opacity:0;transform:translate(-8px);max-width:0;pointer-events:none}.app-sidebar__workspace-dot{width:.5rem;height:.5rem;border-radius:9999px;background:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-rgb),.65);flex-shrink:0}body.dark .app-sidebar__workspace-dot{background:var(--primary-color-light)}.app-sidebar__workspace-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#475569;white-space:nowrap}body.dark .app-sidebar__workspace-label{color:#94a3b8}.app-sidebar__collapse-btn{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(203,213,225,.85);background:#f8fafcd9;color:#475569;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}body.dark .app-sidebar__collapse-btn{border-color:#ffffff1a;background:#1e293ba6;color:#cbd5e1}.app-sidebar__collapse-btn:hover{border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.12);color:var(--primary-color);transform:scale(1.05)}body.dark .app-sidebar__collapse-btn:hover{color:var(--primary-color-light)}.app-sidebar__collapse-icon{transition:transform .26s cubic-bezier(.22,1,.36,1)}.app-sidebar__mobile-close{display:none;width:1.9rem;height:1.9rem;border-radius:.45rem;border:1px solid rgba(203,213,225,.8);background:transparent;color:#64748b;font-size:1.15rem;line-height:1;cursor:pointer;align-items:center;justify-content:center}@media(max-width:1023px){.app-sidebar__collapse-btn{display:none}.app-sidebar__mobile-close{display:inline-flex}}.app-sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden!important;padding:.75rem .6rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;transition:padding .3s cubic-bezier(.22,1,.36,1)}.app-sidebar--collapsed .app-sidebar__nav{padding:.65rem .35rem;align-items:center}.app-sidebar__section{display:flex;flex-direction:column;gap:.18rem;width:100%}.app-sidebar--collapsed .app-sidebar__section{align-items:center;gap:.28rem}.app-sidebar__section-head{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin-bottom:.22rem}.app-sidebar__section-title{display:block;padding:.15rem .5rem .24rem;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b;white-space:nowrap;overflow:hidden;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1),max-height .26s cubic-bezier(.22,1,.36,1),padding .24s ease}.app-sidebar__section-title--visible{opacity:1;transform:translate(0);max-height:1.6rem}.app-sidebar__section-title--hidden{opacity:0;transform:translate(-6px);max-height:0;padding-top:0!important;padding-bottom:0!important;pointer-events:none}.app-sidebar__section-head .app-sidebar__section-title{padding:0}body.dark .app-sidebar__section-title{color:#64748b}.app-sidebar__section-tag{font-size:.64rem;font-weight:700;color:var(--primary-color)}body.dark .app-sidebar__section-tag{color:var(--primary-color-light)}.app-sidebar__divider{height:1px;background:#e2e8f0d9;margin:.15rem .4rem;flex-shrink:0;transition:width .28s ease,margin .28s ease}body.dark .app-sidebar__divider{background:#fff1}.app-sidebar--collapsed .app-sidebar__divider{width:70%;margin:.15rem auto}.app-sidebar__link{position:relative;width:100%;min-height:2.3rem;padding:.4rem .6rem!important;margin:0!important;border-radius:.55rem;border:1px solid transparent;background:transparent;color:#334155;font-size:.85rem;font-weight:600;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.65rem!important;cursor:pointer;text-align:left!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .22s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}body.dark .app-sidebar__link{color:#cbd5e1}.app-sidebar--collapsed .app-sidebar__link{width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0!important;gap:0!important;justify-content:center!important}.app-sidebar__icon{width:1.55rem;height:1.55rem;border-radius:.4rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b;transition:background-color .2s ease,color .2s ease,transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}body.dark .app-sidebar__icon{color:#94a3b8}.app-sidebar__text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:left;line-height:1.25;letter-spacing:-.01em;opacity:1;transform:translate(0);max-width:11.5rem;transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),max-width .32s cubic-bezier(.22,1,.36,1)}.app-sidebar--collapsed .app-sidebar__text{opacity:0;transform:translate(-8px);max-width:0;flex:0 0 0;pointer-events:none}.app-sidebar--expanded .app-sidebar__link:nth-of-type(1) .app-sidebar__text{transition-delay:.02s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(2) .app-sidebar__text{transition-delay:.04s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(3) .app-sidebar__text{transition-delay:.06s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(4) .app-sidebar__text{transition-delay:.08s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(5) .app-sidebar__text{transition-delay:.1s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(6) .app-sidebar__text{transition-delay:.12s}.app-sidebar--expanded .app-sidebar__link:nth-of-type(7) .app-sidebar__text{transition-delay:.14s}.app-sidebar__link:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}.app-sidebar--expanded .app-sidebar__link:hover{transform:translate(3px)}body.dark .app-sidebar__link:hover{background:rgba(var(--primary-rgb),.14);color:var(--primary-color-light)}.app-sidebar__link:hover .app-sidebar__icon{color:var(--primary-color);transform:scale(1.08)}body.dark .app-sidebar__link:hover .app-sidebar__icon{color:var(--primary-color-light)}.app-sidebar__link--active{background:rgba(var(--primary-rgb),.11);border-color:rgba(var(--primary-rgb),.24);color:var(--primary-color)!important;font-weight:700}body.dark .app-sidebar__link--active{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.34);color:var(--primary-color-light)!important}.app-sidebar__link--active:before{content:"";position:absolute;left:-.35rem;top:.4rem;bottom:.4rem;width:3px;border-radius:9999px;background:var(--primary-color);box-shadow:0 0 10px rgba(var(--primary-rgb),.65);transition:top .22s ease,bottom .22s ease,background-color .22s ease}body.dark .app-sidebar__link--active:before{background:var(--primary-color-light)}.app-sidebar__link--active .app-sidebar__icon{background:rgba(var(--primary-rgb),.16);color:var(--primary-color)!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}body.dark .app-sidebar__link--active .app-sidebar__icon{background:rgba(var(--primary-rgb),.24);color:var(--primary-color-light)!important}@keyframes sidebarLevelsReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-sidebar__levels-expanded{animation:sidebarLevelsReveal .26s cubic-bezier(.22,1,.36,1) both}.app-sidebar__level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;padding:.1rem .2rem}.app-sidebar__level-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.34rem .2rem;border-radius:.48rem;border:1px solid rgba(203,213,225,.75);background:#f8fafcd1;color:#334155;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .2s ease}body.dark .app-sidebar__level-pill{border-color:#ffffff14;background:#1e293b85;color:#e2e8f0}.app-sidebar__level-num{font-size:.72rem;font-weight:800;line-height:1.15;white-space:nowrap}.app-sidebar__level-cefr{font-size:.6rem;font-weight:600;color:#64748b;line-height:1.1}body.dark .app-sidebar__level-cefr{color:#94a3b8}.app-sidebar__level-pill:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.08);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 10px -2px rgba(var(--primary-rgb),.18)}body.dark .app-sidebar__level-pill:hover{color:var(--primary-color-light)}.app-sidebar__level-pill--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 10px rgba(var(--primary-rgb),.28)}.app-sidebar__level-pill--active .app-sidebar__level-cefr{color:#ffffffe0!important}.app-sidebar__collapsed-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:.22rem;width:100%;padding:0 .15rem}.app-sidebar__collapsed-lvl-btn{height:1.45rem;border-radius:.35rem;border:1px solid rgba(203,213,225,.7);background:#f8fafccc;color:#475569;font-size:.64rem;font-weight:800;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.22,1,.36,1)}body.dark .app-sidebar__collapsed-lvl-btn{border-color:#ffffff14;background:#1e293b8c;color:#cbd5e1}.app-sidebar__collapsed-lvl-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.06)}.app-sidebar__collapsed-lvl-btn--active{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.app-sidebar__pwa-wrap{padding:.25rem .2rem .05rem;animation:sidebarLevelsReveal .26s cubic-bezier(.22,1,.36,1) both}.app-sidebar__accent-footer{flex-shrink:0;padding:.55rem .6rem .7rem;border-top:1px solid rgba(226,232,240,.85);display:flex;align-items:center;justify-content:center}body.dark .app-sidebar__accent-footer{border-top-color:#ffffff13}.app-sidebar--collapsed .app-sidebar__accent-footer{padding:.55rem .35rem .7rem}.app-sidebar__accent-card{width:100%;padding:.55rem .65rem .6rem;border-radius:.7rem;border:1px solid rgba(203,213,225,.72);background:#f8fafcc7;display:flex;flex-direction:column;gap:.45rem;animation:sidebarLevelsReveal .26s cubic-bezier(.22,1,.36,1) both}body.dark .app-sidebar__accent-card{border-color:#ffffff14;background:#0f172a9e}.app-sidebar__accent-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.app-sidebar__accent-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#64748b}body.dark .app-sidebar__accent-label{color:#94a3b8}.app-sidebar__accent-label svg{color:var(--primary-color)}body.dark .app-sidebar__accent-label svg{color:var(--primary-color-light)}.app-sidebar__accent-active-name{font-size:.68rem;font-weight:800;color:var(--primary-color);letter-spacing:.01em}body.dark .app-sidebar__accent-active-name{color:var(--primary-color-light)}.app-sidebar__accent-swatches{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.app-sidebar__accent-swatch{width:1.42rem;height:1.42rem;border-radius:9999px;border:2px solid rgba(255,255,255,.22);padding:0;cursor:pointer;flex-shrink:0;position:relative;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,border-color .2s ease}.app-sidebar__accent-swatch:hover{transform:scale(1.14)}.app-sidebar__accent-swatch--active{border-color:#fff!important;transform:scale(1.1);box-shadow:0 0 0 2px var(--primary-color),0 4px 10px rgba(var(--primary-rgb),.38)}body.dark .app-sidebar__accent-swatch--active{box-shadow:0 0 0 2px var(--primary-color-light),0 4px 12px rgba(var(--primary-rgb),.48)}.app-sidebar__accent-collapsed-orb{width:1.65rem;height:1.65rem;border-radius:9999px;border:2px solid #ffffff;padding:0;cursor:pointer;box-shadow:0 0 0 2px var(--primary-color),0 4px 10px rgba(var(--primary-rgb),.35);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}body.dark .app-sidebar__accent-collapsed-orb{box-shadow:0 0 0 2px var(--primary-color-light),0 4px 12px rgba(var(--primary-rgb),.45)}.app-sidebar__accent-collapsed-orb:hover{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.app-sidebar,.app-shell .header,.app-shell .main-layout,.app-shell .footer,.app-sidebar__text,.app-sidebar__link,.app-sidebar__icon{transition-duration:.01ms!important;transition-delay:0ms!important}}.header__sidebar-mobile-trigger{display:none;width:2.15rem;height:2.15rem;border-radius:.55rem;border:1px solid rgba(203,213,225,.85);background:#ffffffd9;color:#334155;align-items:center;justify-content:center;cursor:pointer;margin-right:.55rem;flex-shrink:0}body.dark .header__sidebar-mobile-trigger{border-color:#ffffff1f;background:#0f172abf;color:#e2e8f0}@media(max-width:1023px){.header__sidebar-mobile-trigger{display:inline-flex}}.header__search-zone{flex:1 1 auto;display:flex;align-items:center;justify-content:center;max-width:480px;min-width:0;margin:0 auto}.header-dict.header-dict--top-bar{flex:1 1 380px!important;width:100%!important;min-width:180px!important;max-width:460px!important}.header-dict--top-bar .header-dict__bar{display:flex!important;width:100%!important;max-width:100%!important;padding:0 .55rem!important}.header-dict--top-bar .header-dict__input{width:100%!important;min-width:0!important}@media(max-width:640px){.header__logo-text{display:none}.header__search-zone{max-width:230px}.header-dict.header-dict--top-bar{min-width:120px!important}}.about-mission-card__seal,.scholar-profile__avatar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;box-shadow:0 10px 22px rgba(var(--primary-rgb),.3)!important;color:#fff!important}.about-kicker,.about-pillar-card__meta,.feature-card__meta,.lesson-card__meta,.lesson-card__cta,.level-matrix__cta,.level-matrix__pct{color:var(--primary-color)!important}body.dark .about-kicker,body.dark .about-pillar-card__meta,body.dark .feature-card__meta,body.dark .lesson-card__meta,body.dark .lesson-card__cta,body.dark .level-matrix__cta,body.dark .level-matrix__pct,body.dark .scholar-profile__next-hint strong,body.dark .lesson-character-card__pinyin,body.dark .dialogue-line__speaker-hanzi{color:var(--primary-color-light)!important}.level-matrix__pct{background-color:rgba(var(--primary-rgb),.1)!important}body.dark .level-matrix__pct{background-color:rgba(var(--primary-rgb),.18)!important}.quiz-studio-hero{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:1.5rem}.quiz-studio-hero__text{max-width:720px}.quiz-studio-hero .section-title{text-align:left;margin:.25rem 0 .4rem}.quiz-studio-hero .section-subtitle{text-align:left;margin:0}.quiz-studio-setup{display:flex;flex-direction:column;gap:1.35rem}.quizzes-page button{outline:none!important}.quizzes-page button:focus{outline:none!important}.quiz-studio-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}@media(max-width:1220px){.quiz-studio-levels{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.quiz-studio-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-level-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-radius:.9rem;border:1px solid rgba(203,213,225,.85);background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease,background-color .2s ease}body.dark .quiz-level-card{border-color:#ffffff14;background:#0f172ab8}.quiz-level-card:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb),.45);box-shadow:0 10px 24px -10px rgba(var(--primary-rgb),.2)}.quiz-level-card--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.08)!important;box-shadow:0 0 0 1px var(--primary-color),0 12px 26px -10px rgba(var(--primary-rgb),.28)!important}body.dark .quiz-level-card--active{border-color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.16)!important;box-shadow:0 0 0 1px var(--primary-color-light),0 12px 28px -10px rgba(var(--primary-rgb),.35)!important}.quiz-level-card__top{display:flex;align-items:center;justify-content:space-between;gap:.35rem;width:100%}.quiz-level-card__badge{font-size:.9rem;font-weight:800;color:#0f172a;white-space:nowrap}body.dark .quiz-level-card__badge{color:#f8fafc}.quiz-level-card--active .quiz-level-card__badge{color:var(--primary-color)}body.dark .quiz-level-card--active .quiz-level-card__badge{color:var(--primary-color-light)}.quiz-level-card__cefr{font-size:.66rem;font-weight:700;letter-spacing:.03em;color:#64748b;white-space:nowrap}body.dark .quiz-level-card__cefr{color:#94a3b8}.quiz-level-card__stats{display:flex;align-items:center;justify-content:space-between;gap:.3rem;width:100%;min-width:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-size:.71rem;font-weight:600;color:#475569;white-space:nowrap}body.dark .quiz-level-card__stats{color:#cbd5e1}.quiz-level-card__words strong{font-weight:800;color:#0f172a}body.dark .quiz-level-card__words strong{color:#f8fafc}.quiz-level-card__mastered{font-size:.68rem;font-weight:700;color:#64748b}body.dark .quiz-level-card__mastered{color:#94a3b8}.quiz-level-card--active .quiz-level-card__mastered{color:var(--primary-color)}body.dark .quiz-level-card--active .quiz-level-card__mastered{color:var(--primary-color-light)}.quiz-level-card__bar{width:100%;height:4px;border-radius:9999px;background:#94a3b838;overflow:hidden}.quiz-level-card__bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-light) 100%)}.quiz-studio-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.25rem;align-items:stretch}@media(max-width:980px){.quiz-studio-grid{grid-template-columns:1fr}}.quiz-config-panel,.quiz-briefing-card{border-radius:1.15rem;border:1px solid rgba(203,213,225,.85);background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.4rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.15rem;box-shadow:0 12px 32px -16px #0f172a14}body.dark .quiz-config-panel,body.dark .quiz-briefing-card{border-color:#ffffff14;background:#0f172ac2;box-shadow:0 16px 38px -16px #020617a6}.quiz-config-panel__section{display:flex;flex-direction:column;gap:.85rem}.quiz-config-panel__head{display:flex;flex-direction:column;gap:.2rem}.quiz-config-panel__step{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}body.dark .quiz-config-panel__step{color:var(--primary-color-light)}.quiz-config-panel__title{margin:0;font-size:1.08rem;font-weight:800;color:#0f172a}body.dark .quiz-config-panel__title{color:#f8fafc}.quiz-config-panel__divider{height:1px;background:#e2e8f0d9}body.dark .quiz-config-panel__divider{background:#ffffff13}.quiz-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quiz-focus-grid .quiz-focus-card:first-child{grid-column:1 / -1}@media(max-width:560px){.quiz-focus-grid{grid-template-columns:1fr}}.quiz-focus-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .9rem;border-radius:.8rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9;cursor:pointer;text-align:left;transition:all .18s ease}body.dark .quiz-focus-card{border-color:#ffffff14;background:#1e293b73}.quiz-focus-card:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.06)}.quiz-focus-card--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.11)!important}body.dark .quiz-focus-card--active{border-color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.18)!important}.quiz-focus-card__seal{width:2.2rem;height:2.2rem;border-radius:.55rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-color);font-size:.95rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .quiz-focus-card__seal{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light)}.quiz-focus-card--active .quiz-focus-card__seal{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff!important;box-shadow:0 4px 10px rgba(var(--primary-rgb),.3)}.quiz-focus-card__body{display:flex;flex-direction:column;gap:.12rem;min-width:0}.quiz-focus-card__label{font-size:.86rem;font-weight:700;color:#0f172a}body.dark .quiz-focus-card__label{color:#f8fafc}.quiz-focus-card__desc{font-size:.74rem;color:#64748b}body.dark .quiz-focus-card__desc{color:#94a3b8}.quiz-length-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}@media(max-width:560px){.quiz-length-grid{grid-template-columns:1fr}}.quiz-length-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem;border-radius:.8rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9;cursor:pointer;text-align:left;transition:all .18s ease}body.dark .quiz-length-card{border-color:#ffffff14;background:#1e293b73}.quiz-length-card:hover{border-color:rgba(var(--primary-rgb),.45)}.quiz-length-card--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.11)!important}body.dark .quiz-length-card--active{border-color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.18)!important}.quiz-length-card__top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.quiz-length-card__name{font-size:.78rem;font-weight:700;color:#475569}body.dark .quiz-length-card__name{color:#cbd5e1}.quiz-length-card__duration{font-size:.68rem;font-weight:700;color:var(--primary-color)}body.dark .quiz-length-card__duration{color:var(--primary-color-light)}.quiz-length-card__count{font-size:1rem;font-weight:800;color:#0f172a}body.dark .quiz-length-card__count{color:#f8fafc}.quiz-length-card__desc{font-size:.71rem;color:#64748b}body.dark .quiz-length-card__desc{color:#94a3b8}.quiz-config-panel__cta-row{padding-top:.25rem}.quiz-launch-btn{width:100%;min-height:2.95rem;padding:.75rem 1.35rem;border-radius:.8rem;border:1px solid var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;box-shadow:0 8px 22px -6px rgba(var(--primary-rgb),.42);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.quiz-launch-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 26px -6px rgba(var(--primary-rgb),.52)}.quiz-secondary-btn{min-height:2.75rem;padding:.65rem 1.2rem;border-radius:.75rem;border:1px solid rgba(203,213,225,.85);background:#f8fafce6;color:#1e293b;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s ease}body.dark .quiz-secondary-btn{border-color:#ffffff1f;background:#1e293ba6;color:#f1f5f9}.quiz-secondary-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .quiz-secondary-btn:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)}.quiz-briefing-card__header{display:flex;align-items:flex-start;gap:.85rem}.quiz-briefing-card__seal{width:2.8rem;height:2.8rem;border-radius:.75rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:1.25rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 18px rgba(var(--primary-rgb),.3)}.quiz-briefing-card__kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.07em;color:var(--primary-color);margin-bottom:.18rem}body.dark .quiz-briefing-card__kicker{color:var(--primary-color-light)}.quiz-briefing-card__title{margin:0 0 .2rem;font-size:1.12rem;font-weight:800;color:#0f172a}body.dark .quiz-briefing-card__title{color:#f8fafc}.quiz-briefing-card__sub{margin:0;font-size:.8rem;line-height:1.45;color:#64748b}body.dark .quiz-briefing-card__sub{color:#94a3b8}.quiz-briefing-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.quiz-briefing-metric{padding:.6rem .7rem;border-radius:.7rem;border:1px solid rgba(203,213,225,.7);background:#f8fafccc;display:flex;flex-direction:column;gap:.15rem}body.dark .quiz-briefing-metric{border-color:#ffffff12;background:#1e293b73}.quiz-briefing-metric__label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}body.dark .quiz-briefing-metric__label{color:#94a3b8}.quiz-briefing-metric__val{font-size:.82rem;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .quiz-briefing-metric__val{color:#f8fafc}.quiz-briefing-card__samples{display:flex;flex-direction:column;gap:.5rem}.quiz-briefing-card__samples-head{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;color:#64748b}body.dark .quiz-briefing-card__samples-head{color:#94a3b8}.quiz-briefing-card__sample-list{display:flex;flex-direction:column;gap:.42rem}.quiz-sample-item{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.5rem .7rem;border-radius:.65rem;border:1px solid rgba(203,213,225,.65);background:#f8fafcbf}body.dark .quiz-sample-item{border-color:#fff1;background:#1e293b66}.quiz-sample-item__left{display:flex;align-items:center;gap:.7rem;min-width:0}.quiz-sample-item__char{font-size:1.25rem;font-weight:800;flex-shrink:0}.quiz-sample-item__phonetics{display:flex;flex-direction:column;min-width:0}.quiz-sample-item__pinyin{font-size:.76rem;font-weight:700}.quiz-sample-item__meaning{font-size:.74rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .quiz-sample-item__meaning{color:#94a3b8}.quiz-briefing-card__shortcuts{display:flex;align-items:center;justify-content:center;gap:.55rem;padding-top:.35rem;border-top:1px solid rgba(226,232,240,.8);font-size:.72rem;color:#64748b}body.dark .quiz-briefing-card__shortcuts{border-top-color:#ffffff12;color:#94a3b8}.quiz-briefing-card__shortcut-item kbd{display:inline-block;padding:.1rem .36rem;border-radius:.3rem;border:1px solid rgba(148,163,184,.45);font-size:.66rem;font-weight:700}.quiz-arena{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.quiz-hud{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.quiz-hud__exit-btn{padding:.4rem .75rem;border-radius:.55rem;border:1px solid rgba(203,213,225,.85);background:#ffffffd9;color:#334155;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .16s ease}body.dark .quiz-hud__exit-btn{border-color:#ffffff1a;background:#0f172abf;color:#cbd5e1}.quiz-hud__exit-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.quiz-hud__center,.quiz-hud__telemetry{display:inline-flex;align-items:center;gap:.4rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600;color:#475569;white-space:nowrap}body.dark .quiz-hud__center,body.dark .quiz-hud__telemetry{color:#cbd5e1}.quiz-hud__badge{font-weight:800;color:var(--primary-color)}body.dark .quiz-hud__badge{color:var(--primary-color-light)}.quiz-studio-progress{width:100%;height:6px;border-radius:9999px;background:#94a3b838;overflow:hidden}.quiz-studio-progress__fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-light) 100%);transition:width .32s cubic-bezier(.22,1,.36,1)}.quiz-stage-card{border-radius:1.15rem;border:1px solid rgba(203,213,225,.85);background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.35rem 1.6rem 1.75rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 32px -14px #0f172a14}body.dark .quiz-stage-card{border-color:#ffffff17;background:#0f172ad1;box-shadow:0 16px 38px -14px #020617a6}.quiz-stage-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.quiz-stage-card__type{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-color)}body.dark .quiz-stage-card__type{color:var(--primary-color-light)}.quiz-stage-card__audio-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .68rem;border-radius:.5rem;border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.08);color:var(--primary-color);font-size:.76rem;font-weight:700;cursor:pointer;transition:all .16s ease}body.dark .quiz-stage-card__audio-btn{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.16)}.quiz-stage-card__audio-btn:hover{background:rgba(var(--primary-rgb),.18)}.quiz-stage-card__body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:.35rem 0}.quiz-stage-card__prompt{margin:0;font-size:.96rem;font-weight:600;color:#475569}body.dark .quiz-stage-card__prompt{color:#94a3b8}.quiz-stage-card__hanzi-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quiz-stage-card__hanzi{font-size:3.35rem;font-weight:800;line-height:1.15}.quiz-stage-card__pinyin-sub{font-size:1.05rem;font-weight:700}.quiz-stage-card__meaning-spotlight{display:flex;flex-direction:column;align-items:center;gap:.3rem}.quiz-stage-card__meaning-quote{font-size:1.75rem;font-weight:800;color:#0f172a}body.dark .quiz-stage-card__meaning-quote{color:#f8fafc}.quiz-stage-card__meaning-pos{font-size:.78rem;font-weight:700;color:var(--primary-color)}body.dark .quiz-stage-card__meaning-pos{color:var(--primary-color-light)}.quiz-studio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(max-width:600px){.quiz-studio-options{grid-template-columns:1fr}}.quiz-studio-option{min-height:3.6rem;padding:.8rem 1rem;border-radius:.85rem;border:1px solid rgba(203,213,225,.85);background:#ffffffe6;color:#1e293b;display:flex;align-items:center;gap:.75rem;cursor:pointer;text-align:left;transition:all .18s cubic-bezier(.22,1,.36,1)}body.dark .quiz-studio-option{border-color:#ffffff17;background:#0f172ac7;color:#f1f5f9}.quiz-studio-option--default:hover{transform:translateY(-2px);border-color:var(--primary-color);background:rgba(var(--primary-rgb),.07)}body.dark .quiz-studio-option--default:hover{border-color:var(--primary-color-light);background:rgba(var(--primary-rgb),.15)}.quiz-studio-option__key{width:1.75rem;height:1.75rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.4);background:#f8fafce6;color:#475569;font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .quiz-studio-option__key{border-color:#ffffff1f;background:#1e293bbf;color:#cbd5e1}.quiz-studio-option__text{flex:1;font-size:.95rem;font-weight:700;line-height:1.3}.quiz-studio-option__text--hanzi{font-size:1.35rem}.quiz-studio-option--correct{border-color:#10b981!important;background:#10b9811f!important;color:#065f46!important}body.dark .quiz-studio-option--correct{background:#10b98133!important;color:#ecfdf5!important}.quiz-studio-option--incorrect{border-color:#f43f5e!important;background:#f43f5e1f!important;color:#9f1239!important}body.dark .quiz-studio-option--incorrect{background:#f43f5e33!important;color:#ffe4e6!important}.quiz-studio-option--dimmed{opacity:.55}.quiz-studio-option__status{font-size:.95rem;font-weight:800;flex-shrink:0}.quiz-studio-option__status--correct{color:#10b981}.quiz-studio-option__status--incorrect{color:#f43f5e}.quiz-studio-feedback{padding:1rem 1.2rem;border-radius:.95rem;border:1px solid rgba(203,213,225,.85);background:#fffffff0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}body.dark .quiz-studio-feedback{border-color:#ffffff1a;background:#0f172ae0}.quiz-studio-feedback--correct{border-color:#10b98173!important}.quiz-studio-feedback--incorrect{border-color:#f43f5e73!important}.quiz-studio-feedback__left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.quiz-studio-feedback__badge{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.quiz-studio-feedback__badge--correct{color:#10b981}.quiz-studio-feedback__badge--incorrect{color:#f43f5e}.quiz-studio-feedback__word{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.quiz-studio-feedback__char{font-size:1.25rem;font-weight:800}.quiz-studio-feedback__pinyin{font-size:.88rem;font-weight:700}.quiz-studio-feedback__meaning{font-size:.86rem;color:#475569}body.dark .quiz-studio-feedback__meaning{color:#cbd5e1}.quiz-studio-feedback__next-btn{padding:.6rem 1.15rem;border-radius:.65rem;border:1px solid var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.quiz-results-studio{max-width:760px;margin:0 auto}.quiz-results-studio__card{border-radius:1.25rem;border:1px solid rgba(203,213,225,.85);background:#ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:2rem;display:flex;flex-direction:column;gap:1.6rem}body.dark .quiz-results-studio__card{border-color:#ffffff17;background:#0f172ad1}.quiz-results-studio__top{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.quiz-score-ring{position:relative;width:136px;height:136px;flex-shrink:0}.quiz-score-ring__track{color:#94a3b838}.quiz-score-ring__fill{transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.quiz-score-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-score-ring__center strong{font-size:1.65rem;font-weight:800;color:var(--primary-color);line-height:1.1}body.dark .quiz-score-ring__center strong{color:var(--primary-color-light)}.quiz-score-ring__center span{font-size:.72rem;font-weight:700;color:#64748b}.quiz-results-studio__summary{flex:1;min-width:240px}.quiz-results-studio__kicker{display:block;font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--primary-color);margin-bottom:.25rem}body.dark .quiz-results-studio__kicker{color:var(--primary-color-light)}.quiz-results-studio__title{margin:0 0 .35rem;font-size:1.55rem;font-weight:800;color:#0f172a}body.dark .quiz-results-studio__title{color:#f8fafc}.quiz-results-studio__subtitle{margin:0;font-size:.92rem;color:#475569}body.dark .quiz-results-studio__subtitle{color:#cbd5e1}.quiz-results-studio__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media(max-width:640px){.quiz-results-studio__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-kpi-card{padding:.85rem 1rem;border-radius:.85rem;border:1px solid rgba(203,213,225,.75);background:#f8fafcd9;display:flex;flex-direction:column;gap:.2rem}body.dark .quiz-kpi-card{border-color:#ffffff14;background:#1e293b80}.quiz-kpi-card__label{font-size:.72rem;font-weight:700;color:#64748b}body.dark .quiz-kpi-card__label{color:#94a3b8}.quiz-kpi-card__val{font-size:1.15rem;font-weight:800;color:#0f172a}body.dark .quiz-kpi-card__val{color:#f8fafc}.quiz-results-studio__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.quiz-results-studio__actions .quiz-launch-btn{width:auto;flex:1 1 220px}.quiz-review-studio{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.quiz-review-studio__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.quiz-review-studio__title{margin:0;font-size:1.35rem;font-weight:800;color:#0f172a}body.dark .quiz-review-studio__title{color:#f8fafc}.quiz-review-studio__filters{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;border-radius:.65rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9}body.dark .quiz-review-studio__filters{border-color:#ffffff14;background:#0f172abf}.quiz-filter-tab{padding:.35rem .75rem;border-radius:.45rem;border:none;background:transparent;color:#64748b;font-size:.78rem;font-weight:700;cursor:pointer}.quiz-filter-tab--active{background:var(--primary-color);color:#fff}.quiz-review-studio__list{display:flex;flex-direction:column;gap:.75rem}.quiz-review-card{padding:1rem 1.2rem;border-radius:.95rem;border:1px solid rgba(203,213,225,.85);background:#ffffffe6;display:flex;flex-direction:column;gap:.65rem}body.dark .quiz-review-card{border-color:#ffffff14;background:#0f172ac2}.quiz-review-card__top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.quiz-review-card__meta{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:#64748b}.quiz-review-card__status--correct{font-weight:800;color:#10b981}.quiz-review-card__status--incorrect{font-weight:800;color:#f43f5e}.quiz-review-card__word-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quiz-review-card__word-main{display:inline-flex;align-items:center;gap:.6rem}.quiz-review-card__char{font-size:1.45rem;font-weight:800}.quiz-review-card__pinyin{font-size:.9rem;font-weight:700}.quiz-review-card__meaning{font-size:.86rem;color:#475569}body.dark .quiz-review-card__meaning{color:#cbd5e1}.quiz-review-card__comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;padding-top:.5rem;border-top:1px solid rgba(226,232,240,.75)}body.dark .quiz-review-card__comparison{border-top-color:#ffffff12}.quiz-review-card__ans-box{display:flex;flex-direction:column;gap:.12rem}.quiz-review-card__ans-label{font-size:.68rem;font-weight:700;text-transform:uppercase;color:#64748b}.quiz-review-card__ans-val--correct{font-size:.88rem;color:#10b981}.quiz-review-card__ans-val--incorrect{font-size:.88rem;color:#f43f5e}.practice-page{padding:2rem 0 4rem;min-height:calc(100vh - 5rem)}.practice-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(max-width:580px){.practice-mode-grid{grid-template-columns:1fr}}.practice-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}@media(max-width:580px){.practice-filter-row{grid-template-columns:1fr}}.practice-filter-btn{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .85rem;border-radius:.75rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9;cursor:pointer;text-align:left;transition:all .18s ease}body.dark .practice-filter-btn{border-color:#ffffff14;background:#1e293b73}.practice-filter-btn:hover{border-color:rgba(var(--primary-rgb),.45)}.practice-filter-btn--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.11)!important}body.dark .practice-filter-btn--active{border-color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.18)!important}.practice-filter-btn__label{font-size:.82rem;font-weight:800;color:#0f172a}body.dark .practice-filter-btn__label{color:#f8fafc}.practice-filter-btn--active .practice-filter-btn__label{color:var(--primary-color)}body.dark .practice-filter-btn--active .practice-filter-btn__label{color:var(--primary-color-light)}.practice-filter-btn__desc{font-size:.7rem;color:#64748b}body.dark .practice-filter-btn__desc{color:#94a3b8}.practice-sample-item__actions{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.practice-star-mini{width:1.9rem;height:1.9rem;border-radius:.45rem;border:1px solid rgba(203,213,225,.75);background:transparent;color:#94a3b8;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease}body.dark .practice-star-mini{border-color:#ffffff1a}.practice-star-mini:hover{color:#f59e0b;border-color:#f59e0b73}.practice-star-mini--active{color:#f59e0b;border-color:#f59e0b73;background:#f59e0b1f}.practice-flashcard-stage,.practice-choice-stage,.practice-typing-stage{display:flex;flex-direction:column;gap:1rem}.practice-card-perspective{perspective:1400px;width:100%}.practice-flip-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-height:360px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .28s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.practice-flip-card.is-flipped{transform:rotateY(180deg)}.practice-flip-card.card-exit-correct{transform:translate(48px) rotate(3deg) scale(.97);opacity:0}.practice-flip-card.card-exit-incorrect{transform:translate(-48px) rotate(-3deg) scale(.97);opacity:0}.practice-flip-card__face{grid-area:1 / 1 / 2 / 2;position:relative;width:100%;min-height:360px;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1.25rem;border:1px solid rgba(203,213,225,.88);background:#fffffff0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:1.25rem 1.55rem;display:flex;flex-direction:column;justify-content:space-between;gap:.75rem;box-shadow:0 16px 38px -16px #0f172a1a}body.dark .practice-flip-card__face{border-color:#ffffff17;background:#0f172ad6;box-shadow:0 18px 42px -16px #020617b3}.practice-flip-card__face--back{transform:rotateY(180deg)}.practice-page .flashcard-shortcuts-bar{margin-top:.25rem;padding:.55rem .9rem;gap:.5rem .9rem}.practice-page .kbd-shortcut-item{font-size:.73rem;white-space:nowrap}.practice-flip-card__topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.practice-flip-card__meta{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;color:#64748b}body.dark .practice-flip-card__meta{color:#94a3b8}.practice-flip-card__tools{display:inline-flex;align-items:center;gap:.45rem}.practice-card-tool-btn{padding:.3rem .65rem;border-radius:.5rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9;color:#475569;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .16s ease}body.dark .practice-card-tool-btn{border-color:#ffffff1a;background:#1e293ba6;color:#cbd5e1}.practice-card-tool-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .practice-card-tool-btn:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)}.practice-card-tool-btn--active{border-color:#f59e0b8c;background:#f59e0b1f;color:#d97706}body.dark .practice-card-tool-btn--active{color:#fbbf24}.practice-flip-card__center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:1rem 0;text-align:center}.practice-flip-card__hanzi{font-size:clamp(3.4rem,6vw,4.6rem);font-weight:800;line-height:1.12}.practice-flip-card__hint{font-size:1.25rem;font-weight:700;padding:.25rem .85rem;border-radius:.55rem;background:rgba(var(--primary-rgb),.1)}.practice-flip-card__footer{text-align:center;font-size:.75rem;font-weight:600;color:#64748b}body.dark .practice-flip-card__footer{color:#94a3b8}.practice-flip-card__back-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center;flex:1}.practice-flip-card__word-head{display:inline-flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;justify-content:center}.practice-flip-card__hanzi-sm{font-size:2.3rem;font-weight:800}.practice-flip-card__pinyin-lg{font-size:1.25rem;font-weight:700}.practice-flip-card__meaning{font-size:1.4rem;font-weight:800;color:#0f172a;max-width:580px}body.dark .practice-flip-card__meaning{color:#f8fafc}.practice-flip-card__examples{width:100%;max-width:600px;margin-top:.35rem;padding-top:.65rem;border-top:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;gap:.45rem;text-align:left}body.dark .practice-flip-card__examples{border-top-color:#ffffff14}.practice-flip-card__examples-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color)}body.dark .practice-flip-card__examples-label{color:var(--primary-color-light)}.practice-flip-card__examples-list{display:flex;flex-direction:column;gap:.4rem}.practice-example-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.45rem .65rem;border-radius:.6rem;background:#f8fafccc;border:1px solid rgba(203,213,225,.6)}body.dark .practice-example-row{background:#1e293b80;border-color:#ffffff0f}.practice-example-row__zh{font-size:.88rem;font-weight:700;color:#0f172a}body.dark .practice-example-row__zh{color:#f8fafc}.practice-example-row__en{font-size:.76rem;color:#64748b}body.dark .practice-example-row__en{color:#94a3b8}.practice-rating-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}@media(max-width:580px){.practice-rating-bar{grid-template-columns:1fr}}.practice-rate-btn{min-height:3.1rem;padding:.7rem 1rem;border-radius:.85rem;border:1px solid rgba(203,213,225,.85);background:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .18s cubic-bezier(.22,1,.36,1)}body.dark .practice-rate-btn{border-color:#ffffff17;background:#0f172acc}.practice-rate-btn__main{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.flashcard-shortcuts-bar,.quiz-briefing-card__shortcuts,.header-dict__kbd,.practice-rate-btn__kbd,.kbd-badge,.action-btn-kbd{display:none!important}.practice-rate-btn--review{border-color:#f43f5e59;color:#e11d48}body.dark .practice-rate-btn--review{border-color:#f43f5e61;color:#fb7185}.practice-rate-btn--review:hover{transform:translateY(-2px);background:#f43f5e1a;border-color:#f43f5e}.practice-rate-btn--flip{border-color:rgba(var(--primary-rgb),.38);color:var(--primary-color)}body.dark .practice-rate-btn--flip{color:var(--primary-color-light)}.practice-rate-btn--flip:hover{transform:translateY(-2px);background:rgba(var(--primary-rgb),.1);border-color:var(--primary-color)}.practice-rate-btn--known{border-color:#10b98166;color:#059669}body.dark .practice-rate-btn--known{border-color:#10b9816b;color:#34d399}.practice-rate-btn--known:hover{transform:translateY(-2px);background:#10b9811f;border-color:#10b981}.practice-utility-bar{display:flex;align-items:center;justify-content:space-between;gap:.55rem;flex-wrap:wrap}.practice-util-btn{padding:.45rem .85rem;border-radius:.6rem;border:1px solid rgba(203,213,225,.8);background:#f8fafcd9;color:#475569;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .16s ease}body.dark .practice-util-btn{border-color:#ffffff14;background:#1e293b8c;color:#cbd5e1}.practice-util-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}body.dark .practice-util-btn:hover:not(:disabled){border-color:var(--primary-color-light);color:var(--primary-color-light)}.practice-util-btn:disabled{opacity:.42;cursor:not-allowed}.practice-util-btn--active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1);color:var(--primary-color)}body.dark .practice-util-btn--active{border-color:var(--primary-color-light);color:var(--primary-color-light)}.practice-listening-prompt{display:flex;flex-direction:column;align-items:center;gap:.85rem}.practice-listening-orb{padding:.9rem 1.5rem;border-radius:9999px;border:1px solid var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);color:#fff;display:inline-flex;align-items:center;gap:.65rem;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 10px 26px -6px rgba(var(--primary-rgb),.45);transition:transform .18s ease,box-shadow .18s ease}.practice-listening-orb:hover{transform:translateY(-2px);box-shadow:0 14px 30px -6px rgba(var(--primary-rgb),.55)}.practice-typing-form{width:100%;max-width:520px;display:flex;flex-direction:column;gap:.75rem}.practice-typing-input{width:100%;height:3.1rem;padding:0 1rem;border-radius:.8rem;border:1.5px solid rgba(203,213,225,.9);background:#f8fafcf2;color:#0f172a;font-size:.98rem;font-weight:600;outline:none;transition:border-color .18s ease,box-shadow .18s ease}body.dark .practice-typing-input{border-color:#ffffff24;background:#1e293bbf;color:#f8fafc}.practice-typing-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.practice-typing-input--correct{border-color:#10b981!important;background:#10b9811a!important}.practice-typing-input--incorrect{border-color:#f43f5e!important;background:#f43f5e1a!important}.practice-typing-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem}.practice-typing-submit{width:auto;flex:1}.practice-review-queue{display:flex;flex-direction:column;gap:.6rem}.practice-review-queue__head{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;color:#64748b}body.dark .practice-review-queue__head{color:#94a3b8}.practice-review-queue__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.55rem}.lesson-writing-workspace>*,.stroke-visualizer__main>*,.quiz-studio-setup__body>*,.practice-studio-setup>*,.scholar-bento-grid>*,.lesson-dialogue-grid>*,.lesson-grammar-grid>*,.lesson-exercises-grid>*,.vocab-grid>*,.lessons-grid>*,.study-plan-grid>*{min-width:0;max-width:100%;box-sizing:border-box}.lesson-writing-canvas-card,.writing-word-context-card,.writing-sequence-card,.writing-feedback-banner,.stroke-visualizer-card,.stroke-visualizer__canvas-col,.stroke-visualizer__info-col,.quiz-config-panel,.quiz-briefing-card,.quiz-arena__card,.quiz-results-card,.quiz-review-card,.lesson-card,.vocab-card,.plan-card,.scholar-bento-identity,.scholar-kpi-card,.scholar-gauge-card,.scholar-summary-card,.lesson-dialogue-block,.lesson-grammar-card,.lesson-reading-card,.lesson-exercise-card{min-width:0;max-width:100%;box-sizing:border-box}.lesson-writing-canvas-toggles{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap!important;gap:.4rem!important;width:100%;min-width:0}.writing-strictness-bar{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem;max-width:100%;min-width:0;box-sizing:border-box}.lesson-writing-canvas-toggles>.stroke-ctrl-btn{flex:0 1 auto;min-width:0;white-space:nowrap}.stroke-visualizer__header,.stroke-visualizer__title-group,.stroke-playback-row,.stroke-speed-group,.writing-word-nav-row,.word-detail-modal__pinyin-row,.pronunciation-compare-bar,.lesson-tab-bar,.vocab-toolbar,.dictionary-toolbar{flex-wrap:wrap;min-width:0;max-width:100%;box-sizing:border-box}.writing-canvas-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;min-width:0;box-sizing:border-box}.writing-canvas-toolbar>.stroke-ctrl-btn{min-width:0;width:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis}.app-sidebar__header-controls{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.app-sidebar--collapsed .app-sidebar__header-controls{flex-direction:column;gap:.25rem}.app-sidebar__pin-btn{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgba(203,213,225,.85);background:#f8fafcd9;color:#64748b;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}body.dark .app-sidebar__pin-btn{border-color:#ffffff1a;background:#1e293ba6;color:#94a3b8}.app-sidebar__pin-btn:hover{border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.12);color:var(--primary-color);transform:scale(1.05)}body.dark .app-sidebar__pin-btn:hover{color:var(--primary-color-light)}.app-sidebar__pin-btn--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35)}.app-sidebar__pin-btn--active .app-sidebar__pin-icon{transform:rotate(-28deg)}.app-sidebar__pin-icon{transition:transform .22s cubic-bezier(.22,1,.36,1)}.app-sidebar__pin-btn--collapsed-rail:not(.app-sidebar__pin-btn--active){display:none}.app-sidebar--collapsed .app-sidebar__header{padding:.35rem .4rem}@media(max-width:1023px){.app-sidebar__header-controls{display:none}}.app-sidebar__theme-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.app-sidebar__theme-switch{display:inline-flex;align-items:center;gap:.16rem;padding:.16rem;border-radius:.52rem;background:#e2e8f0b8;border:1px solid rgba(203,213,225,.8)}body.dark .app-sidebar__theme-switch{background:#020617a6;border-color:#ffffff14}.app-sidebar__theme-btn{display:inline-flex;align-items:center;justify-content:center;gap:.26rem;padding:.24rem .48rem;border-radius:.38rem;border:none;background:transparent;color:#64748b;font-size:.68rem;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.22,1,.36,1)}body.dark .app-sidebar__theme-btn{color:#94a3b8}.app-sidebar__theme-btn:hover{color:#0f172a}body.dark .app-sidebar__theme-btn:hover{color:#f8fafc}.app-sidebar__theme-btn--active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.36)}.app-sidebar__accent-divider{height:1px;width:100%;background:#cbd5e1a6;margin:.1rem 0}body.dark .app-sidebar__accent-divider{background:#ffffff14}.app-sidebar__collapsed-appearance{display:flex;flex-direction:column;align-items:center;gap:.45rem}.app-sidebar__theme-collapsed-btn{width:2rem;height:2rem;border-radius:.52rem;border:1px solid rgba(203,213,225,.85);background:#f8fafcd9;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}body.dark .app-sidebar__theme-collapsed-btn{border-color:#ffffff1a;background:#1e293bb3;color:var(--primary-color-light)}.app-sidebar__theme-collapsed-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.12);transform:scale(1.06)}@media(max-width:1023px){.app-sidebar__mobile-close{min-width:2.75rem!important;min-height:2.75rem!important;width:2.75rem!important;height:2.75rem!important;font-size:1.35rem!important}.app-sidebar__link{min-height:2.75rem!important;padding:.5rem .75rem!important}.app-sidebar__level-pill{min-height:2.75rem!important;padding:.45rem .3rem!important}.app-sidebar__theme-btn{min-height:2.25rem!important;padding:.35rem .65rem!important;font-size:.74rem!important}}@media(max-width:640px){.container.header__nav{gap:.4rem!important;padding:.45rem .65rem!important;min-height:3.65rem!important}.header__sidebar-mobile-trigger{min-width:2.75rem!important;min-height:2.75rem!important;width:2.75rem!important;height:2.75rem!important;margin-right:.35rem!important}.header__logo-link{min-width:2.75rem!important;min-height:2.75rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.header__logo-mark{width:2.35rem!important;height:2.35rem!important}.header__search-zone{flex:1 1 auto!important;max-width:100%!important;min-width:0!important;margin:0!important}.header-dict.header-dict--top-bar{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;width:100%!important}.header-dict--top-bar .header-dict__bar{min-height:2.75rem!important;height:2.75rem!important;padding:0 .4rem!important}.header-dict--top-bar .header-dict__input{font-size:1rem!important}.header-dict__seal,.header-dict__clear{min-width:2.25rem!important;min-height:2.25rem!important}.telemetry-micro-label,.header__telemetry-divider{display:none!important}.header__telemetry-group{padding:.12rem!important;gap:.15rem!important}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{min-height:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;padding:0 .45rem!important;justify-content:center!important}.reminder-badge{min-width:2.75rem!important;min-height:2.75rem!important;width:2.75rem!important;height:2.75rem!important}.header__profile-trigger{min-width:2.75rem!important;min-height:2.75rem!important;height:2.75rem!important;padding:.25rem!important;justify-content:center!important}.header__signin-link,.header__signup-btn,.header__auth-btn{min-height:2.75rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.header-dict__popover,.goal-popover,.streak-popover,.reminder-popover,.header-profile-menu{position:fixed!important;top:4.15rem!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:calc(100vw - 1.5rem)!important;transform:none!important}.header-dict__level-pill,.header-dict__suggestion-chip,.header-dict__action-btn{min-height:2.5rem!important;min-width:2.5rem!important}.hero-section{padding:1.5rem 0 1.75rem!important}.hero-split{gap:1.5rem!important}.hero-split__left .hero-section__title{font-size:clamp(1.65rem,6.2vw,2.15rem)!important;line-height:1.18!important;margin-bottom:.9rem!important}.hero-split__left .hero-section__subtitle{font-size:.95rem!important;margin-bottom:1.25rem!important}.hero-actions{flex-direction:column!important;align-items:stretch!important;gap:.65rem!important;width:100%!important}.hero-cta-btn{width:100%!important;min-height:3rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;text-align:center!important}.hero-spotlight-card{padding:1.15rem!important}.hero-spotlight__main{flex-wrap:wrap!important;gap:.9rem!important}.hero-spotlight__hanzi-box{min-width:4.75rem!important;width:auto!important;min-height:4.75rem!important;height:auto!important;padding:.5rem .75rem!important}.hero-spotlight__hanzi{font-size:clamp(1.75rem,6vw,2.25rem)!important}.vocab-card__icon-btn{min-width:2.75rem!important;min-height:2.75rem!important;width:2.75rem!important;height:2.75rem!important}.hero-spotlight__btn{min-height:3rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.hero-kpi-strip{margin-top:1.5rem!important;padding-top:1.35rem!important;gap:.75rem!important}.hero-kpi-item{padding:.95rem 1.05rem!important}.hero-kpi__zero-link{min-height:2.75rem!important;padding:.35rem 0!important;display:inline-flex!important;align-items:center!important}.daily-goal-card{padding:1.15rem!important;gap:1.25rem!important}.daily-goal-controls-box{padding:.95rem!important}.goal-preset-btn,.daily-goal-word-chip{min-height:2.75rem!important;min-width:2.75rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.goal-popover__input{min-height:2.75rem!important;font-size:1rem!important}.goal-popover__custom-form .button{min-height:2.75rem!important;padding:0 1rem!important}.levels-section__title-row{flex-direction:column!important;align-items:flex-start!important;gap:.65rem!important}.subscription-status-pill{min-height:2.75rem!important;display:inline-flex!important;align-items:center!important;white-space:normal!important;text-align:left!important}.level-matrix-card,.feature-card{padding:1.15rem!important}.level-matrix__top,.level-matrix__footer{flex-wrap:wrap!important;gap:.4rem!important}.level-matrix__cta,.feature-card__link{min-height:2.25rem!important;display:inline-flex!important;align-items:center!important}}.lesson-character-card--speaking{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.22),0 10px 24px -10px rgba(var(--primary-rgb),.3)!important;background:rgba(var(--primary-rgb),.06)!important}.dialogue-line--speaking{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.07)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2),0 12px 28px -12px rgba(var(--primary-rgb),.25)!important;transition:all .2s ease}body.dark .dialogue-line--speaking{background:rgba(var(--primary-rgb),.14)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.32),0 14px 32px -12px #0000008c!important}.mobile-floating-dock,.header-dict-mobile-backdrop,.header-profile-mobile-backdrop,.header-dict__mobile-close{display:none!important}@media(max-width:1023px){.container.header__nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;min-height:3.65rem!important;padding:.45rem 1rem!important}.header__brand{display:inline-flex!important;align-items:center!important;gap:.55rem!important;min-width:0!important;flex-shrink:0!important}.header__logo-link{display:inline-flex!important;align-items:center!important;gap:.6rem!important;min-height:2.5rem!important}.header__logo-mark{width:2.15rem!important;height:2.15rem!important;font-size:1.1rem!important;border-radius:.6rem!important}.header__logo-text{display:inline-block!important;font-size:1.14rem!important;font-weight:800!important;letter-spacing:-.02em!important}.header__sidebar-mobile-trigger,.header__search-zone,.header__signin-link,.header-profile-avatar-btn{display:none!important}.header__actions{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important;margin-left:auto!important}.header-profile-dropdown-wrap{width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.header__telemetry-group{display:inline-flex!important;align-items:center!important;gap:.2rem!important;padding:.2rem .24rem!important;border-radius:.78rem!important;background:#f1f5f9eb!important;border:1px solid rgba(203,213,225,.75)!important;box-shadow:0 2px 8px #0f172a0a!important}body.dark .header__telemetry-group{background:#0f172ae0!important;border-color:#94a3b829!important;box-shadow:0 2px 10px #00000059!important}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{min-height:2.25rem!important;height:2.25rem!important;min-width:auto!important;padding:0 .6rem!important;border-radius:.58rem!important;font-size:.8rem!important;display:inline-flex!important;align-items:center!important;gap:.32rem!important}.header__telemetry-divider{display:block!important;width:1px!important;height:1.15rem!important;margin:0 .05rem!important}.reminder-badge{min-width:2.25rem!important;min-height:2.25rem!important;width:2.25rem!important;height:2.25rem!important;border-radius:.58rem!important}.header-dict-mobile-backdrop,.header-profile-mobile-backdrop{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172a61!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:125!important}.header__search-zone.header__search-zone--mobile-open{display:flex!important;position:fixed!important;top:.75rem!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:600px!important;margin:0 auto!important;z-index:130!important}.header__search-zone.header__search-zone--mobile-open .header-dict.header-dict--top-bar{flex:1 1 100%!important;width:100%!important;max-width:100%!important}.header__search-zone.header__search-zone--mobile-open .header-dict__bar{min-height:3.1rem!important;height:3.1rem!important;padding:0 .65rem!important;border-radius:.95rem!important;background:#fff!important;border:1.5px solid var(--primary-color)!important;box-shadow:0 18px 40px -12px #0f172a47,0 0 0 3px rgba(var(--primary-rgb),.16)!important}body.dark .header__search-zone.header__search-zone--mobile-open .header-dict__bar{background:#0f172a!important;border-color:var(--primary-color-light)!important;box-shadow:0 20px 44px -12px #000000b8,0 0 0 3px rgba(var(--primary-rgb),.24)!important}.header__search-zone.header__search-zone--mobile-open .header-dict__input{font-size:1rem!important}.header-dict__mobile-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:2rem!important;padding:0 .55rem!important;margin-left:.25rem!important;border-radius:.5rem!important;border:1px solid rgba(148,163,184,.35)!important;background:#f1f5f9e6!important;color:#475569!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.02em!important;cursor:pointer!important;flex-shrink:0!important}body.dark .header-dict__mobile-close{background:#1e293be6!important;border-color:#94a3b83d!important;color:#cbd5e1!important}.header__search-zone.header__search-zone--mobile-open .header-dict__popover{position:fixed!important;top:4.35rem!important;left:.75rem!important;right:.75rem!important;width:auto!important;max-width:600px!important;margin:0 auto!important;transform:none!important;z-index:131!important;max-height:calc(100dvh - 5.5rem)!important;overflow-y:auto!important}.header-profile-menu{position:fixed!important;top:auto!important;bottom:calc(max(1.1rem,env(safe-area-inset-bottom,.9rem)) + 3.85rem)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:min(320px,calc(100vw - 1.5rem))!important;max-width:calc(100vw - 1.5rem)!important;max-height:calc(100dvh - 6.5rem)!important;overflow-y:auto!important;z-index:131!important}.mobile-floating-dock{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;bottom:max(1.1rem,env(safe-area-inset-bottom,.9rem))!important;left:50%!important;transform:translate(-50%)!important;z-index:128!important;min-height:3.15rem!important;padding:.25rem .35rem!important;border-radius:1.15rem!important;background:#fffffff5!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 10px 28px -6px #0f172a24,0 4px 12px -2px #0f172a12,0 0 0 1px #0f172a08!important}body.dark .mobile-floating-dock{background:#0f172af0!important;border-color:#94a3b833!important;box-shadow:0 14px 34px -6px #0000009e,0 4px 14px -2px #0006,0 0 0 1px #ffffff0f!important}.mobile-floating-dock__find{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.58rem!important;min-height:2.75rem!important;padding:0 1rem 0 .9rem!important;border:none!important;border-radius:.9rem!important;background:transparent!important;color:#1e293b!important;font-family:var(--font-sans)!important;font-size:.96rem!important;font-weight:500!important;letter-spacing:-.01em!important;cursor:pointer!important;transition:background-color .16s ease,color .16s ease,transform .12s ease!important;white-space:nowrap!important}body.dark .mobile-floating-dock__find{color:#f1f5f9!important}.mobile-floating-dock__find:hover,.mobile-floating-dock__find:active,.mobile-floating-dock__find--active{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary-color)!important}body.dark .mobile-floating-dock__find:hover,body.dark .mobile-floating-dock__find:active,body.dark .mobile-floating-dock__find--active{background:rgba(var(--primary-rgb),.18)!important;color:var(--primary-color-light)!important}.mobile-floating-dock__find-icon{width:1.15rem!important;height:1.15rem!important;color:#475569!important;flex-shrink:0!important}body.dark .mobile-floating-dock__find-icon{color:#cbd5e1!important}.mobile-floating-dock__find--active .mobile-floating-dock__find-icon{color:currentColor!important}.mobile-floating-dock__divider{display:block!important;width:1px!important;height:1.55rem!important;margin:0 .12rem!important;background:#cbd5e1d9!important;flex-shrink:0!important}body.dark .mobile-floating-dock__divider{background:#94a3b83d!important}.mobile-floating-dock__profile{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:2.85rem!important;min-height:2.75rem!important;padding:0 .45rem!important;border:none!important;border-radius:.9rem!important;background:transparent!important;cursor:pointer!important;transition:background-color .16s ease,transform .12s ease!important;flex-shrink:0!important}.mobile-floating-dock__profile:hover,.mobile-floating-dock__profile:active,.mobile-floating-dock__profile--active{background:rgba(var(--primary-rgb),.1)!important}body.dark .mobile-floating-dock__profile:hover,body.dark .mobile-floating-dock__profile:active,body.dark .mobile-floating-dock__profile--active{background:rgba(var(--primary-rgb),.18)!important}.mobile-floating-dock__avatar{position:relative!important;width:2rem!important;height:2rem!important;border-radius:9999px!important;border:1.75px solid rgba(148,163,184,.42)!important;background:#1e293b!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px #0f172a1f!important;transition:border-color .16s ease,box-shadow .16s ease!important}.mobile-floating-dock__profile--active .mobile-floating-dock__avatar{border-color:var(--primary-color)!important;box-shadow:0 0 0 2.5px rgba(var(--primary-rgb),.24)!important}.mobile-floating-dock__avatar-img{width:100%!important;height:100%!important;border-radius:9999px!important;object-fit:cover!important;display:block!important}.mobile-floating-dock__avatar-fallback{width:100%!important;height:100%!important;border-radius:9999px!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%)!important;color:#fff!important;font-size:.82rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.mobile-floating-dock__avatar-status{position:absolute!important;bottom:-1px!important;right:-1px!important;width:.62rem!important;height:.62rem!important;border-radius:9999px!important;background:#94a3b8!important;border:1.75px solid #ffffff!important}.mobile-floating-dock__avatar-status--online{background:#10b981!important}body.dark .mobile-floating-dock__avatar-status{border-color:#0f172a!important;background:#475569!important}body.dark .mobile-floating-dock__avatar-status--online{border-color:#0f172a!important;background:#10b981!important}.mobile-floating-dock__menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:2.85rem!important;min-height:2.75rem!important;padding:0 .7rem!important;border:none!important;border-radius:.9rem!important;background:transparent!important;color:#0f172a!important;cursor:pointer!important;transition:background-color .16s ease,color .16s ease,transform .12s ease!important;flex-shrink:0!important}body.dark .mobile-floating-dock__menu{color:#f8fafc!important}.mobile-floating-dock__menu:hover,.mobile-floating-dock__menu:active{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary-color)!important}body.dark .mobile-floating-dock__menu:hover,body.dark .mobile-floating-dock__menu:active{background:rgba(var(--primary-rgb),.18)!important;color:var(--primary-color-light)!important}.mobile-floating-dock__menu-icon{width:1.25rem!important;height:1.25rem!important;flex-shrink:0!important}.footer{padding-bottom:5.5rem!important}}@media(max-width:480px){.container.header__nav{padding:.42rem .75rem!important}.header__logo-text{font-size:1.05rem!important}.header__telemetry-group .goal-badge,.header__telemetry-group .streak-badge{padding:0 .48rem!important}}.daily-reminder-home-box{margin-top:1.15rem;padding:1.15rem 1.25rem;border-radius:.9rem;background-color:#f8fafc;border:1px solid rgba(203,213,225,.75);display:flex;flex-direction:column;gap:.85rem}body.dark .daily-reminder-home-box{background-color:#0f172a;border-color:#94a3b829}.daily-reminder-home-box .reminder-popover__top,.daily-reminder-home-box .reminder-popover__status,.daily-reminder-home-box .reminder-popover__section{margin-bottom:0}.reminder-preset-btn--active,body.dark .reminder-preset-btn--active{color:#fff!important}.reminder-preset-btn--active span,.reminder-preset-btn--active small,body.dark .reminder-preset-btn--active span,body.dark .reminder-preset-btn--active small{color:#fffffff2!important}.daily-goal-controls-box .goal-popover__presets{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:.45rem!important}.daily-goal-controls-box .goal-preset-btn{padding:.48rem .25rem!important;font-size:.8rem!important;white-space:nowrap!important}@media(max-width:540px){.daily-goal-controls-box .goal-popover__presets{grid-template-columns:repeat(4,minmax(0,1fr))!important}.daily-goal-controls-box .goal-popover__presets .goal-preset-btn:last-child{grid-column:span 2!important}}.daily-goal-card{align-items:stretch!important}.daily-goal-card__left{display:flex!important;flex-direction:column!important;justify-content:space-between!important}.daily-goal-card__right{display:flex!important;flex-direction:column!important;height:100%!important}.daily-goal-controls-box{flex:1 1 auto!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:1.15rem!important}.daily-goal-week-strip{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.daily-goal-controls-box__footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(148,163,184,.22);display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}body.dark .daily-goal-controls-box__footer{border-top-color:#94a3b824}.daily-goal-controls-box__summary{display:flex;flex-direction:column;gap:.15rem}.daily-goal-controls-box__summary-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}body.dark .daily-goal-controls-box__summary-label{color:#94a3b8}.daily-goal-controls-box__summary-value{font-size:.86rem;font-weight:700;color:var(--text-color-light)}body.dark .daily-goal-controls-box__summary-value{color:var(--text-color-dark)}.daily-goal-controls-box__actions{display:flex;align-items:center;gap:.5rem}body.dark .quiz-briefing-card__sample-item .vocab-card__icon-btn,body.dark .quiz-briefing-card__sample-item .audio-speaker-btn{background:#1e293bd9!important;border-color:#94a3b838!important;color:#e2e8f0!important}body.dark .quiz-briefing-card__sample-item .vocab-card__icon-btn:hover,body.dark .quiz-briefing-card__sample-item .audio-speaker-btn:hover{background:rgba(var(--primary-rgb),.22)!important;border-color:rgba(var(--primary-rgb),.48)!important;color:var(--primary-color-light)!important}.main-content{min-height:85vh}.feature-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.footer__hsk-chip{text-decoration:none}.footer__social-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding-top:.35rem;font-size:.82rem;color:#94a3b8}.seo-curriculum-section{padding:2.5rem 0 3.75rem;border-top:1px solid var(--border-color-light)}body.dark .seo-curriculum-section{border-top-color:var(--border-color-dark)}.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;margin-bottom:1.5rem}@media(max-width:900px){.seo-guide-grid{grid-template-columns:minmax(0,1fr)}}.seo-guide-card{padding:1.5rem 1.6rem;border-radius:1rem;border:1px solid var(--border-color-light);background-color:var(--card-bg-light);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:.8rem}body.dark .seo-guide-card{border-color:var(--border-color-dark);background-color:var(--card-bg-dark)}.seo-guide-card__title{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:-.015em;color:var(--text-color-light)}body.dark .seo-guide-card__title{color:var(--text-color-dark)}.seo-guide-card__text{margin:0;font-size:.92rem;line-height:1.68;color:var(--text-muted-light)}body.dark .seo-guide-card__text{color:var(--text-muted-dark)}.seo-inline-link{color:var(--primary-color);font-weight:600;text-decoration:underline;text-underline-offset:2px}body.dark .seo-inline-link{color:var(--primary-color-light)}.seo-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}@media(max-width:960px){.seo-faq-grid{grid-template-columns:minmax(0,1fr)}}.seo-faq-item{padding:1.25rem 1.35rem;border-radius:.9rem;border:1px solid var(--border-color-light);background:rgba(var(--primary-rgb),.03)}body.dark .seo-faq-item{border-color:var(--border-color-dark);background:#0f172a8c}.seo-faq-item__q{margin:0 0 .45rem;font-size:.96rem;font-weight:700;color:var(--text-color-light)}body.dark .seo-faq-item__q{color:var(--text-color-dark)}.seo-faq-item__a{margin:0;font-size:.86rem;line-height:1.62;color:var(--text-muted-light)}body.dark .seo-faq-item__a{color:var(--text-muted-dark)}.seo-breadcrumb-nav{margin:0 0 1rem;padding:.55rem .9rem;border-radius:.65rem;background:rgba(var(--primary-rgb),.04);border:1px solid var(--border-color-light)}body.dark .seo-breadcrumb-nav{background:#0f172a8c;border-color:var(--border-color-dark)}.seo-breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;line-height:1.4}.seo-breadcrumb-item{display:inline-flex;align-items:center;gap:.35rem}.seo-breadcrumb-link{color:var(--text-muted-light);text-decoration:none;font-weight:500;transition:color .16s ease}.seo-breadcrumb-link:hover{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}body.dark .seo-breadcrumb-link{color:var(--text-muted-dark)}body.dark .seo-breadcrumb-link:hover{color:var(--primary-color-light)}.seo-breadcrumb-sep{color:var(--text-muted-light);opacity:.55;-webkit-user-select:none;user-select:none}body.dark .seo-breadcrumb-sep{color:var(--text-muted-dark)}.seo-breadcrumb-current{color:var(--text-color-light);font-weight:600}body.dark .seo-breadcrumb-current{color:var(--text-color-dark)}.seo-level-kicker{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.45rem;padding:.24rem .68rem;border-radius:.45rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18)}body.dark .seo-level-kicker{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.28)}a.level-matrix-card,a.app-sidebar__link,a.app-sidebar__level-pill,a.tab-button{text-decoration:none;color:inherit}.seo-sitelinks-directory{margin-top:2.25rem;padding:1.65rem 1.75rem;border-radius:1rem;border:1px solid var(--border-color-light);background:var(--card-background-light)}body.dark .seo-sitelinks-directory{border-color:var(--border-color-dark);background:#0f172aa6}.seo-sitelinks-directory__header{margin-bottom:1.15rem}.seo-sitelinks-directory__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;color:var(--text-color-light)}body.dark .seo-sitelinks-directory__title{color:var(--text-color-dark)}.seo-sitelinks-directory__subtitle{margin:0;font-size:.85rem;color:var(--text-muted-light)}body.dark .seo-sitelinks-directory__subtitle{color:var(--text-muted-dark)}.seo-sitelinks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem}.seo-sitelink-card{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.05rem;border-radius:.75rem;border:1px solid var(--border-color-light);background:rgba(var(--primary-rgb),.025);text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}.seo-sitelink-card:hover{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.06);transform:translateY(-1px)}body.dark .seo-sitelink-card{border-color:var(--border-color-dark);background:#1e293b73}body.dark .seo-sitelink-card:hover{border-color:var(--primary-color-light);background:rgba(var(--primary-rgb),.14)}.seo-sitelink-card__title{font-size:.9rem;font-weight:700;color:var(--primary-color)}body.dark .seo-sitelink-card__title{color:var(--primary-color-light)}.seo-sitelink-card__desc{font-size:.78rem;line-height:1.48;color:var(--text-muted-light)}body.dark .seo-sitelink-card__desc{color:var(--text-muted-dark)}.study-plan-page .saved-lessons-section{margin-bottom:2.25rem;padding:1.65rem 1.8rem;border-radius:1.15rem;background:var(--card-background-light);border:1px solid var(--border-color-light);box-shadow:0 8px 28px #0f172a0a}body.dark .study-plan-page .saved-lessons-section{background:#0f172a;border-color:#1e293b;box-shadow:0 12px 32px #00000059}.study-plan-page .saved-lessons-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding-bottom:1.25rem;margin-bottom:1.35rem;border-bottom:1px solid var(--border-color-light)}body.dark .study-plan-page .saved-lessons-header{border-color:#1e293b}.study-plan-page .saved-lessons-header__left{flex:1 1 320px;min-width:0}.study-plan-page .saved-lessons-header__title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.35rem}.study-plan-page .saved-lessons-title{margin:0 0 .3rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-color-light)}body.dark .study-plan-page .saved-lessons-title{color:#f8fafc}.study-plan-page .saved-lessons-subtitle{margin:0;font-size:.9rem;color:#64748b;line-height:1.5;max-width:64ch}body.dark .study-plan-page .saved-lessons-subtitle{color:#94a3b8}.study-plan-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.58rem 1rem;border-radius:.6rem;font-size:.84rem;font-weight:700;border:1px solid var(--border-color-light);background:var(--background-color-light);color:var(--text-color-light);cursor:pointer;transition:all .16s ease;white-space:nowrap}.study-plan-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}body.dark .study-plan-action-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}body.dark .study-plan-action-btn:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)}.study-plan-action-btn--active,.study-plan-action-btn--primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 4px 12px rgba(var(--primary-rgb),.24)}.study-plan-action-btn--primary:hover{filter:brightness(1.06);color:#fff!important}.saved-starter-showcase{display:flex;flex-direction:column;gap:1.15rem}.saved-starter-showcase__banner{display:flex;align-items:center;gap:.95rem;padding:.95rem 1.15rem;border-radius:.85rem;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.18)}body.dark .saved-starter-showcase__banner{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.26)}.saved-starter-showcase__icon{width:42px;height:42px;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--primary-rgb),.12);color:var(--primary-color)}body.dark .saved-starter-showcase__icon{background:rgba(var(--primary-rgb),.22);color:var(--primary-color-light)}.saved-starter-showcase__copy{flex:1;min-width:0}.saved-starter-showcase__title{margin:0 0 .2rem;font-size:.96rem;font-weight:700;color:var(--text-color-light)}body.dark .saved-starter-showcase__title{color:#f8fafc}.saved-starter-showcase__desc{margin:0;font-size:.83rem;color:#64748b;line-height:1.45}body.dark .saved-starter-showcase__desc{color:#94a3b8}.saved-starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}@media(max-width:1024px){.saved-starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.saved-starter-grid{grid-template-columns:minmax(0,1fr)}}.saved-starter-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.05rem 1.15rem;border-radius:.85rem;border:1px solid var(--border-color-light);background:var(--background-color-light);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.saved-starter-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 18px #0f172a0f}body.dark .saved-starter-card{background:#111827;border-color:#1e293b}body.dark .saved-starter-card:hover{border-color:var(--primary-color-light);box-shadow:0 8px 22px #00000052}.saved-starter-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.saved-starter-card__badge{font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-color);padding:.18rem .5rem;border-radius:.38rem;background:rgba(var(--primary-rgb),.1)}body.dark .saved-starter-card__badge{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.18)}.saved-starter-card__cefr{font-size:.72rem;font-weight:700;color:#64748b}body.dark .saved-starter-card__cefr{color:#94a3b8}.saved-starter-card__title{margin:0 0 .35rem;font-size:.96rem;font-weight:700;color:var(--text-color-light);line-height:1.35}body.dark .saved-starter-card__title{color:#f8fafc}.saved-starter-card__desc{margin:0 0 .85rem;font-size:.8rem;color:#64748b;line-height:1.48;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.dark .saved-starter-card__desc{color:#94a3b8}.saved-starter-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.7rem;border-top:1px solid var(--border-color-light);flex-wrap:wrap}body.dark .saved-starter-card__footer{border-color:#1e293b}.saved-starter-card__meta{font-size:.74rem;font-weight:600;color:#64748b}body.dark .saved-starter-card__meta{color:#94a3b8}.saved-starter-card__actions{display:inline-flex;align-items:center;gap:.4rem}.saved-starter-card__pin-btn,.saved-starter-card__open-btn{padding:.3rem .62rem;border-radius:.42rem;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease}.saved-starter-card__pin-btn{border:1px solid rgba(var(--primary-rgb),.32);background:rgba(var(--primary-rgb),.08);color:var(--primary-color)}.saved-starter-card__pin-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark .saved-starter-card__pin-btn{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.4);color:var(--primary-color-light)}body.dark .saved-starter-card__pin-btn:hover{background:var(--primary-color);color:#fff}.saved-starter-card__open-btn{border:1px solid var(--border-color-light);background:transparent;color:var(--text-color-light)}.saved-starter-card__open-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}body.dark .saved-starter-card__open-btn{border-color:#334155;color:#e2e8f0}.study-plan-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.15rem 1.45rem;margin-bottom:1.15rem;border-radius:1rem;background:var(--card-background-light);border:1px solid var(--border-color-light)}body.dark .study-plan-mode-bar{background:#0f172a;border-color:#1e293b}.study-plan-mode-bar__title{margin:.2rem 0 0;font-size:1.15rem;font-weight:800;color:var(--text-color-light)}body.dark .study-plan-mode-bar__title{color:#f8fafc}.study-plan-mode-tabs{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem;border-radius:.65rem;background:var(--background-color-light);border:1px solid var(--border-color-light)}body.dark .study-plan-mode-tabs{background:#1e293b;border-color:#334155}.study-plan-mode-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .9rem;border-radius:.48rem;border:none;background:transparent;font-size:.8rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .16s ease}body.dark .study-plan-mode-tab{color:#94a3b8}.study-plan-mode-tab--active{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 2px 8px rgba(var(--primary-rgb),.25)}.study-plan-mode-tab__badge{padding:.1rem .38rem;border-radius:.3rem;font-size:.68rem;background:#ffffff38;color:inherit}.study-plan-days-grid,.study-plan-mins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem}.study-plan-option-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem .95rem;border-radius:.75rem;border:1px solid var(--border-color-light);background:var(--background-color-light);text-align:left;cursor:pointer;transition:all .16s ease}.study-plan-option-card:hover{border-color:var(--primary-color)}body.dark .study-plan-option-card{background:#111827;border-color:#1e293b}.study-plan-option-card--active{border-color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.08)!important;box-shadow:0 0 0 1px var(--primary-color)}body.dark .study-plan-option-card--active{background:rgba(var(--primary-rgb),.18)!important}.study-plan-option-card__top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.study-plan-option-card__num{font-size:.95rem;font-weight:800;color:var(--text-color-light)}body.dark .study-plan-option-card__num{color:#f8fafc}.study-plan-option-card__tag,.study-plan-option-card__pace{font-size:.68rem;font-weight:700;color:var(--primary-color);padding:.12rem .4rem;border-radius:.32rem;background:rgba(var(--primary-rgb),.1)}body.dark .study-plan-option-card__tag,body.dark .study-plan-option-card__pace{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.2)}.study-plan-option-card__desc{font-size:.76rem;color:#64748b;line-height:1.38}body.dark .study-plan-option-card__desc{color:#94a3b8}.study-plan-roadmap-panel{padding:1.4rem 1.6rem;border-radius:1.1rem;background:var(--card-background-light);border:1px solid var(--border-color-light)}body.dark .study-plan-roadmap-panel{background:#0f172a;border-color:#1e293b}.study-plan-roadmap-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1.15rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color-light)}body.dark .study-plan-roadmap-summary{border-color:#1e293b}.study-plan-roadmap-summary__info,.study-plan-roadmap-summary__actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.study-plan-roadmap-summary__badge{padding:.32rem .7rem;border-radius:.45rem;font-size:.78rem;font-weight:700;background:rgba(var(--primary-rgb),.09);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.22)}body.dark .study-plan-roadmap-summary__badge{background:rgba(var(--primary-rgb),.18);color:var(--primary-color-light);border-color:rgba(var(--primary-rgb),.34)}.study-plan-days-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.study-day-card{display:flex;flex-direction:column;border-radius:.9rem;border:1px solid var(--border-color-light);background:var(--background-color-light);overflow:hidden}body.dark .study-day-card{background:#111827;border-color:#1e293b}.study-day-card__header{padding:.95rem 1.15rem;border-bottom:1px solid var(--border-color-light);background:rgba(var(--primary-rgb),.05)}body.dark .study-day-card__header{border-color:#1e293b;background:rgba(var(--primary-rgb),.11)}.study-day-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.study-day-card__badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;color:var(--primary-color)}body.dark .study-day-card__badge{color:var(--primary-color-light)}.study-day-card__duration{font-size:.72rem;font-weight:600;color:#64748b}body.dark .study-day-card__duration{color:#94a3b8}.study-day-card__focus{margin:0;font-size:.92rem;font-weight:700;color:var(--text-color-light);line-height:1.38}body.dark .study-day-card__focus{color:#f8fafc}.study-day-card__tasks{list-style:none;margin:0;padding:.95rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;flex:1}.study-day-card__task{padding:.75rem .85rem;border-radius:.65rem;border:1px solid var(--border-color-light);background:var(--card-background-light)}body.dark .study-day-card__task{background:#0f172a;border-color:#1e293b}.study-day-card__task-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.3rem}.study-day-card__task-name{font-size:.84rem;font-weight:700;color:var(--text-color-light)}body.dark .study-day-card__task-name{color:#f1f5f9}.study-day-card__task-time{font-size:.72rem;font-weight:700;padding:.14rem .45rem;border-radius:.35rem;background:rgba(var(--primary-rgb),.1);color:var(--primary-color);flex-shrink:0}body.dark .study-day-card__task-time{background:rgba(var(--primary-rgb),.2);color:var(--primary-color-light)}.study-day-card__task-details{margin:0;font-size:.79rem;color:#64748b;line-height:1.48}body.dark .study-day-card__task-details{color:#94a3b8}@media(max-width:1420px){.quiz-studio-levels{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem!important}}@media(max-width:680px){.quiz-studio-levels{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}}@media(max-width:380px){.quiz-studio-levels{grid-template-columns:1fr!important}}.quiz-level-card{overflow:visible!important;padding:.85rem .9rem!important;height:100%;justify-content:space-between}.quiz-level-card__top{flex-wrap:wrap!important;row-gap:.2rem!important;column-gap:.4rem!important}.quiz-level-card__badge,.quiz-level-card__cefr{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.quiz-level-card__stats{flex-wrap:wrap!important;row-gap:.18rem!important;column-gap:.45rem!important;white-space:normal!important;line-height:1.3!important}.quiz-level-card__words,.quiz-level-card__mastered{white-space:nowrap!important;overflow:visible!important}.quiz-briefing-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}.quiz-briefing-card__metrics>.quiz-briefing-metric:nth-child(3){grid-column:1 / -1!important}.quiz-briefing-metric{min-width:0!important;padding:.68rem .8rem!important;justify-content:center}.quiz-briefing-metric__val{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important;line-height:1.3!important;font-size:.84rem!important}.quiz-sample-item__meaning,.saved-lessons-picker__item-title{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.35!important}.quiz-focus-card,.quiz-length-card,.study-plan-option-card{height:100%;min-width:0;box-sizing:border-box}.quiz-length-card__top,.study-plan-option-card__top{flex-wrap:wrap!important;row-gap:.25rem!important;column-gap:.4rem!important}.quiz-length-card__count,.quiz-length-card__badge{white-space:nowrap}.study-plan-days-grid,.study-plan-mins-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:.65rem!important}@media(max-width:640px){.quiz-length-grid,.study-plan-days-grid,.study-plan-mins-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.study-plan-days-cards-grid{grid-template-columns:1fr!important}}@media(max-width:400px){.quiz-length-grid,.study-plan-days-grid,.study-plan-mins-grid{grid-template-columns:1fr!important}}.section-header--studio{text-align:left!important;max-width:100%!important;margin:0 0 1.35rem!important;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.section-header--studio .seo-level-kicker{margin:0 0 .15rem!important;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.28rem .72rem;border-radius:9999px;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.24);color:var(--primary-color);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}body.dark .section-header--studio .seo-level-kicker{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.34);color:var(--primary-color-light)}.section-header--studio .section-title{margin:0!important;font-size:clamp(1.55rem,2.5vw,2.05rem)!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.2!important;text-align:left!important}.section-header--studio .section-subtitle{margin:0!important;max-width:72ch!important;font-size:.92rem!important;line-height:1.55!important;text-align:left!important}.filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;min-width:0;max-width:100%;box-sizing:border-box}.filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:.25rem;max-width:100%}.dictionary-results-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem 1rem}.tone-legend-strip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem}.quizzes-page button:focus-visible,.practice-page button:focus-visible,.study-plan-page button:focus-visible,.lessons-page button:focus-visible,.dictionary-page button:focus-visible,.main-content-page button:focus-visible,.main-content-page a:focus-visible,.lesson-card:focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}body.dark .quizzes-page button:focus-visible,body.dark .practice-page button:focus-visible,body.dark .study-plan-page button:focus-visible,body.dark .lessons-page button:focus-visible,body.dark .dictionary-page button:focus-visible,body.dark .main-content-page button:focus-visible,body.dark .main-content-page a:focus-visible,body.dark .lesson-card:focus-visible{outline:2px solid var(--primary-color-light)!important;outline-offset:2px!important}@media(max-width:768px){.tab-button,.segmented-control__btn,.practice-filter-btn,.pagination-controls .button,.select-dropdown,.view-toggle-btn,.study-plan-starter-chip{min-height:2.75rem!important}.view-toggle-btn{min-width:2.75rem!important}.learn-toolbar__controls{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.learn-toolbar__search,.learn-toolbar__search-input{width:100%!important;min-height:2.75rem!important}}.main-content-page,.lessons-page,.lesson-detail-page,.practice-page,.quizzes-page,.dictionary-page,.study-plan-page,.about-page,body.dark .main-content-page,body.dark .lessons-page,body.dark .lesson-detail-page,body.dark .practice-page,body.dark .quizzes-page,body.dark .dictionary-page,body.dark .study-plan-page,body.dark .about-page{background:transparent!important;background-color:transparent!important;padding-top:1.15rem!important;padding-bottom:3.5rem!important}.seo-breadcrumb-shell{width:100%;padding:1.15rem 0 0!important;margin:0!important;background:transparent!important;box-sizing:border-box;position:relative;z-index:5}.seo-breadcrumb-container{display:flex;align-items:center;justify-content:space-between;width:100%}.seo-breadcrumb-nav{display:flex!important;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;width:100%!important;max-width:100%;margin:0!important;padding:.5rem .85rem!important;border-radius:.85rem!important;background:#ffffffd6!important;border:1px solid rgba(203,213,225,.85)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 8px 22px -10px #0f172a0f,inset 0 1px #ffffffe6;box-sizing:border-box}body.dark .seo-breadcrumb-nav{background:#0f172abd!important;border-color:#ffffff17!important;box-shadow:0 10px 26px -10px #00000080,inset 0 1px #ffffff14}.seo-breadcrumb-nav__left{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-width:0}.seo-breadcrumb-back{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .62rem;border-radius:.5rem;background:rgba(var(--primary-rgb),.09);border:1px solid rgba(var(--primary-rgb),.22);color:var(--primary-color)!important;font-size:.75rem;font-weight:700;text-decoration:none!important;white-space:nowrap;transition:all .16s ease}.seo-breadcrumb-back:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff!important;transform:translate(-1px)}body.dark .seo-breadcrumb-back{background:rgba(var(--primary-rgb),.16);border-color:rgba(var(--primary-rgb),.32);color:var(--primary-color-light)!important}body.dark .seo-breadcrumb-back:hover{background:var(--primary-color);border-color:var(--primary-color-light);color:#fff!important}.seo-breadcrumb-divider{width:1px;height:15px;background:#94a3b873;flex-shrink:0}body.dark .seo-breadcrumb-divider{background:#ffffff1f}.seo-breadcrumb-list{list-style:none;margin:0;padding:0;display:inline-flex;flex-wrap:wrap;align-items:center;gap:.42rem;font-size:.78rem;font-weight:600;line-height:1.3}.seo-breadcrumb-item{display:inline-flex;align-items:center;gap:.42rem}.seo-breadcrumb-link{display:inline-flex;align-items:center;gap:.35rem;color:#64748b!important;text-decoration:none!important;font-weight:600;transition:color .16s ease}.seo-breadcrumb-link:hover{color:var(--primary-color)!important;text-decoration:none!important}body.dark .seo-breadcrumb-link{color:#94a3b8!important}body.dark .seo-breadcrumb-link:hover{color:var(--primary-color-light)!important}.seo-breadcrumb-sep{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;opacity:.65;-webkit-user-select:none;user-select:none}body.dark .seo-breadcrumb-sep{color:#64748b}.seo-breadcrumb-current{display:inline-flex;align-items:center;gap:.38rem;color:#0f172a!important;font-weight:700}body.dark .seo-breadcrumb-current{color:#f8fafc!important}.seo-breadcrumb-dot{width:6px;height:6px;border-radius:9999px;background:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-rgb),.65);flex-shrink:0}body.dark .seo-breadcrumb-dot{background:var(--primary-color-light)}.seo-breadcrumb-nav__right{display:inline-flex;align-items:center;flex-shrink:0}.seo-breadcrumb-studio-tag{display:inline-flex;align-items:center;gap:.38rem;padding:.24rem .62rem;border-radius:9999px;background:#f8fafce6;border:1px solid rgba(203,213,225,.75);color:#475569;font-size:.71rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}body.dark .seo-breadcrumb-studio-tag{background:#1e293ba6;border-color:#ffffff14;color:#94a3b8}.seo-breadcrumb-studio-tag__han{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:.28rem;background:var(--primary-color);color:#fff;font-size:.65rem;font-weight:800;line-height:1}.learn-studio-levels{margin-bottom:1.25rem}a.quiz-level-card{text-decoration:none!important;color:inherit}.main-content-page .learn-toolbar-card{border-radius:1rem;padding:1.15rem 1.35rem;background:#ffffffe0;border:1px solid rgba(203,213,225,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 28px -14px #0f172a0f}body.dark .main-content-page .learn-toolbar-card{background:#0f172ab8;border-color:#ffffff14;box-shadow:0 14px 32px -14px #0206178c}.lessons-page .filter-controls{padding:.85rem 1.1rem;margin-bottom:1.5rem;border-radius:1rem;background:#ffffffe0;border:1px solid rgba(203,213,225,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 24px -12px #0f172a0d}body.dark .lessons-page .filter-controls{background:#0f172ab8;border-color:#ffffff14;box-shadow:0 12px 28px -12px #02061780}@media(max-width:640px){.seo-breadcrumb-shell{padding-top:.85rem!important}.seo-breadcrumb-nav{padding:.45rem .72rem!important}.seo-breadcrumb-nav__right{display:none}.seo-breadcrumb-list{font-size:.73rem}}button.footer__nav-link{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.4;color:#64748b;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease}body.dark button.footer__nav-link{color:#94a3b8}button.footer__nav-link:hover,button.footer__nav-link:focus-visible{color:var(--primary-color);outline:none}body.dark button.footer__nav-link:hover,body.dark button.footer__nav-link:focus-visible{color:var(--primary-color-light)}.footer .contact-link,.footer .contact-link:link,.footer .contact-link:visited{color:#475569!important;text-decoration:none;font-weight:500;transition:color .16s ease}.footer .contact-link:hover{color:var(--primary-color)!important;text-decoration:none}body.dark .footer .contact-link,body.dark .footer .contact-link:link,body.dark .footer .contact-link:visited{color:#94a3b8!important}body.dark .footer .contact-link:hover{color:var(--primary-color-light)!important}.footer__social-row{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;padding-top:.4rem}.footer__social-pill,.footer__social-pill:link,.footer__social-pill:visited{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .65rem;border-radius:9999px;font-size:.74rem;font-weight:600;color:#475569!important;background:#f8fafce6;border:1px solid rgba(203,213,225,.85);text-decoration:none!important;white-space:nowrap;transition:all .16s ease}.footer__social-pill:hover{color:var(--primary-color)!important;border-color:var(--primary-color);background:rgba(var(--primary-rgb),.08);transform:translateY(-1px)}body.dark .footer__social-pill,body.dark .footer__social-pill:link,body.dark .footer__social-pill:visited{color:#cbd5e1!important;background:#0f172ab8;border-color:#ffffff1a}body.dark .footer__social-pill:hover{color:var(--primary-color-light)!important;border-color:var(--primary-color-light);background:rgba(var(--primary-rgb),.16)}.seo-sitelinks-directory{margin-top:2.25rem;padding:1.75rem 1.85rem;border-radius:1.15rem;border:1px solid rgba(203,213,225,.88)!important;background:#ffffffe0!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 14px 34px -14px #0f172a12,inset 0 1px #fffffff2;box-sizing:border-box}body.dark .seo-sitelinks-directory{border-color:#ffffff17!important;background:#0f172ab8!important;box-shadow:0 16px 38px -14px #0206178c,inset 0 1px #ffffff12}.seo-sitelinks-directory__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.85)}body.dark .seo-sitelinks-directory__header{border-bottom-color:#ffffff14}.seo-sitelinks-directory__header-text{display:flex;flex-direction:column;gap:.28rem;min-width:0}.seo-sitelinks-directory__title{margin:0;font-size:1.12rem;font-weight:800;letter-spacing:-.015em;color:#0f172a!important}body.dark .seo-sitelinks-directory__title{color:#f8fafc!important}.seo-sitelinks-directory__subtitle{margin:0;font-size:.86rem;line-height:1.5;color:#475569!important}body.dark .seo-sitelinks-directory__subtitle{color:#94a3b8!important}.seo-sitelinks-directory__kicker{display:inline-flex;align-items:center;padding:.3rem .72rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);white-space:nowrap;flex-shrink:0}body.dark .seo-sitelinks-directory__kicker{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.3)}.seo-sitelinks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.9rem;align-items:stretch}@media(max-width:1180px){.seo-sitelinks-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:860px){.seo-sitelinks-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:540px){.seo-sitelinks-directory{padding:1.25rem 1.1rem}.seo-sitelinks-grid{grid-template-columns:minmax(0,1fr)!important}}.seo-sitelink-card,.seo-sitelink-card:link,.seo-sitelink-card:visited{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:1rem 1.1rem;border-radius:.85rem;border:1px solid rgba(203,213,225,.82)!important;background:#f8fafcd1!important;text-decoration:none!important;color:#0f172a!important;min-width:0;transition:border-color .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}.seo-sitelink-card:hover{border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 10px 24px -12px rgba(var(--primary-rgb),.22);transform:translateY(-2px)}body.dark .seo-sitelink-card,body.dark .seo-sitelink-card:link,body.dark .seo-sitelink-card:visited{border-color:#ffffff14!important;background:#1e293b85!important;color:#f8fafc!important}body.dark .seo-sitelink-card:hover{border-color:var(--primary-color-light)!important;background:#1e293be0!important;box-shadow:0 12px 26px -12px #020617a6}.seo-sitelink-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.seo-sitelink-card__title{font-size:.9rem;font-weight:700;line-height:1.3;color:var(--primary-color)!important;min-width:0}body.dark .seo-sitelink-card__title{color:var(--primary-color-light)!important}.seo-sitelink-card__badge{display:inline-flex;align-items:center;padding:.16rem .5rem;border-radius:9999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#475569!important;background:#e2e8f0bf;border:1px solid rgba(203,213,225,.8);white-space:nowrap;flex-shrink:0}body.dark .seo-sitelink-card__badge{color:#cbd5e1!important;background:#0f172aa6;border-color:#ffffff1a}.seo-sitelink-card__desc{font-size:.8rem;line-height:1.5;color:#475569!important;text-decoration:none!important}body.dark .seo-sitelink-card__desc{color:#94a3b8!important}.seo-sitelink-card--wide{grid-column:1 / -1;flex-direction:row!important;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.05rem 1.25rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),#f8fafceb)!important}body.dark .seo-sitelink-card--wide{background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),#1e293ba6)!important}.seo-sitelink-card__wide-left{display:flex;flex-direction:column;gap:.35rem;min-width:0}.seo-sitelink-card--wide .seo-sitelink-card__top{justify-content:flex-start;gap:.65rem;flex-wrap:wrap}.seo-sitelink-card__wide-cta{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:.6rem;font-size:.8rem;font-weight:700;color:var(--primary-color)!important;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.24);white-space:nowrap;flex-shrink:0;transition:all .16s ease}.seo-sitelink-card--wide:hover .seo-sitelink-card__wide-cta{background:var(--primary-color);border-color:var(--primary-color);color:#fff!important}body.dark .seo-sitelink-card__wide-cta{color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.34)}body.dark .seo-sitelink-card--wide:hover .seo-sitelink-card__wide-cta{background:var(--primary-color);border-color:var(--primary-color-light);color:#fff!important}@media(max-width:720px){.seo-sitelink-card--wide{flex-direction:column!important;align-items:flex-start}}.header,body.dark .header{background:transparent!important;background-color:transparent!important;border:none!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:.75rem;padding-bottom:.2rem}.header:before,body.dark .header:before{display:none!important;content:none!important}.container.header__outer{box-sizing:border-box}.container.header__outer>.container.header__nav{position:relative!important;width:100%!important;max-width:100%!important;margin:0!important;padding:.52rem 1.15rem!important;border-radius:1.1rem!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.container.header__outer>.container.header__nav:before{content:""!important;display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:inherit!important;background:#ffffffe0!important;border:1px solid rgba(203,213,225,.88)!important;backdrop-filter:blur(22px) saturate(190%)!important;-webkit-backdrop-filter:blur(22px) saturate(190%)!important;box-shadow:0 12px 30px -12px #0f172a14,inset 0 1px #fffffff2!important;pointer-events:none!important;z-index:0!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}body.dark .container.header__outer>.container.header__nav:before{background:#0f172ad1!important;border-color:#ffffff1a!important;box-shadow:0 14px 34px -12px #0206179e,inset 0 1px #ffffff14!important}.container.header__outer>.container.header__nav>*{position:relative}.header-profile-menu--mobile-sheet{display:none!important}.footer,body.dark .footer{background:transparent!important;background-color:transparent!important;border-top:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.footer__container{padding-top:.5rem!important;padding-bottom:2.25rem!important}.footer__card{width:100%;padding:2.15rem 2.1rem 1.65rem;border-radius:1.25rem;background:#ffffffe0;border:1px solid rgba(203,213,225,.88);backdrop-filter:blur(20px) saturate(185%);-webkit-backdrop-filter:blur(20px) saturate(185%);box-shadow:0 16px 38px -14px #0f172a14,inset 0 1px #fffffff2;box-sizing:border-box}body.dark .footer__card{background:#0f172ac2;border-color:#ffffff17;box-shadow:0 18px 42px -14px #02061799,inset 0 1px #ffffff12}.seo-curriculum-section{padding-bottom:1.75rem}@media(max-width:1023px){.header,body.dark .header{padding-top:.55rem;padding-bottom:.15rem}.container.header__outer>.container.header__nav{padding:.45rem .9rem!important;border-radius:1rem!important}.footer__card{padding:1.65rem 1.45rem 1.35rem;border-radius:1.1rem}.header-profile-dropdown-wrap .header-profile-menu{display:none!important}.header-profile-menu.header-profile-menu--mobile-sheet{display:block!important;position:fixed!important;top:auto!important;bottom:calc(max(1.1rem,env(safe-area-inset-bottom,.9rem)) + 3.85rem)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:min(330px,calc(100vw - 1.5rem))!important;max-width:calc(100vw - 1.5rem)!important;max-height:calc(100dvh - 6.5rem)!important;overflow-y:auto!important;z-index:145!important;pointer-events:auto!important}}@media(max-width:640px){.header,body.dark .header{padding-top:.45rem}.container.header__outer>.container.header__nav{padding:.42rem .72rem!important;border-radius:.9rem!important}.footer__card{padding:1.35rem 1.15rem 1.15rem;border-radius:1rem}}.app-shell--sidebar-expanded{--sidebar-width: 16rem}.app-shell--sidebar-collapsed{--sidebar-width: 5rem}.app-sidebar{top:.75rem!important;left:.75rem!important;bottom:.75rem!important;border-radius:1.25rem!important;overflow:hidden!important;background:#ffffffe0!important;border:1px solid rgba(203,213,225,.88)!important;backdrop-filter:blur(22px) saturate(190%)!important;-webkit-backdrop-filter:blur(22px) saturate(190%)!important;box-shadow:0 16px 38px -12px #0f172a1a,inset 0 1px #fffffff2!important}.app-sidebar--collapsed{border-radius:1.1rem!important}body.dark .app-sidebar{background:#0f172ad1!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 42px -12px #020617ad,inset 0 1px #ffffff14!important}.app-sidebar--hover-expanded{border-color:rgba(var(--primary-rgb),.34)!important;box-shadow:0 22px 48px -12px #0f172a2e,0 0 0 1px rgba(var(--primary-rgb),.12),inset 0 1px #fffffff2!important}body.dark .app-sidebar--hover-expanded{border-color:rgba(var(--primary-rgb),.42)!important;box-shadow:0 24px 52px -10px #020617d9,0 0 0 1px rgba(var(--primary-rgb),.2),inset 0 1px #ffffff17!important}.app-sidebar__header{min-height:3.75rem;padding:0 .9rem;border-bottom:1px solid rgba(226,232,240,.85)}body.dark .app-sidebar__header{border-bottom-color:#ffffff14}.app-sidebar__link{border-radius:.75rem!important}.app-sidebar__level-pill{border-radius:.65rem!important}.app-sidebar__accent-card{border-radius:.85rem!important;background:#f8fafcdb!important;border:1px solid rgba(203,213,225,.82)!important}body.dark .app-sidebar__accent-card{background:#1e293b8c!important;border-color:#ffffff17!important}@media(max-width:1023px){.app-sidebar{top:.6rem!important;left:.6rem!important;bottom:.6rem!important;border-radius:1.2rem!important;transform:translate(calc(-100% - 1.5rem))}.app-sidebar--mobile-open{transform:translate(0)}}.header__logo-text,.footer__logo-text{white-space:nowrap}@media(max-width:640px){.header__logo-text{display:inline-block!important;font-size:.96rem!important;letter-spacing:-.02em}}@media(max-width:375px){.header__logo-text{font-size:.88rem!important}}.seo-guide-card{padding:1.55rem 1.65rem;border-radius:1.05rem;border:1px solid rgba(203,213,225,.88)!important;background:#ffffffeb!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 14px 34px -14px #0f172a12,inset 0 1px #fffffff2!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.seo-guide-card:hover{border-color:rgba(var(--primary-rgb),.38)!important;background:#fff!important;box-shadow:0 16px 36px -14px #0f172a1c,inset 0 1px #fff!important}body.dark .seo-guide-card{border-color:#ffffff17!important;background:#0f172ac2!important;box-shadow:0 16px 38px -14px #0206178c,inset 0 1px #ffffff12!important}body.dark .seo-guide-card:hover{border-color:rgba(var(--primary-rgb),.42)!important;background:#0f172ae0!important}.seo-faq-item{display:flex;flex-direction:column;gap:.55rem;padding:1.35rem 1.45rem;border-radius:1.05rem;border:1px solid rgba(203,213,225,.88)!important;background:#ffffffeb!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 14px 34px -14px #0f172a12,inset 0 1px #fffffff2!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.seo-faq-item:hover{border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 16px 36px -14px rgba(var(--primary-rgb),.18),inset 0 1px #fff!important;transform:translateY(-2px)}body.dark .seo-faq-item{border-color:#ffffff17!important;background:#0f172ac2!important;box-shadow:0 16px 38px -14px #0206178c,inset 0 1px #ffffff12!important}body.dark .seo-faq-item:hover{border-color:var(--primary-color-light)!important;background:#0f172ae6!important;box-shadow:0 18px 40px -14px #020617b8,inset 0 1px #ffffff1a!important}.seo-faq-item__q{margin:0;font-size:.98rem;font-weight:800;line-height:1.4;letter-spacing:-.01em;color:#0f172a!important}body.dark .seo-faq-item__q{color:#f8fafc!important}.seo-faq-item__a{margin:0;font-size:.875rem;line-height:1.65;color:#475569!important}body.dark .seo-faq-item__a{color:#94a3b8!important}.blog-page{background:transparent!important;padding-top:1.15rem!important;padding-bottom:4rem!important;min-height:75vh}.blog-page>.container{display:flex;flex-direction:column;gap:1.35rem}.blog-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.blog-header-top-row .section-header__kicker{margin-bottom:0}.section-header__kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .45rem;border-radius:999px;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);font-size:.76rem;font-weight:800;letter-spacing:.03em;color:var(--primary-color-light);margin-bottom:.75rem;width:fit-content}.blog-rss-badge,.blog-rss-badge:link,.blog-rss-badge:visited{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .78rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.02em;color:#ea580c!important;background:#f973161a;border:1px solid rgba(249,115,22,.28);text-decoration:none!important;transition:all .16s ease}body.dark .blog-rss-badge,body.dark .blog-rss-badge:link,body.dark .blog-rss-badge:visited{color:#fdba74!important;background:#f973162e;border-color:#f9731659}.blog-rss-badge:hover{background:#ea580c!important;border-color:#ea580c!important;color:#fff!important;transform:translateY(-1px)}body.dark .section-header__kicker{background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.34);color:#a5b4fc}.section-header__kicker-seal{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;background-color:var(--primary-color, #2563eb);background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8));color:#fff;font-size:.78rem;font-weight:900;flex-shrink:0;box-shadow:0 3px 8px -2px rgba(var(--primary-rgb),.45)}.blog-toast-banner{display:flex;align-items:center;gap:.65rem;padding:.8rem 1.15rem;border-radius:.95rem;background:#fffffff5;border:1px solid rgba(16,185,129,.42);box-shadow:0 12px 28px -10px #10b98138;font-size:.86rem;font-weight:700;color:#0f172a}body.dark .blog-toast-banner{background:#0f172af0;border-color:#10b98173;color:#f8fafc}.blog-toast-banner__dot{width:.55rem;height:.55rem;border-radius:999px;background:#10b981;box-shadow:0 0 8px #10b981;flex-shrink:0}.blog-toast-banner__close{margin-left:auto;width:1.65rem;height:1.65rem;border-radius:.5rem;border:1px solid rgba(203,213,225,.8);background:transparent;color:#64748b;font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.blog-publisher-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.95rem 1.25rem;border-radius:1.15rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),#10b98114);border:1px solid rgba(var(--primary-rgb),.28);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 12px 28px -12px rgba(var(--primary-rgb),.18),inset 0 1px #ffffffe0}body.dark .blog-publisher-bar{background:linear-gradient(135deg,rgba(var(--primary-rgb),.22),#10b9811f);border-color:rgba(var(--primary-rgb),.42);box-shadow:0 14px 32px -12px #020617a6,inset 0 1px #ffffff1a}.blog-publisher-bar__left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.blog-publisher-bar__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.34rem .75rem;border-radius:.6rem;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--primary-color-light),#10b981);box-shadow:0 4px 12px -2px rgba(var(--primary-rgb),.35)}.blog-publisher-bar__pulse{width:.45rem;height:.45rem;border-radius:999px;background:#a7f3d0;box-shadow:0 0 8px #a7f3d0}.blog-publisher-bar__meta{font-size:.84rem;color:#334155;font-weight:500}body.dark .blog-publisher-bar__meta{color:#cbd5e1}.blog-publisher-bar__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.blog-publisher-bar__status-tabs{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem;border-radius:.7rem;background:#ffffffdb;border:1px solid rgba(203,213,225,.88)}body.dark .blog-publisher-bar__status-tabs{background:#0f172acc;border-color:#94a3b838}.blog-publisher-bar__status-btn{padding:.34rem .72rem;border-radius:.5rem;font-size:.76rem;font-weight:700;color:#475569;background:transparent;border:none;cursor:pointer;transition:all .16s ease}body.dark .blog-publisher-bar__status-btn{color:#cbd5e1}.blog-publisher-bar__status-btn--active{background:var(--primary-color-light);color:#fff!important;box-shadow:0 3px 10px -2px rgba(var(--primary-rgb),.35)}.header-profile-menu__item--publisher{color:var(--primary-color-light)!important;font-weight:700!important;background:rgba(var(--primary-rgb),.07)!important;border:1px solid rgba(var(--primary-rgb),.18)!important}body.dark .header-profile-menu__item--publisher{color:#a5b4fc!important;background:rgba(var(--primary-rgb),.18)!important;border-color:rgba(var(--primary-rgb),.32)!important}.blog-controls-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border-radius:1.25rem;background:#fffffff0;border:1px solid rgba(203,213,225,.88);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 10px 28px -12px #0f172a12,inset 0 1px #fffffff5}body.dark .blog-controls-card{background:#0f172acc;border-color:#94a3b82e;box-shadow:0 14px 34px -14px #02061799,inset 0 1px #ffffff12}.blog-category-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.blog-category-tab{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.75rem .95rem;border-radius:.9rem;font-size:.84rem;font-weight:700;color:#334155;background:#f8fafcf2;border:1px solid rgba(203,213,225,.82);cursor:pointer;transition:all .18s ease;text-align:left;min-height:3.1rem}body.dark .blog-category-tab{color:#cbd5e1;background:#1e293bad;border-color:#94a3b82e}.blog-category-tab:hover{border-color:rgba(var(--primary-rgb),.48);color:var(--primary-color-light);background:#fff}body.dark .blog-category-tab:hover{background:#1e293beb;color:#f8fafc}.blog-category-tab--active,.blog-category-tab.active{color:#fff!important;background-color:var(--primary-color, #2563eb)!important;background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8))!important;border-color:var(--primary-color, #2563eb)!important;box-shadow:0 10px 22px -8px rgba(var(--primary-rgb),.48)}.blog-category-tab__hanzi{display:inline-flex;align-items:center;justify-content:center;padding:.24rem .52rem;border-radius:.48rem;font-size:.72rem;font-weight:800;white-space:nowrap;flex-shrink:0;background:rgba(var(--primary-rgb),.1);color:var(--primary-color-light)}body.dark .blog-category-tab__hanzi{background:rgba(var(--primary-rgb),.22);color:#a5b4fc}.blog-category-tab--active .blog-category-tab__hanzi,.blog-category-tab.active .blog-category-tab__hanzi{background:#ffffff38!important;color:#fff!important}.blog-category-tab__label{flex:1;font-size:.83rem;font-weight:700;line-height:1.25;color:inherit}.blog-category-tab--active .blog-category-tab__label,.blog-category-tab.active .blog-category-tab__label{color:#fff!important}.blog-category-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.55rem;height:1.45rem;padding:0 .42rem;border-radius:.48rem;font-size:.72rem;font-weight:800;flex-shrink:0;background:#0f172a12;color:inherit}body.dark .blog-category-tab__count{background:#ffffff1a}.blog-category-tab--active .blog-category-tab__count,.blog-category-tab.active .blog-category-tab__count{background:#ffffff3d!important;color:#fff!important}.blog-controls-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap}.blog-search-box{position:relative;flex:1 1 300px;display:flex;align-items:center}.blog-search-box__icon{position:absolute;left:.95rem;width:1.05rem;height:1.05rem;color:#64748b;pointer-events:none}.blog-search-box__input{width:100%;padding:.68rem 2.4rem .68rem 2.6rem;border-radius:.82rem;font-size:.875rem;color:#0f172a;background:#f8fafcf5;border:1px solid rgba(203,213,225,.9);outline:none;transition:border-color .18s ease,box-shadow .18s ease}body.dark .blog-search-box__input{color:#f8fafc;background:#0f172ae0;border-color:#94a3b83d}.blog-search-box__input:focus{border-color:var(--primary-color-light);background:#fff;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}body.dark .blog-search-box__input:focus{background:#0f172afa}.blog-search-box__clear{position:absolute;right:.65rem;width:1.55rem;height:1.55rem;border-radius:999px;border:none;background:#94a3b838;color:#475569;font-size:.85rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.blog-level-filter{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.blog-level-filter__btn{padding:.48rem .82rem;border-radius:.68rem;font-size:.78rem;font-weight:700;color:#475569;background:#f8fafcf2;border:1px solid rgba(203,213,225,.85);cursor:pointer;transition:all .16s ease;line-height:1.2}body.dark .blog-level-filter__btn{color:#cbd5e1;background:#1e293bbf;border-color:#94a3b838}.blog-level-filter__btn:hover{border-color:rgba(var(--primary-rgb),.45);color:var(--primary-color-light);background:#fff}body.dark .blog-level-filter__btn:hover{background:#1e293bf2;color:#f8fafc}.blog-level-filter__btn--active{color:#fff!important;background-color:var(--primary-color, #2563eb)!important;background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8))!important;border-color:var(--primary-color, #2563eb)!important;box-shadow:0 6px 14px -4px rgba(var(--primary-rgb),.42)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}.blog-card{display:flex;flex-direction:column;gap:.85rem;padding:1.35rem 1.4rem;border-radius:1.2rem;background:#fffffff0;border:1px solid rgba(203,213,225,.88);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 10px 28px -12px #0f172a12,inset 0 1px #fffffff5;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}body.dark .blog-card{background:#0f172acc;border-color:#94a3b82e;box-shadow:0 14px 34px -14px #0206179e,inset 0 1px #ffffff12}.blog-card:hover{transform:translateY(-3px);background:#fff;border-color:rgba(var(--primary-rgb),.45);box-shadow:0 18px 38px -14px rgba(var(--primary-rgb),.18),inset 0 1px #fff}body.dark .blog-card:hover{background:#0f172aeb;border-color:rgba(var(--primary-rgb),.52)}.blog-card--featured{border-color:rgba(var(--primary-rgb),.34);box-shadow:0 12px 32px -12px rgba(var(--primary-rgb),.12),inset 0 1px #fff}.blog-card__top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.blog-card__meta{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;font-size:.75rem;font-weight:600;color:#64748b;line-height:1.4}body.dark .blog-card__meta{color:#94a3b8}.blog-card__cat{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .55rem;border-radius:.48rem;background:rgba(var(--primary-rgb),.09);color:var(--primary-color-light);font-size:.72rem;font-weight:800}body.dark .blog-card__cat{background:rgba(var(--primary-rgb),.22);color:#a5b4fc}.blog-card__badges{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.blog-card__hsk-tag{display:inline-flex;align-items:center;padding:.22rem .56rem;border-radius:.48rem;font-size:.7rem;font-weight:800;letter-spacing:.02em;background:#0f172a12;border:1px solid rgba(203,213,225,.85);color:#1e293b;white-space:nowrap}body.dark .blog-card__hsk-tag{background:#1e293bd9;border-color:#94a3b83d;color:#e2e8f0}.blog-card__draft-badge{display:inline-flex;align-items:center;padding:.22rem .56rem;border-radius:.48rem;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#f59e0b;color:#fff}.blog-card__title{margin:0;font-size:1.08rem;font-weight:800;line-height:1.38;letter-spacing:-.015em;color:#0f172a}body.dark .blog-card__title{color:#f8fafc}.blog-card__title a,.blog-card__title a:link,.blog-card__title a:visited{color:inherit!important;text-decoration:none!important;transition:color .16s ease}.blog-card:hover .blog-card__title a{color:var(--primary-color-light)!important}body.dark .blog-card:hover .blog-card__title a{color:#a5b4fc!important}.blog-card__excerpt{margin:0;font-size:.855rem;line-height:1.62;color:#475569;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.dark .blog-card__excerpt{color:#94a3b8}.blog-card__callout-preview{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-radius:.82rem;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.16)}body.dark .blog-card__callout-preview{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.26)}.blog-card__callout-preview-text{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1}.blog-card__callout-hanzi{font-size:1.04rem;font-weight:800;line-height:1.3;color:var(--primary-color-light)}.blog-card__callout-pinyin{font-size:.78rem;font-weight:700;color:#334155;line-height:1.35}body.dark .blog-card__callout-pinyin{color:#cbd5e1}.blog-card__callout-en{font-size:.75rem;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.dark .blog-card__callout-en{color:#94a3b8}.blog-card__callout-audio,.blog-callout-box__audio-btn{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:.65rem;background:#ffffffeb;border:1px solid rgba(var(--primary-rgb),.24);color:var(--primary-color-light);cursor:pointer;flex-shrink:0;transition:all .16s ease;box-shadow:0 3px 8px -2px #0f172a14}body.dark .blog-card__callout-audio,body.dark .blog-callout-box__audio-btn{background:#0f172ae0;border-color:rgba(var(--primary-rgb),.38);color:#a5b4fc}.blog-card__callout-audio:hover,.blog-callout-box__audio-btn:hover{background:var(--primary-color-light);border-color:var(--primary-color-light);color:#fff;transform:scale(1.05)}.blog-card__footer{margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(226,232,240,.85);display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}body.dark .blog-card__footer{border-top-color:#94a3b829}.blog-card__author-wrap{display:inline-flex;align-items:center;gap:.45rem}.blog-card__author-seal{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:.45rem;font-size:.72rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary-color-light),#0ea5e9);flex-shrink:0}.blog-card__author{font-size:.78rem;font-weight:700;color:#475569}body.dark .blog-card__author{color:#cbd5e1}.blog-card__actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-left:auto}.blog-card__read-link,.blog-card__read-link:link,.blog-card__read-link:visited{display:inline-flex;align-items:center;gap:.25rem;padding:.36rem .72rem;border-radius:.58rem;font-size:.78rem;font-weight:800;color:var(--primary-color-light)!important;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.18);text-decoration:none!important;transition:all .16s ease}body.dark .blog-card__read-link,body.dark .blog-card__read-link:link,body.dark .blog-card__read-link:visited{color:#a5b4fc!important;background:rgba(var(--primary-rgb),.18);border-color:rgba(var(--primary-rgb),.32)}.blog-card__read-link:hover{background:var(--primary-color-light)!important;border-color:var(--primary-color-light)!important;color:#fff!important}.blog-card__action-btn{padding:.32rem .62rem;border-radius:.5rem;font-size:.72rem;font-weight:700;color:#334155;background:#f8fafcf2;border:1px solid rgba(203,213,225,.9);cursor:pointer;transition:all .15s ease}body.dark .blog-card__action-btn{color:#e2e8f0;background:#1e293bd9;border-color:#94a3b83d}.blog-card__action-btn:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)}.blog-card__action-btn--danger{color:#dc2626;border-color:#f8717173;background:#fef2f2e6}body.dark .blog-card__action-btn--danger{color:#fca5a5;background:#7f1d1d59;border-color:#f8717159}.blog-card__delete-confirm{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#dc2626}.blog-card__delete-yes,.blog-card__delete-cancel{padding:.26rem .5rem;border-radius:.42rem;font-size:.7rem;font-weight:700;cursor:pointer;border:1px solid transparent}.blog-card__delete-yes{background:#dc2626;color:#fff}.blog-card__delete-cancel{background:#e2e8f0d9;color:#334155}.blog-empty-card{padding:3rem 1.5rem;text-align:center;border-radius:1.25rem;background:#fffffff0;border:1px solid rgba(203,213,225,.88);display:flex;flex-direction:column;align-items:center;gap:.65rem}body.dark .blog-empty-card{background:#0f172acc;border-color:#94a3b82e}.blog-empty-card__title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}body.dark .blog-empty-card__title{color:#f8fafc}.blog-empty-card__sub{margin:0 0 .5rem;font-size:.88rem;color:#64748b;max-width:460px}.blog-reader{width:100%;max-width:100%;box-sizing:border-box;border-radius:1.35rem;padding:2.25rem 2.75rem;background:#fffffff5;border:1px solid rgba(203,213,225,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 16px 40px -16px #0f172a14,inset 0 1px #fff}body.dark .blog-reader{background:#0f172ad6;border-color:#94a3b833;box-shadow:0 18px 44px -16px #020617ad,inset 0 1px #ffffff14}.blog-reader__top-bar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:1.5rem}.blog-reader__back-link,.blog-reader__back-link:link,.blog-reader__back-link:visited{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .92rem;border-radius:.72rem;font-size:.82rem;font-weight:700;color:#334155!important;background:#f1f5f9eb;border:1px solid rgba(203,213,225,.88);text-decoration:none!important;transition:all .16s ease}body.dark .blog-reader__back-link,body.dark .blog-reader__back-link:link,body.dark .blog-reader__back-link:visited{color:#e2e8f0!important;background:#1e293bd1;border-color:#94a3b838}.blog-reader__back-link:hover{border-color:var(--primary-color-light);color:var(--primary-color-light)!important}.blog-reader__top-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.blog-reader__cat-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .72rem;border-radius:.58rem;font-size:.75rem;font-weight:800;background:rgba(var(--primary-rgb),.1);color:var(--primary-color-light)}body.dark .blog-reader__cat-pill{background:rgba(var(--primary-rgb),.22);color:#a5b4fc}.blog-reader__hsk-pill,.blog-reader__hsk-pill:link,.blog-reader__hsk-pill:visited{display:inline-flex;align-items:center;padding:.32rem .7rem;border-radius:.58rem;font-size:.75rem;font-weight:800;background:#0f172adb;color:#fff!important;text-decoration:none!important}.blog-reader__header{width:100%;max-width:100%;margin-bottom:1.65rem}.blog-reader__title{margin:0 0 .75rem;font-size:clamp(1.55rem,2.5vw,2.2rem);font-weight:900;line-height:1.24;letter-spacing:-.025em;color:#0f172a}body.dark .blog-reader__title{color:#f8fafc}.blog-reader__excerpt{margin:0 0 1.2rem;font-size:1.02rem;line-height:1.65;color:#475569}body.dark .blog-reader__excerpt{color:#cbd5e1}.blog-reader__byline{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(226,232,240,.88)}body.dark .blog-reader__byline{border-top-color:#94a3b829}.blog-reader__author{display:flex;align-items:center;gap:.65rem}.blog-reader__author-seal{width:2.35rem;height:2.35rem;border-radius:.7rem;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary-color-light),#0ea5e9);flex-shrink:0}.blog-reader__author-name{font-size:.88rem;font-weight:800;color:#0f172a}body.dark .blog-reader__author-name{color:#f8fafc}.blog-reader__author-role{font-size:.76rem;color:#64748b}.blog-reader__byline-stats{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:#64748b}.blog-reader__cover-wrap{margin:1.25rem 0 1.75rem;border-radius:1.1rem;overflow:hidden;max-height:390px;border:1px solid rgba(203,213,225,.75)}.blog-reader__cover-img{width:100%;height:100%;max-height:390px;object-fit:cover;display:block}.blog-callout-box{width:100%;max-width:100%;box-sizing:border-box;margin:1.35rem 0;padding:1.15rem 1.4rem;border-radius:1rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),#0ea5e90a);border:1px solid rgba(var(--primary-rgb),.22);border-left:4px solid var(--primary-color-light);box-shadow:0 8px 22px -10px #0f172a12}body.dark .blog-callout-box{background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),#0f172ae6);border-color:rgba(var(--primary-rgb),.34);border-left-color:var(--primary-color-light)}.blog-callout-box__header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.6rem}.blog-callout-box__badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color-light)}body.dark .blog-callout-box__badge{color:#a5b4fc}.blog-callout-box__main{display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap}.blog-callout-box__hanzi{font-size:1.5rem;font-weight:800;letter-spacing:.02em;line-height:1.25}.blog-callout-box__details{display:flex;flex-direction:column;gap:.18rem}.blog-callout-box__pinyin{font-size:.95rem;font-weight:700;color:#334155}body.dark .blog-callout-box__pinyin{color:#e2e8f0}.blog-callout-box__english{font-size:.88rem;font-weight:700;color:#0f172a}body.dark .blog-callout-box__english{color:#f8fafc}.blog-callout-box__note{margin:.55rem 0 0;padding-top:.5rem;border-top:1px dashed rgba(203,213,225,.8);font-size:.8rem;color:#64748b;line-height:1.55}body.dark .blog-callout-box__note{border-top-color:#94a3b833;color:#94a3b8}.blog-reader__content{width:100%;max-width:100%;font-size:1.06rem;line-height:1.85;color:#1e293b}body.dark .blog-reader__content{color:#e2e8f0}.blog-reader__h2{margin:1.85rem 0 .75rem;font-size:1.38rem;font-weight:800;line-height:1.32;letter-spacing:-.015em;color:#0f172a}body.dark .blog-reader__h2{color:#f8fafc}.blog-reader__h3{margin:1.4rem 0 .55rem;font-size:1.12rem;font-weight:800;color:#1e293b}body.dark .blog-reader__h3{color:#f1f5f9}.blog-reader__paragraph{margin:0 0 1.05rem}.blog-reader__blockquote{margin:1.25rem 0;padding:.85rem 1.15rem;border-left:3px solid var(--primary-color-light);background:#f8fafce6;border-radius:0 .75rem .75rem 0;font-style:italic;color:#334155}body.dark .blog-reader__blockquote{background:#1e293ba6;color:#cbd5e1}.blog-reader__inline-code{padding:.15rem .4rem;border-radius:.35rem;font-size:.86em;background:rgba(var(--primary-rgb),.1);color:var(--primary-color-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blog-reader__list{margin:.5rem 0 1.25rem 1.25rem;padding:0;display:flex;flex-direction:column;gap:.45rem}.blog-reader__extra-callouts{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(226,232,240,.85)}.blog-reader__study-cta{margin-top:2.25rem;padding:1.45rem 1.55rem;border-radius:1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;background:linear-gradient(135deg,rgba(var(--primary-rgb),.09),#0ea5e914);border:1px solid rgba(var(--primary-rgb),.24)}.blog-reader__study-cta-left{flex:1 1 420px;max-width:100%}.blog-reader__study-cta-kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color-light)}.blog-reader__study-cta-title{margin:.25rem 0 .4rem;font-size:1.15rem;font-weight:800;color:#0f172a}body.dark .blog-reader__study-cta-title{color:#f8fafc}.blog-reader__study-cta-desc{margin:0;font-size:.86rem;line-height:1.58;color:#475569}body.dark .blog-reader__study-cta-desc{color:#cbd5e1}.blog-reader__study-cta-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.blog-reader__publisher-footer{margin-top:1.5rem;padding:.9rem 1.15rem;border-radius:.9rem;background:#f8fafceb;border:1px dashed rgba(var(--primary-rgb),.35);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}body.dark .blog-reader__publisher-footer{background:#1e293ba6}.blog-reader__publisher-label{font-size:.8rem;color:#475569}body.dark .blog-reader__publisher-label{color:#cbd5e1}.blog-reader__publisher-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.blog-related-section{margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid rgba(226,232,240,.9)}body.dark .blog-related-section{border-top-color:#94a3b82e}.blog-related-section__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem}.blog-related-section__title{margin:0;font-size:1.2rem;font-weight:800;color:#0f172a}body.dark .blog-related-section__title{color:#f8fafc}.blog-related-section__all,.blog-related-section__all:link,.blog-related-section__all:visited{font-size:.84rem;font-weight:800;color:var(--primary-color-light)!important;text-decoration:none!important}.blog-composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0f172a9e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto}.blog-composer-modal{width:100%;max-width:920px;max-height:90vh;display:flex;flex-direction:column;border-radius:1.35rem;background:#fffffffa;border:1px solid rgba(203,213,225,.95);box-shadow:0 28px 64px -16px #0f172a59;overflow:hidden}body.dark .blog-composer-modal{background:#0f172af5;border-color:#94a3b83d}.blog-composer-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.9)}body.dark .blog-composer-modal__header{border-bottom-color:#94a3b82e}.blog-composer-modal__kicker{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color-light)}.blog-composer-modal__title{margin:.15rem 0 0;font-size:1.18rem;font-weight:800;color:#0f172a}body.dark .blog-composer-modal__title{color:#f8fafc}.blog-composer-modal__header-right{display:flex;align-items:center;gap:.55rem}.blog-composer-modal__mode-switch{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem;border-radius:.65rem;background:#f1f5f9eb;border:1px solid rgba(203,213,225,.85)}body.dark .blog-composer-modal__mode-switch{background:#1e293bd9;border-color:#94a3b838}.blog-composer-modal__mode-btn{padding:.36rem .78rem;border-radius:.48rem;font-size:.78rem;font-weight:700;color:#475569;background:transparent;border:none;cursor:pointer}body.dark .blog-composer-modal__mode-btn{color:#cbd5e1}.blog-composer-modal__mode-btn--active{color:#fff!important;background:var(--primary-color-light)!important}.blog-composer-modal__close{width:2rem;height:2rem;border-radius:.6rem;border:1px solid rgba(203,213,225,.85);background:transparent;color:#64748b;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.blog-composer-modal__error{margin:.85rem 1.5rem 0;padding:.65rem .95rem;border-radius:.7rem;font-size:.82rem;font-weight:700;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.blog-composer-form,.blog-composer-modal__preview-body{padding:1.25rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.blog-composer-form__grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blog-composer-form__grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.blog-composer-form__grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.blog-composer-form__field{display:flex;flex-direction:column;gap:.38rem}.blog-composer-form__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blog-composer-form__label{font-size:.78rem;font-weight:700;color:#334155}body.dark .blog-composer-form__label{color:#cbd5e1}.blog-composer-form__char-count{font-size:.72rem;font-weight:700;color:#64748b}.blog-composer-form__char-count--optimal{color:#059669}.blog-composer-form__input,.blog-composer-form__select,.blog-composer-form__textarea{width:100%;padding:.62rem .85rem;border-radius:.72rem;font-size:.86rem;color:#0f172a;background:#f8fafcf5;border:1px solid rgba(203,213,225,.9);outline:none;font-family:inherit}body.dark .blog-composer-form__input,body.dark .blog-composer-form__select,body.dark .blog-composer-form__textarea{color:#f8fafc;background:#1e293bd9;border-color:#94a3b840}.blog-composer-form__input:focus,.blog-composer-form__select:focus,.blog-composer-form__textarea:focus{border-color:var(--primary-color-light);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}.blog-composer-toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.blog-composer-toolbar__btn{padding:.3rem .62rem;border-radius:.5rem;font-size:.73rem;font-weight:700;color:#334155;background:#f1f5f9eb;border:1px solid rgba(203,213,225,.85);cursor:pointer}body.dark .blog-composer-toolbar__btn{color:#e2e8f0;background:#1e293bcc;border-color:#94a3b838}.blog-composer-toolbar__btn--accent{color:var(--primary-color-light);background:rgba(var(--primary-rgb),.09);border-color:rgba(var(--primary-rgb),.24)}.blog-composer-callouts{padding:1rem;border-radius:.9rem;background:#f8fafce0;border:1px solid rgba(203,213,225,.8);display:flex;flex-direction:column;gap:.75rem}body.dark .blog-composer-callouts{background:#1e293b8c;border-color:#94a3b82e}.blog-composer-callouts__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.blog-composer-callouts__title{margin:0;font-size:.88rem;font-weight:800}.blog-composer-callouts__sub{margin:.15rem 0 0;font-size:.76rem;color:#64748b}.blog-composer-callout-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:.75rem;background:#ffffffeb;border:1px solid rgba(203,213,225,.75)}body.dark .blog-composer-callout-item{background:#0f172abf;border-color:#94a3b833}.blog-composer-callout-item__top{display:flex;align-items:center;justify-content:space-between}.blog-composer-callout-item__tag{font-size:.72rem;font-weight:800;color:var(--primary-color-light)}.blog-composer-callout-item__remove{padding:.2rem .5rem;border-radius:.4rem;font-size:.7rem;font-weight:700;color:#dc2626;background:#fee2e2bf;border:1px solid rgba(248,113,113,.4);cursor:pointer}.blog-composer-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(226,232,240,.9);background:#f8fafcf0}body.dark .blog-composer-modal__footer{border-top-color:#94a3b82e;background:#0f172aeb}@media(max-width:1100px){.blog-category-tabs,.blog-grid,.blog-composer-form__grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.blog-category-tabs,.blog-grid{grid-template-columns:1fr}.blog-reader{padding:1.35rem 1.15rem}.blog-composer-form__grid-2,.blog-composer-form__grid-3,.blog-composer-form__grid-4{grid-template-columns:1fr}}.blog-header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.blog-create-post-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .98rem;border-radius:999px;font-size:.78rem;font-weight:800;color:#fff!important;background-color:var(--primary-color, #2563eb);background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8));border:1px solid rgba(255,255,255,.25);cursor:pointer;box-shadow:0 8px 18px -6px rgba(var(--primary-rgb),.48);transition:transform .16s ease,box-shadow .16s ease}.blog-create-post-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -6px rgba(var(--primary-rgb),.58)}.blog-template-picker{padding:.95rem 1.1rem;border-radius:.95rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.06),#0ea5e90d);border:1px solid rgba(var(--primary-rgb),.2);display:flex;flex-direction:column;gap:.68rem}body.dark .blog-template-picker{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),#0f172ad9);border-color:rgba(var(--primary-rgb),.34)}.blog-template-picker__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.blog-template-picker__title{margin:0;font-size:.82rem;font-weight:800;color:#0f172a;display:inline-flex;align-items:center;gap:.45rem}body.dark .blog-template-picker__title{color:#f8fafc}.blog-template-picker__sub{font-size:.75rem;color:#64748b}body.dark .blog-template-picker__sub{color:#94a3b8}.blog-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.blog-template-card{display:flex;flex-direction:column;align-items:flex-start;gap:.24rem;padding:.65rem .78rem;border-radius:.75rem;background:#fffffff0;border:1px solid rgba(203,213,225,.88);text-align:left;cursor:pointer;transition:all .16s ease}body.dark .blog-template-card{background:#1e293bd1;border-color:#94a3b838}.blog-template-card:hover{border-color:var(--primary-color-light);transform:translateY(-1px)}.blog-template-card--active{border-color:var(--primary-color, #2563eb)!important;background:rgba(var(--primary-rgb),.1)!important;box-shadow:0 6px 14px -6px rgba(var(--primary-rgb),.35)}body.dark .blog-template-card--active{background:rgba(var(--primary-rgb),.24)!important}.blog-template-card__badge{font-size:.68rem;font-weight:800;padding:.14rem .45rem;border-radius:.38rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-color, #2563eb)}body.dark .blog-template-card__badge{color:#a5b4fc}.blog-template-card__name{font-size:.78rem;font-weight:800;color:#0f172a;line-height:1.25}body.dark .blog-template-card__name{color:#f8fafc}.blog-template-card__desc{font-size:.7rem;color:#64748b;line-height:1.35}body.dark .blog-template-card__desc{color:#94a3b8}.blog-guided-sections{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:.9rem;background:#f8fafceb;border:1px solid rgba(203,213,225,.85)}body.dark .blog-guided-sections{background:#1e293b94;border-color:#94a3b833}.blog-guided-sections__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blog-guided-sections__title{margin:0;font-size:.86rem;font-weight:800;color:#0f172a}body.dark .blog-guided-sections__title{color:#f8fafc}.blog-guided-sections__hint{font-size:.74rem;color:#64748b}@media(max-width:900px){.blog-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.blog-template-grid{grid-template-columns:1fr}}.blog-reader__underline{text-decoration:underline;text-decoration-color:var(--primary-color-light);text-underline-offset:3px}.blog-reader__strikethrough{text-decoration:line-through;color:#64748b}.blog-reader__highlight{padding:.1rem .36rem;border-radius:.32rem;background:#facc1552;color:inherit;font-weight:700}body.dark .blog-reader__highlight{background:#facc153d;color:#fef08a}.blog-reader__divider{border:none;height:1px;margin:1.5rem 0;background:linear-gradient(90deg,transparent,rgba(148,163,184,.45),transparent)}.blog-reader__blockquote-line{margin:.25rem 0}.blog-wysiwyg-studio{display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;background:#f8fafcf0;border:1px solid rgba(203,213,225,.9);padding:.85rem}body.dark .blog-wysiwyg-studio{background:#0f172abf;border-color:#94a3b838}.blog-wysiwyg-toolbar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.55rem .7rem;border-radius:.8rem;background:#fffffff5;border:1px solid rgba(203,213,225,.88);box-shadow:0 4px 14px -6px #0f172a14}body.dark .blog-wysiwyg-toolbar{background:#1e293beb;border-color:#94a3b83d}.blog-wysiwyg-toolbar__group{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.blog-wysiwyg-toolbar__divider{width:1px;height:1.45rem;background:#cbd5e1d9;margin:0 .1rem}body.dark .blog-wysiwyg-toolbar__divider{background:#94a3b83d}.blog-wysiwyg-toolbar__select{padding:.34rem .6rem;border-radius:.52rem;font-size:.74rem;font-weight:700;color:#1e293b;background:#f1f5f9eb;border:1px solid rgba(203,213,225,.85);cursor:pointer;outline:none}body.dark .blog-wysiwyg-toolbar__select{color:#f1f5f9;background:#0f172ad9;border-color:#94a3b840}.blog-wysiwyg-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-width:1.9rem;height:1.9rem;padding:0 .55rem;border-radius:.5rem;font-size:.75rem;font-weight:700;color:#334155;background:#f8fafcf5;border:1px solid rgba(203,213,225,.85);cursor:pointer;transition:all .14s ease}body.dark .blog-wysiwyg-toolbar__btn{color:#e2e8f0;background:#0f172acc;border-color:#94a3b838}.blog-wysiwyg-toolbar__btn:hover{border-color:var(--primary-color-light);color:var(--primary-color, #2563eb);background:#fff}body.dark .blog-wysiwyg-toolbar__btn:hover{color:#a5b4fc;background:#1e293bf2}.blog-wysiwyg-toolbar__btn--bold{font-weight:900}.blog-wysiwyg-toolbar__btn--italic{font-style:italic;font-family:Georgia,serif}.blog-wysiwyg-toolbar__btn--underline{text-decoration:underline}.blog-wysiwyg-toolbar__btn--strike{text-decoration:line-through}.blog-wysiwyg-toolbar__btn--highlight{background:#fef08a8c;border-color:#eab30873;color:#854d0e}body.dark .blog-wysiwyg-toolbar__btn--highlight{background:#eab30838;border-color:#eab30866;color:#fef08a}.blog-wysiwyg-toolbar__btn--quote{background:rgba(var(--primary-rgb),.07);border-color:rgba(var(--primary-rgb),.22);color:var(--primary-color, #2563eb)}body.dark .blog-wysiwyg-toolbar__btn--quote{color:#a5b4fc;background:rgba(var(--primary-rgb),.18)}.blog-wysiwyg-toolbar__btn--callout{color:#fff!important;background-color:var(--primary-color, #2563eb)!important;background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8))!important;border-color:var(--primary-color, #2563eb)!important;box-shadow:0 4px 12px -4px rgba(var(--primary-rgb),.45)}.blog-wysiwyg-toolbar__btn--callout-open{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.25)}.blog-wysiwyg-toolbar__view-modes{margin-left:auto;display:inline-flex;align-items:center;gap:.2rem;padding:.18rem;border-radius:.55rem;background:#f1f5f9f0;border:1px solid rgba(203,213,225,.85)}body.dark .blog-wysiwyg-toolbar__view-modes{background:#0f172ad9;border-color:#94a3b838}.blog-wysiwyg-toolbar__view-btn{padding:.26rem .58rem;border-radius:.4rem;font-size:.72rem;font-weight:700;color:#475569;background:transparent;border:none;cursor:pointer}body.dark .blog-wysiwyg-toolbar__view-btn{color:#cbd5e1}.blog-wysiwyg-toolbar__view-btn--active{color:#fff!important;background-color:var(--primary-color, #2563eb)!important}.blog-wysiwyg-callout-popover{padding:.9rem 1rem;border-radius:.85rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),#0ea5e90f);border:1px solid rgba(var(--primary-rgb),.28);display:flex;flex-direction:column;gap:.65rem}body.dark .blog-wysiwyg-callout-popover{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),#0f172ae6);border-color:rgba(var(--primary-rgb),.4)}.blog-wysiwyg-callout-popover__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.blog-wysiwyg-callout-popover__title{margin:0;font-size:.84rem;font-weight:800;color:#0f172a}body.dark .blog-wysiwyg-callout-popover__title{color:#f8fafc}.blog-wysiwyg-callout-popover__sub{margin:.15rem 0 0;font-size:.74rem;color:#475569}body.dark .blog-wysiwyg-callout-popover__sub{color:#cbd5e1}.blog-wysiwyg-callout-popover__close{width:1.65rem;height:1.65rem;border-radius:.45rem;border:1px solid rgba(203,213,225,.85);background:#ffffffd9;color:#475569;cursor:pointer;font-size:.95rem;line-height:1}.blog-wysiwyg-callout-popover__presets,.blog-wysiwyg-callout-popover__existing{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.73rem;font-weight:700;color:#475569}body.dark .blog-wysiwyg-callout-popover__presets,body.dark .blog-wysiwyg-callout-popover__existing{color:#cbd5e1}.blog-wysiwyg-callout-popover__preset-chip{padding:.24rem .58rem;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--primary-color, #2563eb);background:#ffffffeb;border:1px solid rgba(var(--primary-rgb),.26);cursor:pointer;transition:all .14s ease}body.dark .blog-wysiwyg-callout-popover__preset-chip{background:#0f172ad9;color:#a5b4fc;border-color:rgba(var(--primary-rgb),.38)}.blog-wysiwyg-callout-popover__preset-chip:hover{background-color:var(--primary-color, #2563eb);color:#fff}.blog-wysiwyg-callout-popover__bottom{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.blog-wysiwyg-callout-popover__bottom .blog-composer-form__input{flex:1 1 260px}.blog-wysiwyg-callout-popover__insert-btn{white-space:nowrap}.blog-wysiwyg-workspace{display:grid;gap:.85rem;align-items:start}.blog-wysiwyg-workspace--split{grid-template-columns:1.15fr .85fr}.blog-wysiwyg-workspace--visual,.blog-wysiwyg-workspace--markdown{grid-template-columns:1fr}.blog-wysiwyg-workspace--font-serif .blog-wysiwyg-block__textarea,.blog-wysiwyg-workspace--font-serif .blog-wysiwyg-block__rendered-preview{font-family:Georgia,Times New Roman,serif}.blog-wysiwyg-workspace--font-hanzi .blog-wysiwyg-block__textarea,.blog-wysiwyg-workspace--font-hanzi .blog-wysiwyg-block__rendered-preview{font-family:"Noto Sans SC",var(--font-sans);font-size:.96rem;line-height:1.85}.blog-wysiwyg-pane-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.74rem;font-weight:800;color:#475569;margin-bottom:.45rem}body.dark .blog-wysiwyg-pane-header{color:#94a3b8}.blog-wysiwyg-blocks-list{display:flex;flex-direction:column;gap:.65rem;max-height:460px;overflow-y:auto;padding-right:.25rem}.blog-wysiwyg-block{padding:.72rem .85rem;border-radius:.8rem;background:#fffffff5;border:1px solid rgba(203,213,225,.85);display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s ease,box-shadow .15s ease}body.dark .blog-wysiwyg-block{background:#0f172adb;border-color:#94a3b833}.blog-wysiwyg-block--active{border-color:var(--primary-color, #2563eb)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}.blog-wysiwyg-block--quote{border-left:4px solid var(--primary-color, #2563eb);background:rgba(var(--primary-rgb),.03)}.blog-wysiwyg-block__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blog-wysiwyg-block__badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-color, #2563eb);background:rgba(var(--primary-rgb),.1);padding:.15rem .48rem;border-radius:.38rem}body.dark .blog-wysiwyg-block__badge{color:#a5b4fc;background:rgba(var(--primary-rgb),.22)}.blog-wysiwyg-block__controls{display:inline-flex;align-items:center;gap:.25rem}.blog-wysiwyg-block__ctrl-btn{padding:.16rem .42rem;border-radius:.38rem;font-size:.69rem;font-weight:700;color:#475569;background:#f1f5f9e6;border:1px solid rgba(203,213,225,.8);cursor:pointer}body.dark .blog-wysiwyg-block__ctrl-btn{color:#cbd5e1;background:#1e293bd9;border-color:#94a3b838}.blog-wysiwyg-block__ctrl-btn:hover:not(:disabled){border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb)}.blog-wysiwyg-block__ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.blog-wysiwyg-block__ctrl-btn--hanzi{color:var(--primary-color, #2563eb);border-color:rgba(var(--primary-rgb),.3)}.blog-wysiwyg-block__ctrl-btn--danger{color:#dc2626;border-color:#f8717166}.blog-wysiwyg-block__editor-area{display:flex;flex-direction:column;gap:.45rem}.blog-wysiwyg-block__textarea{width:100%;padding:.5rem .68rem;border-radius:.55rem;font-size:.84rem;line-height:1.55;color:#0f172a;background:#f8fafcf2;border:1px solid rgba(203,213,225,.8);resize:vertical;outline:none;font-family:inherit}body.dark .blog-wysiwyg-block__textarea{color:#f8fafc;background:#1e293bb8;border-color:#94a3b838}.blog-wysiwyg-block__textarea--h2{font-size:1rem;font-weight:800}.blog-wysiwyg-block__textarea--h3{font-size:.92rem;font-weight:700}.blog-wysiwyg-block__textarea--quote{font-style:italic;border-left:3px solid var(--primary-color, #2563eb)}.blog-wysiwyg-block__rendered-preview{padding:.45rem .65rem;border-radius:.55rem;background:#f1f5f98c;border:1px dashed rgba(203,213,225,.75);font-size:.84rem}body.dark .blog-wysiwyg-block__rendered-preview{background:#0f172a8c;border-color:#94a3b82e}.blog-wysiwyg-block__rendered-preview .blog-reader__h2,.blog-wysiwyg-block__rendered-preview .blog-reader__h3,.blog-wysiwyg-block__rendered-preview .blog-reader__paragraph,.blog-wysiwyg-block__rendered-preview .blog-reader__blockquote,.blog-wysiwyg-block__rendered-preview .blog-reader__list{margin:.15rem 0}.blog-wysiwyg-block__callout-wrap .blog-callout-box{margin:0 0 .55rem}.blog-wysiwyg-source-textarea{min-height:410px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.6}@media(max-width:960px){.blog-wysiwyg-workspace--split{grid-template-columns:1fr}}.blog-composer-form__grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}@media(max-width:760px){.blog-composer-form__grid-3{grid-template-columns:1fr}}.blog-editorial-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.78rem;font-weight:700;color:#475569}body.dark .blog-editorial-topbar{color:#94a3b8}.blog-editorial-topbar__left,.blog-editorial-topbar__right{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.blog-editorial-topbar__category-pill{display:inline-flex;align-items:center;gap:.42rem;padding:.28rem .72rem;border-radius:999px;font-size:.74rem;font-weight:800;color:var(--primary-color, #2563eb);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.24)}body.dark .blog-editorial-topbar__category-pill{color:#a5b4fc;background:rgba(var(--primary-rgb),.22);border-color:rgba(var(--primary-rgb),.38)}.blog-editorial-topbar__hanzi{font-weight:900}.blog-editorial-topbar__draft{padding:.16rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;background:#f59e0b29;color:#d97706;border:1px solid rgba(245,158,11,.32)}.blog-editorial-topbar__date,.blog-editorial-topbar__readtime{font-size:.76rem;font-weight:600;color:#64748b}body.dark .blog-editorial-topbar__date,body.dark .blog-editorial-topbar__readtime{color:#94a3b8}.blog-editorial-topbar__issue{padding:.18rem .52rem;border-radius:.45rem;font-size:.72rem;font-weight:800;color:#334155;background:#f1f5f9e6;border:1px solid rgba(203,213,225,.85)}body.dark .blog-editorial-topbar__issue{color:#e2e8f0;background:#1e293bd9;border-color:#94a3b83d}.blog-editorial-star-rule{display:flex;align-items:center;width:100%;color:var(--primary-color, #2563eb);opacity:.65;margin:.1rem 0}body.dark .blog-editorial-star-rule{color:#818cf8}.blog-editorial-star-rule__line-edge{width:clamp(2rem,5vw,4rem);height:1px;background:linear-gradient(90deg,transparent,currentColor)}.blog-editorial-star-rule__line-edge:last-child{background:linear-gradient(90deg,currentColor,transparent)}.blog-editorial-star-rule__line-center{flex:1;height:1px;background:currentColor;opacity:.45}.blog-editorial-star-rule__star{font-size:.78rem;line-height:1;margin:0 .25rem}.blog-editorial-reader-wrap{display:flex;flex-direction:column;gap:1.75rem}.blog-editorial-sheet{width:100%;padding:clamp(1.5rem,3.2vw,2.75rem);border-radius:1.5rem;background:#ffffffeb;color:#0f172a;border:1px solid rgba(203,213,225,.88);box-shadow:0 24px 54px -26px #0f172a1f,0 1px #fffffff2 inset;backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);display:flex;flex-direction:column;gap:1.65rem}body.dark .blog-editorial-sheet{background:#0f172ad1;color:#f8fafc;border-color:#94a3b838;box-shadow:0 28px 60px -28px #020617c7,0 1px #ffffff14 inset}.blog-editorial-sheet--preview{max-width:100%}.blog-editorial-hero-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(1.35rem,3vw,2.5rem);align-items:center;padding:.4rem 0 1.25rem;border-bottom:1px solid rgba(203,213,225,.75)}body.dark .blog-editorial-hero-split{border-bottom-color:#94a3b82e}.blog-editorial-arch-wrap{display:flex;justify-content:center}.blog-editorial-arch-frame{position:relative;width:100%;max-width:24rem;aspect-ratio:1.12 / 1;border-radius:2rem 2rem 1.25rem 1.25rem;overflow:hidden;border:1px solid rgba(203,213,225,.9);box-shadow:0 18px 38px -18px #0f172a38;background:#f1f5f9e6}body.dark .blog-editorial-arch-frame{border-color:#94a3b847;background:#1e293bd9}.blog-editorial-arch-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.blog-editorial-arch-frame:hover .blog-editorial-arch-img{transform:scale(1.04)}.blog-editorial-arch-badge{position:absolute;left:.85rem;bottom:.85rem;padding:.3rem .72rem;border-radius:999px;font-size:.72rem;font-weight:800;color:#fff;background:#0f172ac7;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-editorial-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.blog-editorial-hero-kicker{font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color, #2563eb)}body.dark .blog-editorial-hero-kicker{color:#a5b4fc}.blog-editorial-lead__title{margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:800;line-height:1.22;letter-spacing:-.02em;color:#0f172a}body.dark .blog-editorial-lead__title{color:#f8fafc}.blog-editorial-lead__excerpt{margin:0;font-size:.96rem;line-height:1.65;color:#475569}body.dark .blog-editorial-lead__excerpt{color:#cbd5e1}.blog-editorial-author-bar{margin-top:.25rem;display:inline-flex;align-items:center;gap:.65rem;padding:.5rem .85rem;border-radius:.85rem;background:#f8fafceb;border:1px solid rgba(203,213,225,.82)}body.dark .blog-editorial-author-bar{background:#1e293bbf;border-color:#94a3b833}.blog-editorial-author-bar__meta{display:flex;flex-direction:column;gap:.08rem}.blog-editorial-author-bar__name{font-size:.82rem;font-weight:800;color:#0f172a}body.dark .blog-editorial-author-bar__name{color:#f8fafc}.blog-editorial-author-bar__role{font-size:.72rem;color:#64748b}body.dark .blog-editorial-author-bar__role{color:#94a3b8}.blog-editorial-story-grid{display:grid;grid-template-columns:1.32fr .68fr;gap:clamp(1.35rem,3vw,2.35rem);align-items:start}.blog-editorial-story-prose{display:flex;flex-direction:column;gap:.95rem}.blog-editorial-prose__h2{margin:.75rem 0 .2rem;font-size:clamp(1.2rem,1.8vw,1.45rem);font-weight:800;line-height:1.3;letter-spacing:-.015em;color:#0f172a}body.dark .blog-editorial-prose__h2{color:#f8fafc}.blog-editorial-prose__h3{margin:.5rem 0 .15rem;font-size:1.06rem;font-weight:700;color:#1e293b}body.dark .blog-editorial-prose__h3{color:#f1f5f9}.blog-editorial-prose__p{margin:0;font-size:.96rem;line-height:1.75;color:#334155}body.dark .blog-editorial-prose__p{color:#e2e8f0}.blog-editorial-prose__quote{margin:.45rem 0;padding:.9rem 1.15rem;border-left:4px solid var(--primary-color, #2563eb);background:linear-gradient(135deg,rgba(var(--primary-rgb),.07),#0ea5e90a);border-radius:0 .85rem .85rem 0;font-style:italic;font-size:.96rem;line-height:1.65;color:#1e293b}body.dark .blog-editorial-prose__quote{border-left-color:#818cf8;background:#1e293bb8;color:#f1f5f9}.blog-editorial-prose__list{margin:.25rem 0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.45rem;font-size:.95rem;line-height:1.7;color:#334155}body.dark .blog-editorial-prose__list{color:#e2e8f0}.blog-editorial-story-portrait{position:sticky;top:5.5rem}.blog-editorial-side-card{padding:.85rem;border-radius:1.2rem;background:#f8fafcf0;border:1px solid rgba(203,213,225,.88);box-shadow:0 14px 32px -18px #0f172a24;display:flex;flex-direction:column;gap:.75rem}body.dark .blog-editorial-side-card{background:#1e293bc7;border-color:#94a3b838}.blog-editorial-portrait-frame{width:100%;aspect-ratio:4 / 4.8;overflow:hidden;border-radius:.85rem;border:1px solid rgba(203,213,225,.8);background:#e2e8f099}body.dark .blog-editorial-portrait-frame{border-color:#94a3b838;background:#1e293b}.blog-editorial-portrait-img{width:100%;height:100%;object-fit:cover;display:block}.blog-editorial-side-card__body{display:flex;flex-direction:column;gap:.45rem}.blog-editorial-side-card__eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color, #2563eb)}body.dark .blog-editorial-side-card__eyebrow{color:#a5b4fc}.blog-editorial-side-card__phrase{padding:.65rem .75rem;border-radius:.75rem;background:#fffffff0;border:1px solid rgba(203,213,225,.82);display:flex;flex-direction:column;gap:.25rem}body.dark .blog-editorial-side-card__phrase{background:#0f172ad9;border-color:#94a3b838}.blog-editorial-side-card__phrase-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.blog-editorial-side-card__hanzi{font-size:1.08rem;font-weight:800}.blog-editorial-side-card__pinyin{font-size:.78rem;font-weight:700}.blog-editorial-side-card__meaning{margin:0;font-size:.78rem;line-height:1.45;color:#475569}body.dark .blog-editorial-side-card__meaning{color:#cbd5e1}.blog-editorial-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.8vw,2.25rem);padding-top:1.25rem;border-top:1px solid rgba(203,213,225,.78)}body.dark .blog-editorial-two-col{border-top-color:#94a3b833}.blog-editorial-two-col__item{display:flex;flex-direction:column;gap:.75rem}.blog-editorial-studio-footer{margin-top:.5rem;padding:1.35rem 1.5rem;border-radius:1.15rem;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),#0ea5e90f);border:1px solid rgba(var(--primary-rgb),.22);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}body.dark .blog-editorial-studio-footer{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),#0f172ad9);border-color:rgba(var(--primary-rgb),.35)}.blog-editorial-studio-footer__info{display:flex;flex-direction:column;gap:.2rem;max-width:34rem}.blog-editorial-studio-footer__kicker{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color, #2563eb)}body.dark .blog-editorial-studio-footer__kicker{color:#a5b4fc}.blog-editorial-studio-footer__title{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a}body.dark .blog-editorial-studio-footer__title{color:#f8fafc}.blog-editorial-studio-footer__actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.blog-editorial-studio-footer__btn{padding:.48rem .9rem;border-radius:.7rem;font-size:.78rem;font-weight:700;color:#1e293b;background:#ffffffeb;border:1px solid rgba(203,213,225,.88);cursor:pointer;transition:all .16s ease}body.dark .blog-editorial-studio-footer__btn{color:#e2e8f0;background:#1e293be0;border-color:#94a3b840}.blog-editorial-studio-footer__btn:hover{border-color:var(--primary-color, #2563eb);color:var(--primary-color, #2563eb);transform:translateY(-1px)}.blog-editorial-studio-footer__btn--primary{color:#fff!important;background-color:var(--primary-color, #2563eb)!important;background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8))!important;border-color:var(--primary-color, #2563eb)!important}.blog-card--editorial{background:#ffffffeb!important;border:1px solid rgba(203,213,225,.88)!important;border-radius:1.25rem!important;padding:1.25rem!important;color:#0f172a;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 16px 36px -22px #0f172a1f,0 1px #fffffff2 inset;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}body.dark .blog-card--editorial{background:#0f172acc!important;border-color:#94a3b838!important;color:#f8fafc;box-shadow:0 20px 42px -24px #020617b8,0 1px #ffffff12 inset}.blog-card--editorial:hover{transform:translateY(-3px);border-color:rgba(var(--primary-rgb),.38)!important;box-shadow:0 22px 44px -20px rgba(var(--primary-rgb),.2)}.blog-card--featured-editorial{grid-column:span 2}.blog-card__featured-split{display:grid;grid-template-columns:.88fr 1.12fr;gap:1.35rem;align-items:stretch;height:100%}.blog-card__featured-visual{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:1.1rem;overflow:hidden;background:#f1f5f9bf;min-height:220px}body.dark .blog-card__featured-visual{background:#1e293ba6}.blog-card__arch-thumb{width:100%;height:100%;min-height:220px;overflow:hidden;border-radius:1.1rem}.blog-card__arch-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card--editorial:hover .blog-card__arch-thumb img,.blog-card--editorial:hover .blog-card__visual-img{transform:scale(1.04)}.blog-card__featured-content{display:flex;flex-direction:column;gap:.65rem}.blog-card__featured-badge{padding:.16rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary-color, #2563eb),var(--primary-color-dark, #1d4ed8))}.blog-card__visual-banner{position:relative;width:100%;aspect-ratio:16 / 9.2;border-radius:.9rem;overflow:hidden;cursor:pointer;background:#f1f5f9d9;border:1px solid rgba(203,213,225,.75)}body.dark .blog-card__visual-banner{background:#1e293bcc;border-color:#94a3b833}.blog-card__visual-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card__category-pill{position:absolute;left:.65rem;bottom:.65rem;padding:.24rem .62rem;border-radius:999px;font-size:.69rem;font-weight:800;color:#fff;background:#0f172ac7;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-card__issue-pill{position:absolute;top:.65rem;right:.65rem;padding:.18rem .48rem;border-radius:.45rem;font-size:.66rem;font-weight:800;color:#fff;background:#0f172aad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-card__editorial-body{display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-card__editorial-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.73rem;font-weight:600;color:#64748b}body.dark .blog-card__editorial-meta{color:#94a3b8}.blog-card__editorial-title{margin:0;font-size:1.08rem;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:#0f172a}.blog-card__editorial-title--featured{font-size:clamp(1.18rem,1.9vw,1.42rem)}body.dark .blog-card__editorial-title{color:#f8fafc}.blog-card__editorial-title a{color:inherit;text-decoration:none}.blog-card__editorial-title a:hover{color:var(--primary-color, #2563eb)}body.dark .blog-card__editorial-title a:hover{color:#a5b4fc}.blog-card__author-mini{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;color:#475569}body.dark .blog-card__author-mini{color:#cbd5e1}.blog-card__editorial-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(203,213,225,.72);display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}body.dark .blog-card__editorial-footer{border-top-color:#94a3b82e}@media(max-width:900px){.blog-card--featured-editorial{grid-column:span 1}.blog-card__featured-split,.blog-editorial-hero-split,.blog-editorial-story-grid,.blog-editorial-two-col{grid-template-columns:1fr}.blog-editorial-story-portrait{position:static;max-width:24rem;margin:0 auto}}.blog-role-manager{margin:0 0 1.35rem;padding:1.25rem 1.4rem;border-radius:1.15rem;background:#fffffff0;border:1px solid rgba(203,213,225,.9);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:0 12px 28px -12px #0f172a14,inset 0 1px #ffffffd9}body.dark .blog-role-manager{background:#0f172ad1;border-color:#94a3b838;box-shadow:0 14px 32px -12px #0206178c,inset 0 1px #ffffff0f}.blog-role-manager__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.blog-role-manager__title-group{display:flex;align-items:center;gap:.75rem}.blog-role-manager__seal{width:2.3rem;height:2.3rem;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary-color, #2563eb),#0ea5e9);flex-shrink:0}.blog-role-manager__kicker{font-size:.72rem;font-weight:700;color:#64748b;letter-spacing:.01em}body.dark .blog-role-manager__kicker{color:#94a3b8}.blog-role-manager__kicker code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;color:var(--primary-color, #2563eb)}body.dark .blog-role-manager__kicker code{color:#93c5fd}.blog-role-manager__title{margin:.1rem 0 0;font-size:1.05rem;font-weight:800;color:#0f172a}body.dark .blog-role-manager__title{color:#f8fafc}.blog-role-manager__header-right{display:flex;align-items:center;gap:.65rem}.blog-role-manager__count{font-size:.76rem;font-weight:700;color:#475569}body.dark .blog-role-manager__count{color:#cbd5e1}.blog-role-manager__body{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;gap:.95rem}body.dark .blog-role-manager__body{border-top-color:#94a3b82e}.blog-role-manager__desc{margin:0;font-size:.82rem;line-height:1.55;color:#475569}body.dark .blog-role-manager__desc{color:#cbd5e1}.blog-role-manager__desc code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;padding:.1rem .35rem;border-radius:.35rem;background:#f1f5f9f2;color:#1e293b}body.dark .blog-role-manager__desc code{background:#1e293bd9;color:#e2e8f0}.blog-role-manager__alert{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .9rem;border-radius:.68rem;font-size:.8rem;font-weight:700}.blog-role-manager__alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}body.dark .blog-role-manager__alert--error{color:#fca5a5;background:#7f1d1d59;border-color:#f8717159}.blog-role-manager__alert--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}body.dark .blog-role-manager__alert--success{color:#6ee7b7;background:#064e3b61;border-color:#34d39959}.blog-role-manager__alert-close{border:none;background:transparent;color:inherit;font-size:1rem;font-weight:800;cursor:pointer;line-height:1}.blog-role-manager__form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:.75rem;align-items:end}.blog-role-manager__field{display:flex;flex-direction:column;gap:.35rem}.blog-role-manager__label{font-size:.75rem;font-weight:700;color:#334155}body.dark .blog-role-manager__label{color:#cbd5e1}.blog-role-manager__input,.blog-role-manager__select{width:100%;padding:.6rem .85rem;border-radius:.7rem;font-size:.84rem;color:#0f172a;background:#f8fafcf5;border:1px solid rgba(203,213,225,.9);outline:none;font-family:inherit}body.dark .blog-role-manager__input,body.dark .blog-role-manager__select{color:#f8fafc;background:#1e293bd9;border-color:#94a3b840}.blog-role-manager__input:focus,.blog-role-manager__select:focus{border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 37, 99, 235),.14)}.blog-role-manager__submit-btn{white-space:nowrap;height:2.45rem;padding:0 1.1rem;font-size:.82rem;font-weight:800}.blog-role-manager__lists{display:flex;flex-direction:column;gap:.55rem}.blog-role-manager__list-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blog-role-manager__list-title{font-size:.76rem;font-weight:800;color:#334155}body.dark .blog-role-manager__list-title{color:#e2e8f0}.blog-role-manager__updated{font-size:.72rem;color:#64748b}body.dark .blog-role-manager__updated{color:#94a3b8}.blog-role-manager__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.48rem}.blog-role-manager__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .88rem;border-radius:.75rem;background:#f8fafceb;border:1px solid rgba(226,232,240,.95);flex-wrap:wrap}body.dark .blog-role-manager__item{background:#1e293bad;border-color:#94a3b82e}.blog-role-manager__item--primary{background:#eff6ffa6;border-color:#bfdbfed9}body.dark .blog-role-manager__item--primary{background:#1e3a8a38;border-color:#60a5fa3d}.blog-role-manager__item-info{display:flex;align-items:center;gap:.68rem;min-width:0}.blog-role-manager__avatar{width:2rem;height:2rem;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;color:var(--primary-color, #2563eb);background:#2563eb1a;flex-shrink:0}body.dark .blog-role-manager__avatar{color:#93c5fd;background:#3b82f633}.blog-role-manager__email{font-size:.85rem;font-weight:700;color:#0f172a;word-break:break-all}body.dark .blog-role-manager__email{color:#f8fafc}.blog-role-manager__meta{font-size:.72rem;color:#64748b}body.dark .blog-role-manager__meta{color:#94a3b8}.blog-role-manager__item-actions{display:flex;align-items:center;gap:.55rem}.blog-role-manager__role-label{font-size:.73rem;font-weight:800;color:#475569}body.dark .blog-role-manager__role-label{color:#cbd5e1}.blog-role-manager__role-label--admin{color:var(--primary-color, #2563eb)}body.dark .blog-role-manager__role-label--admin{color:#93c5fd}.blog-role-manager__remove-btn{padding:.3rem .68rem;border-radius:.5rem;font-size:.74rem;font-weight:700;color:#dc2626;background:#fee2e2c7;border:1px solid rgba(248,113,113,.42);cursor:pointer;transition:background-color .15s ease,transform .15s ease;white-space:nowrap}body.dark .blog-role-manager__remove-btn{color:#fca5a5;background:#7f1d1d6b;border-color:#f8717152}.blog-role-manager__remove-btn:hover:not(:disabled){background:#fecacaf2}body.dark .blog-role-manager__remove-btn:hover:not(:disabled){background:#991b1ba6}.blog-role-manager__remove-btn:disabled{opacity:.6;cursor:not-allowed}.blog-role-manager__empty-hint{margin:.25rem 0 0;font-size:.76rem;color:#64748b}body.dark .blog-role-manager__empty-hint{color:#94a3b8}@media(max-width:768px){.blog-role-manager__form{grid-template-columns:1fr}.blog-role-manager__submit-btn{width:100%}}.blog-composer-form__field--span-2{grid-column:span 2}@media(max-width:768px){.blog-composer-form__field--span-2{grid-column:span 1}}.blog-raw-paste-studio{padding:1.15rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,#eff6ffe6,#eef2ffc7);border:1px solid rgba(59,130,246,.28);display:flex;flex-direction:column;gap:.75rem}body.dark .blog-raw-paste-studio{background:linear-gradient(135deg,#0f172aeb,#1e293bd9);border-color:#60a5fa4d}.blog-raw-paste-studio__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.blog-raw-paste-studio__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#1d4ed8;background:#3b82f624;margin-bottom:.3rem}body.dark .blog-raw-paste-studio__badge{color:#93c5fd;background:#3b82f638}.blog-raw-paste-studio__title{margin:0 0 .25rem;font-size:1.04rem;font-weight:800;color:#0f172a}body.dark .blog-raw-paste-studio__title{color:#f8fafc}.blog-raw-paste-studio__sub{margin:0;font-size:.82rem;line-height:1.48;color:#475569;max-width:68ch}body.dark .blog-raw-paste-studio__sub{color:#cbd5e1}.blog-raw-paste-studio__samples{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.blog-raw-paste-studio__sample-label{font-size:.74rem;font-weight:700;color:#64748b}body.dark .blog-raw-paste-studio__sample-label{color:#94a3b8}.blog-raw-paste-studio__sample-chip{padding:.34rem .72rem;border-radius:.55rem;font-size:.76rem;font-weight:700;color:#1e40af;background:#ffffffe6;border:1px solid rgba(59,130,246,.32);cursor:pointer;transition:all .15s ease}body.dark .blog-raw-paste-studio__sample-chip{color:#bfdbfe;background:#0f172ad9;border-color:#60a5fa59}.blog-raw-paste-studio__sample-chip:hover{background:#2563eb;color:#fff;border-color:#2563eb}.blog-raw-paste-studio__textarea{min-height:6.75rem;font-size:.86rem;line-height:1.55;background:#fffffff2!important}body.dark .blog-raw-paste-studio__textarea{background:#020617bf!important}.blog-raw-paste-studio__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.blog-raw-paste-studio__hint{font-size:.78rem;color:#475569}body.dark .blog-raw-paste-studio__hint{color:#94a3b8}.blog-raw-paste-studio__feedback{font-weight:700;color:#047857}body.dark .blog-raw-paste-studio__feedback{color:#6ee7b7}.blog-raw-paste-studio__actions{display:flex;align-items:center;gap:.5rem}.blog-auto-seo-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .95rem;border-radius:.78rem;background:#f8fafceb;border:1px solid rgba(148,163,184,.28);flex-wrap:wrap}body.dark .blog-auto-seo-bar{background:#0f172ab8;border-color:#94a3b833}.blog-auto-seo-bar__items{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.blog-auto-seo-bar__pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#334155;padding:.22rem .6rem;border-radius:.48rem;background:#ffffffd9;border:1px solid rgba(148,163,184,.22)}body.dark .blog-auto-seo-bar__pill{color:#e2e8f0;background:#1e293bbf;border-color:#94a3b838}.blog-auto-seo-bar__pill code{font-size:.76rem;color:#2563eb;font-weight:700}body.dark .blog-auto-seo-bar__pill code{color:#93c5fd}.blog-auto-seo-bar__status-select{border:none;background:transparent;color:inherit;font-size:.78rem;font-weight:700;cursor:pointer;padding:0 .15rem}.blog-auto-seo-bar__toggle{border:none;background:transparent;font-size:.78rem;font-weight:700;color:#2563eb;cursor:pointer;text-decoration:underline;text-underline-offset:3px}body.dark .blog-auto-seo-bar__toggle{color:#93c5fd}.blog-media-link-builder{padding:1.15rem 1.25rem;border-radius:1rem;background:#f8fafcd9;border:1px solid rgba(148,163,184,.28);display:flex;flex-direction:column;gap:.9rem}body.dark .blog-media-link-builder{background:#0f172ab8;border-color:#94a3b833}.blog-media-link-builder__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.blog-media-link-builder__kicker{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#2563eb;margin-bottom:.2rem}body.dark .blog-media-link-builder__kicker{color:#93c5fd}.blog-media-link-builder__title{margin:0 0 .2rem;font-size:.98rem;font-weight:800;color:#0f172a}body.dark .blog-media-link-builder__title{color:#f8fafc}.blog-media-link-builder__sub{margin:0;font-size:.8rem;line-height:1.45;color:#64748b;max-width:66ch}body.dark .blog-media-link-builder__sub{color:#94a3b8}.blog-media-link-builder__presets{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.blog-media-link-builder__preset-label{font-size:.73rem;font-weight:700;color:#64748b}body.dark .blog-media-link-builder__preset-label{color:#94a3b8}.blog-media-link-builder__preset-chip{padding:.3rem .65rem;border-radius:.5rem;font-size:.74rem;font-weight:700;color:#1e40af;background:#3b82f61a;border:1px solid rgba(59,130,246,.28);cursor:pointer;transition:all .15s ease}body.dark .blog-media-link-builder__preset-chip{color:#bfdbfe;background:#3b82f62e;border-color:#60a5fa4d}.blog-media-link-builder__preset-chip:hover{background:#2563eb;color:#fff}.blog-media-link-builder__cover-row{display:flex;align-items:flex-end;gap:.9rem;flex-wrap:wrap}.blog-media-link-builder__cover-field{flex:1 1 320px}.blog-media-link-builder__input-group{display:flex;align-items:center;gap:.45rem}.blog-media-link-builder__upload-btn{white-space:nowrap;flex-shrink:0}.blog-media-link-builder__cover-thumb-wrap{width:112px;height:64px;border-radius:.55rem;overflow:hidden;border:1px solid rgba(59,130,246,.35);flex-shrink:0;background:#0f172a}.blog-media-link-builder__cover-thumb{width:100%;height:100%;object-fit:cover;display:block}.blog-media-link-builder__card-box{padding:.95rem 1rem;border-radius:.85rem;background:#ffffffd9;border:1px dashed rgba(59,130,246,.35);display:flex;flex-direction:column;gap:.75rem}body.dark .blog-media-link-builder__card-box{background:#02061785;border-color:#60a5fa52}.blog-media-link-builder__actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.blog-app-card{margin:1.4rem 0;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#fffffff5,#f1f5f9eb);border:1px solid rgba(59,130,246,.28);box-shadow:0 12px 28px -12px #0f172a1f;display:grid;grid-template-columns:220px 1fr;align-items:stretch}body.dark .blog-app-card{background:linear-gradient(135deg,#0f172af0,#1e293be0);border-color:#60a5fa4d;box-shadow:0 14px 32px -12px #0000008c}.blog-app-card__media{background:#0f172a;overflow:hidden;min-height:150px}.blog-app-card__img{width:100%;height:100%;object-fit:cover;display:block}.blog-app-card__body{padding:1.1rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.45rem}.blog-app-card__kicker-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.blog-app-card__badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .55rem;border-radius:.4rem;color:#1d4ed8;background:#3b82f624}body.dark .blog-app-card__badge{color:#93c5fd;background:#3b82f63d}.blog-app-card__domain{font-size:.74rem;font-weight:600;color:#64748b}body.dark .blog-app-card__domain{color:#94a3b8}.blog-app-card__title{margin:0;font-size:1.06rem;font-weight:800;color:#0f172a}body.dark .blog-app-card__title{color:#f8fafc}.blog-app-card__desc{margin:0;font-size:.86rem;line-height:1.55;color:#475569}body.dark .blog-app-card__desc{color:#cbd5e1}.blog-app-card__actions{margin-top:.25rem}.blog-app-card__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .95rem;border-radius:.6rem;font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.blog-app-card__btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px -6px #2563eb73}@media(max-width:680px){.blog-app-card{grid-template-columns:1fr}.blog-app-card__media{max-height:190px}}.blog-reader__figure{margin:1.35rem 0;border-radius:.95rem;overflow:hidden;border:1px solid rgba(148,163,184,.25);background:#0f172a0a}body.dark .blog-reader__figure{background:#0f172a99;border-color:#94a3b833}.blog-reader__figure-img{width:100%;max-height:420px;object-fit:cover;display:block}.blog-reader__figcaption{padding:.55rem .9rem;font-size:.78rem;color:#64748b;text-align:center}body.dark .blog-reader__figcaption{color:#94a3b8}.blog-reader__inline-link{color:#2563eb;font-weight:700;text-decoration:underline;text-underline-offset:3px}body.dark .blog-reader__inline-link{color:#60a5fa}.blog-card__cover-link,.blog-card__cover-link:link,.blog-card__cover-link:visited{display:block;margin:-.25rem -.25rem .65rem;border-radius:.75rem;overflow:hidden;max-height:175px;background:#f1f5f9bf;border:1px solid rgba(148,163,184,.2);text-decoration:none!important;color:transparent!important}body.dark .blog-card__cover-link{background:#0f172aa6}.blog-card__cover-thumb{width:100%;height:165px;object-fit:cover;display:block;transition:transform .25s ease}.blog-card:hover .blog-card__cover-thumb{transform:scale(1.02)}.blog-auto-seo-bar__badge{display:inline-flex;align-items:center;padding:.14rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.blog-auto-seo-bar__badge--ok{background:#10b98124;color:#047857;border:1px solid rgba(16,185,129,.32)}body.dark .blog-auto-seo-bar__badge--ok{background:#10b98133;color:#34d399;border-color:#34d39959}.blog-auto-seo-bar__badge--warn{background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.32)}body.dark .blog-auto-seo-bar__badge--warn{background:#f59e0b33;color:#fbbf24;border-color:#fbbf2459}.blog-local-image-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.65rem .85rem;border-radius:.85rem;background:#ffffffd9;border:1px solid rgba(59,130,246,.3)}body.dark .blog-local-image-bar{background:#0f172ac7;border-color:#60a5fa4d}.blog-local-image-bar__thumb{width:96px;height:58px;object-fit:cover;border-radius:.55rem;border:1px solid rgba(148,163,184,.3);flex-shrink:0}.blog-local-image-bar__info{display:flex;flex-direction:column;gap:.15rem;flex:1 1 180px;font-size:.78rem;color:#475569}.blog-local-image-bar__info strong{font-size:.84rem;color:#0f172a}body.dark .blog-local-image-bar__info{color:#94a3b8}body.dark .blog-local-image-bar__info strong{color:#f8fafc}.blog-local-image-bar__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.blog-auto-callout-preview{margin-top:.35rem}.blog-auto-callout-preview .blog-callout-box{margin:0}.blog-reader__size-control{display:inline-flex;align-items:center;gap:.42rem;padding:.28rem .65rem;border-radius:.72rem;background:#f1f5f9eb;border:1px solid rgba(203,213,225,.88);transition:border-color .16s ease,box-shadow .16s ease}body.dark .blog-reader__size-control{background:#1e293bdb;border-color:#94a3b83d}.blog-reader__size-label{font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#475569;white-space:nowrap}body.dark .blog-reader__size-label{color:#cbd5e1}.blog-reader__size-step-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.55rem;padding:0 .32rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.35);background:#ffffffe6;color:#1e293b;font-size:.72rem;font-weight:800;cursor:pointer;transition:all .14s ease}.blog-reader__size-step-btn--lg{font-size:.8rem}body.dark .blog-reader__size-step-btn{background:#0f172ad9;border-color:#94a3b847;color:#f1f5f9}.blog-reader__size-step-btn:hover:not(:disabled){border-color:var(--primary-color-light);color:var(--primary-color-light)}.blog-reader__size-step-btn:disabled{opacity:.42;cursor:not-allowed}.blog-reader__size-slider{width:6.25rem;height:.34rem;accent-color:var(--primary-color-light, #2563eb);cursor:pointer;margin:0 .1rem}.blog-reader__size-value{padding:.18rem .45rem;border-radius:.42rem;border:1px solid transparent;background:rgba(var(--primary-rgb),.1);color:var(--primary-color-light);font-size:.72rem;font-weight:800;cursor:pointer;white-space:nowrap}body.dark .blog-reader__size-value{background:rgba(var(--primary-rgb),.22);color:#93c5fd}.blog-reader__size-value--active{border-color:rgba(var(--primary-rgb),.45)}.blog-reader__content{--blog-content-scale: 1;font-size:calc(1.06rem * var(--blog-content-scale, 1));line-height:1.85;transition:font-size .12s ease}.blog-reader__content--scale-80{--blog-content-scale: .8}.blog-reader__content--scale-85{--blog-content-scale: .85}.blog-reader__content--scale-90{--blog-content-scale: .9}.blog-reader__content--scale-95{--blog-content-scale: .95}.blog-reader__content--scale-100{--blog-content-scale: 1}.blog-reader__content--scale-105{--blog-content-scale: 1.05}.blog-reader__content--scale-110{--blog-content-scale: 1.1}.blog-reader__content--scale-115{--blog-content-scale: 1.15}.blog-reader__content--scale-120{--blog-content-scale: 1.2}.blog-reader__content--scale-125{--blog-content-scale: 1.25}.blog-reader__content--scale-130{--blog-content-scale: 1.3}.blog-reader__content--scale-135{--blog-content-scale: 1.35}.blog-reader__content--scale-140{--blog-content-scale: 1.4}.blog-reader__content--scale-145{--blog-content-scale: 1.45}.blog-reader__content--scale-150{--blog-content-scale: 1.5}.blog-reader__content .blog-reader__h2{font-size:calc(1.38rem * var(--blog-content-scale, 1))}.blog-reader__content .blog-reader__h3{font-size:calc(1.14rem * var(--blog-content-scale, 1))}.blog-reader__content .blog-callout-box__hanzi{font-size:calc(1.5rem * var(--blog-content-scale, 1))}.blog-reader__content .blog-callout-box__pinyin{font-size:calc(.95rem * var(--blog-content-scale, 1))}.blog-reader__content .blog-callout-box__english{font-size:calc(.88rem * var(--blog-content-scale, 1))}.blog-reader__content .blog-callout-box__note{font-size:calc(.82rem * var(--blog-content-scale, 1))}@media(max-width:640px){.blog-reader__size-control{width:100%;justify-content:space-between}.blog-reader__size-slider{flex:1 1 auto;width:auto}}