*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit}.card-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeInOverlay .15s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.card-modal{background:var(--bg2);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;padding:32px 28px 28px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-modal-close{position:absolute;top:14px;right:14px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.card-modal-close:hover{color:var(--text);border-color:var(--text2)}.card-modal-hanzi{font-size:5rem;line-height:1;font-weight:400;color:var(--text);margin-bottom:4px}.card-modal-pinyin{font-size:1.3rem;color:var(--accent2);font-style:italic;font-weight:500}.card-modal-transcription{font-size:.95rem;color:var(--text2)}.card-modal-meaning{font-size:1.05rem;color:var(--text);text-align:center;margin:4px 0}.card-modal-radical{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--bg3);padding:6px 14px;border-radius:8px;margin:4px 0 12px}.card-modal-radical-secondary{justify-content:center}.card-modal-radical-char{font-size:1.3rem;color:var(--blue)}.card-modal-radical-label{font-size:.82rem;color:var(--text2)}.card-item-clickable{cursor:pointer}.card-item-clickable:hover{border-color:var(--accent)!important}@media(max-width:640px){.card-modal{padding:28px 20px 24px;max-height:95vh}.card-modal-hanzi{font-size:4rem}}.public-page{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.public-back-link{color:var(--text2);text-decoration:none;font-size:.9rem;transition:color .2s}.public-back-link:hover{color:var(--text)}.public-word-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 24px 64px;max-width:560px;margin:0 auto;width:100%}.public-word-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.public-word-hanzi{font-size:7rem;line-height:1;font-weight:400}.public-word-pinyin{font-size:1.5rem;color:var(--accent2);font-style:italic;font-weight:500}.public-word-transcription{font-size:1.1rem;color:var(--text2)}.public-word-meaning{font-size:1.2rem;color:var(--text);text-align:center;margin:4px 0}.public-word-radical{display:flex;align-items:center;gap:8px;background:var(--bg3);padding:6px 16px;border-radius:8px;margin-top:4px}.public-word-radical-char{font-size:1.4rem;color:var(--blue)}.public-word-radical-text{font-size:.85rem;color:var(--text2)}.public-word-meta{display:flex;gap:8px;margin-top:8px}.public-word-tag{background:var(--bg3);color:var(--text2);font-size:.75rem;padding:3px 10px;border-radius:8px}.public-word-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.public-word-cta-text{color:var(--text2);font-size:.95rem}.public-word-nav{display:flex;justify-content:space-between;width:100%;gap:12px}.public-word-nav-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);padding:10px 16px;border-radius:var(--radius);text-decoration:none;font-size:.9rem;transition:all .15s;display:flex;align-items:center;gap:8px}.public-word-nav-btn span{color:var(--text2);font-size:.8rem}.public-word-nav-btn:hover{border-color:var(--accent);color:var(--text)}.public-list-main{flex:1;padding:0 24px 64px;max-width:960px;margin:0 auto;width:100%}.public-list-hero{padding:48px 0 32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.public-list-title{font-size:2.2rem;font-weight:800}.public-list-subtitle{color:var(--text2);font-size:1rem}.public-list-search{max-width:400px;margin-top:8px}.public-list-count{color:var(--text2);font-size:.85rem;margin-bottom:16px}.public-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.public-list-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,transform .15s}.public-list-card:hover{border-color:var(--accent);transform:translateY(-2px)}.public-list-hanzi{font-size:2rem;line-height:1;color:var(--text)}.public-list-pinyin{font-size:.82rem;color:var(--accent2);font-style:italic}.public-list-transcription{font-size:.75rem;color:var(--text2)}.public-list-meaning{font-size:.82rem;color:var(--text2);margin-top:2px}.public-list-cta{text-align:center;padding:64px 0 0;display:flex;flex-direction:column;align-items:center;gap:12px}.public-list-cta h2{font-size:1.6rem}.public-list-cta p{color:var(--text2)}.public-not-found{padding:60px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;color:var(--text2)}@media(max-width:640px){.public-word-hanzi{font-size:5rem}.public-word-main{padding:32px 16px 48px}.public-list-grid{grid-template-columns:repeat(2,1fr)}.public-list-hero{padding:32px 0 24px}.public-list-title{font-size:1.7rem}}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{position:relative;width:100%;max-width:420px}.auth-modal-close{position:absolute;top:-12px;right:-12px;z-index:10;background:var(--bg3);border:1px solid var(--border);color:var(--text2);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.auth-modal-close:hover{color:var(--text);border-color:var(--text2)}.landing{min-height:100vh;background:var(--bg);color:var(--text)}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;position:sticky;top:0;background:#0f0f13d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.landing-logo{font-size:1.8rem;font-weight:700;color:var(--accent)}.landing-login-btn{background:none;border:1px solid var(--border);color:var(--text2);padding:7px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.landing-login-btn:hover{border-color:var(--accent);color:var(--text)}.landing-hero{display:flex;justify-content:center;padding:80px 24px 64px;text-align:center}.landing-hero-inner{max-width:640px;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-hero-tag{background:color-mix(in srgb,var(--accent) 15%,var(--bg2));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent);padding:4px 14px;border-radius:20px;font-size:.82rem;font-weight:600;letter-spacing:.04em}.landing-h1{font-size:3.2rem;font-weight:800;line-height:1.15}.landing-accent{color:var(--accent)}.landing-hero-desc{color:var(--text2);font-size:1.05rem;line-height:1.6;max-width:480px}.landing-cta{background:var(--accent);color:#fff;border:none;padding:14px 32px;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;margin-top:4px}.landing-cta:hover{opacity:.9;transform:translateY(-2px)}.landing-stats{display:flex;justify-content:center;align-items:center;gap:0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 16px;flex-wrap:wrap}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 40px}.landing-stat-num{font-size:1.8rem;font-weight:800;color:var(--text)}.landing-stat-label{font-size:.8rem;color:var(--text2)}.card-modal-mnemonic-image{width:100%;max-width:320px;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin:4px 0 8px}.admin-words{display:flex;flex-direction:column;gap:14px}.admin-words-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-words-topbar h2{margin:0}.admin-words-actions{display:flex;gap:8px}.admin-preview-controls{display:inline-flex;gap:8px}.admin-preview-select{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.admin-words-hint,.admin-words-warning,.admin-words-message,.admin-words-error{margin:0;font-size:.88rem}.admin-words-hint{color:var(--text2)}.admin-words-warning{color:#d7b04f}.admin-words-message{color:#6cd19a}.admin-words-error{color:#f57a7a}.admin-words-layout{display:grid;grid-template-columns:260px 1fr;gap:14px}.admin-words-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);padding:8px;max-height:72vh;overflow:auto;display:flex;flex-direction:column;gap:6px}.admin-list-head{position:sticky;top:0;z-index:1;background:var(--bg2);padding-bottom:6px;display:flex;flex-direction:column;gap:6px}.admin-list-title{font-size:.78rem;color:var(--text2)}.admin-list-filter-tabs{display:flex;gap:6px}.admin-filter-tab{border:1px solid var(--border);background:var(--bg3);color:var(--text2);border-radius:999px;padding:4px 10px;font-size:.74rem;cursor:pointer}.admin-filter-tab.active{border-color:var(--accent);color:var(--text)}.admin-word-row{background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);text-align:left;padding:8px 10px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.admin-word-row.active{border-color:var(--accent)}.admin-word-row-hanzi{font-size:1.2rem}.admin-word-row-meta,.admin-word-row-flag{font-size:.78rem;color:var(--text2)}.admin-word-row-flag{color:#d7b04f}.admin-words-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);padding:14px;display:flex;flex-direction:column;gap:10px}.admin-words-form label{display:flex;flex-direction:column;gap:4px;color:var(--text2);font-size:.82rem}.admin-words-form input,.admin-words-form textarea{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.9rem}.admin-words-form textarea{resize:vertical}.admin-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-checkbox{justify-content:flex-end}.admin-checkbox input{margin-right:6px}.admin-image-block{display:flex;flex-direction:column;gap:8px}.admin-upload-btn{display:inline-flex;width:fit-content;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);cursor:pointer}.admin-upload-btn input{display:none}.admin-image-path{color:var(--text2);font-size:.75rem}.admin-image-preview{width:min(420px,100%);aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.admin-public-preview-modal{max-width:560px}.admin-public-preview-card{width:100%}@media(max-width:920px){.admin-words-layout{grid-template-columns:1fr}.admin-words-list{max-height:220px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-stat-divider{width:1px;height:40px;background:var(--border)}.landing-section{padding:64px 24px;max-width:900px;margin:0 auto}.landing-section-alt{background:var(--bg2);max-width:100%;padding:64px 24px}.landing-section-alt>*{max-width:900px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:16px}.landing-section-desc{text-align:center;color:var(--text2);font-size:.95rem;margin:0 auto 28px;max-width:520px;line-height:1.6}.landing-lesson-tabs-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.landing-lesson-tab-item{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px}.landing-lesson-tab-name{font-weight:700;font-size:.95rem;color:var(--accent);margin-bottom:6px}.landing-lesson-tab-desc{font-size:.82rem;color:var(--text2);line-height:1.5}.landing-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.landing-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;transition:border-color .2s,transform .15s}.landing-card:hover{border-color:var(--accent);transform:translateY(-2px)}.landing-card-hanzi{font-size:2.2rem;line-height:1;font-weight:400}.landing-card-pinyin{font-size:.85rem;color:var(--accent2);font-style:italic}.landing-card-ru{font-size:.75rem;color:var(--text2)}.landing-card-meaning{font-size:.82rem;color:var(--text);margin-top:4px}.landing-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:900px;margin:0 auto}.landing-feature{display:flex;gap:16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.landing-feature-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.landing-feature-title{font-size:.95rem;font-weight:700;margin-bottom:6px}.landing-feature-desc{font-size:.85rem;color:var(--text2);line-height:1.5}.landing-steps{display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto}.landing-step{display:flex;gap:16px;align-items:flex-start}.landing-step-num{background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.landing-step-text{font-size:.95rem;color:var(--text2);line-height:1.5}.landing-step-text strong{color:var(--text)}.landing-bottom-cta{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:color-mix(in srgb,var(--accent) 6%,var(--bg));border-top:1px solid var(--border)}.landing-bottom-cta-title{font-size:2rem;font-weight:700}.landing-bottom-cta-desc{color:var(--text2);font-size:1rem}.landing-footer{text-align:center;padding:20px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text2);opacity:.5}@media(max-width:640px){.landing-header{padding:14px 16px}.landing-hero{padding:48px 16px 40px}.landing-h1{font-size:2.2rem}.landing-stat{padding:0 20px}.landing-stat-divider{display:none}.landing-stats{gap:16px}.landing-section,.landing-section-alt{padding:40px 16px}.landing-cards-grid{grid-template-columns:repeat(3,1fr)}.landing-features{grid-template-columns:1fr}.landing-bottom-cta{padding:56px 16px}.landing-bottom-cta-title{font-size:1.6rem}}.auth-screen{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-loading-text{color:var(--text2);font-size:.9rem}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.auth-logo{font-size:3rem;color:var(--accent);font-weight:700;line-height:1}.auth-title{font-size:1.2rem;font-weight:600;color:var(--text2);margin-top:-10px}.auth-tabs{display:flex;gap:0;background:var(--bg3);border-radius:10px;padding:4px;width:100%}.auth-tab{flex:1;background:none;border:none;color:var(--text2);padding:8px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.auth-tab.active{background:var(--accent);color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px;width:100%}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.82rem;color:var(--text2);font-weight:500}.auth-input{background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px;font-size:.95rem;outline:none;transition:border-color .2s;font-family:inherit}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text2);opacity:.6}.auth-error{background:color-mix(in srgb,var(--red) 15%,var(--bg3));border:1px solid var(--red);color:var(--red);padding:10px 14px;border-radius:8px;font-size:.85rem}.auth-message{background:color-mix(in srgb,var(--green) 15%,var(--bg3));border:1px solid var(--green);color:var(--green);padding:10px 14px;border-radius:8px;font-size:.85rem}.auth-submit{background:var(--accent);border:none;color:#fff;padding:13px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:4px;font-family:inherit}.auth-submit:hover:not(:disabled){opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-hint{font-size:.78rem;color:var(--text2);text-align:center;opacity:.7;line-height:1.4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f13;--bg2: #1a1a24;--bg3: #252535;--border: #2e2e45;--text: #e8e8f0;--text2: #9090b0;--accent: #c84b4b;--accent2: #e8734a;--green: #4caf82;--blue: #5b8dee;--yellow: #e8c84a;--red: #e05555;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.4)}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:10px}.app-logo{font-size:1.6rem;font-weight:700;color:var(--accent)}.app-title{font-size:1rem;font-weight:600;color:var(--text2);display:none}@media(min-width:480px){.app-title{display:block}}.app-nav{display:flex;gap:6px}.header-user{display:flex;align-items:center;gap:10px;margin-left:12px}.sync-indicator{font-size:.85rem;color:var(--blue);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-email{font-size:.78rem;color:var(--text2);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media(min-width:600px){.user-email{display:block}}.sign-out-btn{background:none;border:1px solid var(--border);color:var(--text2);padding:5px 12px;border-radius:8px;cursor:pointer;font-size:.78rem;transition:all .2s;white-space:nowrap}.sign-out-btn:hover{border-color:var(--red);color:var(--red)}.nav-btn{background:none;border:1px solid transparent;color:var(--text2);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:6px}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.badge{background:#fff;color:var(--accent);font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.app-main{flex:1;padding:24px 16px;max-width:860px;margin:0 auto;width:100%}.home-view{display:flex;flex-direction:column;align-items:center;gap:32px;padding-top:24px}.home-title{font-size:2.4rem;font-weight:800;text-align:center}.accent{color:var(--accent)}.home-subtitle{color:var(--text2);font-size:1rem;text-align:center;margin-top:-20px}.stats-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 28px;text-align:center;min-width:100px}.stat-card.highlight{border-color:var(--accent)}.stat-card.green{border-color:var(--green)}.stat-card.blue{border-color:var(--blue)}.stat-card-num{font-size:2rem;font-weight:800;line-height:1}.stat-card.highlight .stat-card-num{color:var(--accent)}.stat-card.green .stat-card-num{color:var(--green)}.stat-card.blue .stat-card-num{color:var(--blue)}.stat-card-label{font-size:.8rem;color:var(--text2);margin-top:6px}.home-actions{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;max-width:360px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:14px 28px;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:opacity .2s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-large{font-size:1.1rem;padding:16px 32px}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border);padding:12px 24px;border-radius:var(--radius);font-size:.95rem;cursor:pointer;width:100%;transition:background .2s}.btn-secondary:hover{background:var(--border)}.btn-reset{background:none;border:none;color:var(--text2);font-size:.8rem;cursor:pointer;text-decoration:underline;opacity:.6}.btn-reset:hover{opacity:1;color:var(--red)}.how-it-works{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:500px}.how-it-works h3{color:var(--text2);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.steps{display:flex;flex-direction:column;gap:12px}.step{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text2);line-height:1.4}.step-icon{background:var(--bg3);color:var(--accent);font-weight:700;font-size:.8rem;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flashcard-status-bar{display:flex;justify-content:flex-end;width:100%;max-width:420px}.learned-toggle{background:var(--bg2);border:1px solid var(--border);color:var(--text2);padding:5px 14px;border-radius:20px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s;white-space:nowrap}.learned-toggle:hover,.learned-toggle.is-learned{border-color:var(--green);color:var(--green)}.learned-toggle.is-learned:hover{border-color:var(--blue);color:var(--blue)}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.flashcard{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;overflow:hidden}.flashcard-front{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;min-height:260px}.flashcard-back{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:var(--bg3);min-height:260px;gap:10px}.hanzi-large{font-size:6rem;line-height:1;font-weight:400;color:var(--text);text-shadow:0 2px 8px rgba(200,75,75,.2)}.hanzi-medium{font-size:3.5rem;line-height:1;margin-bottom:16px}.tap-hint{margin-top:24px;font-size:.8rem;color:var(--text2);opacity:.6}.pinyin{font-size:1.4rem;color:var(--accent2);font-weight:500;font-style:italic}.transcription-ru{font-size:1rem;color:var(--text2);margin-bottom:10px}.meaning{font-size:1.15rem;color:var(--text);text-align:center;margin-bottom:20px}.radical-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text2);background:var(--bg2);padding:8px 16px;border-radius:8px}.radical-label{color:var(--text2)}.radical{font-size:1.2rem;color:var(--blue)}.radical-meaning{color:var(--text2)}.show-answer-btn{width:100%;max-width:420px;padding:14px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.show-answer-btn:hover{background:var(--border);border-color:var(--text2)}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:420px}.grade-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.78rem;font-weight:600;transition:all .15s;background:var(--bg2);color:var(--text)}.grade-btn:hover{transform:translateY(-2px)}.grade-icon{font-size:1.2rem}.grade-again{border-color:var(--red);color:var(--red)}.grade-again:hover{background:var(--red);color:#fff}.grade-hard{border-color:var(--yellow);color:var(--yellow)}.grade-hard:hover{background:var(--yellow);color:#111}.grade-good{border-color:var(--blue);color:var(--blue)}.grade-good:hover{background:var(--blue);color:#fff}.grade-easy{border-color:var(--green);color:var(--green)}.grade-easy:hover{background:var(--green);color:#fff}.review-mode{display:flex;flex-direction:column;align-items:center;gap:24px}.review-progress{width:100%;max-width:420px}.progress-text{font-size:.85rem;color:var(--text2);text-align:right;margin-bottom:6px}.progress-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.review-done{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center}.done-icon{font-size:4rem}.review-done h2{font-size:1.8rem}.review-done p{color:var(--text2);font-size:1rem}.review-done strong{color:var(--text)}.done-hint{font-size:.85rem!important}.card-list{display:flex;flex-direction:column;gap:16px}.list-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem}.stat{color:var(--text2)}.stat-num{font-weight:700;color:var(--text)}.stat-new .stat-num{color:var(--text2)}.stat-studying .stat-num{color:var(--blue)}.stat-due .stat-num{color:var(--accent)}.stat-learned .stat-num{color:var(--green)}.list-controls{display:flex;flex-direction:column;gap:10px}.search-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:.95rem;width:100%;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text2)}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab{background:var(--bg2);border:1px solid var(--border);color:var(--text2);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.82rem;transition:all .15s}.filter-tab:hover{border-color:var(--accent);color:var(--text)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.card-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,transform .15s}.card-item:hover{transform:translateY(-1px);border-color:var(--text2)}.card-item.status-new{opacity:.55}.card-item.status-studying{border-color:var(--blue)}.card-item.status-due{border-color:var(--accent)}.card-item.status-learned{opacity:.45;border-color:var(--green)}.card-item-hanzi{font-size:2rem;line-height:1;font-weight:400}.card-item-pinyin{font-size:.85rem;color:var(--accent2);font-style:italic}.card-item-transcription{font-size:.78rem;color:var(--text2)}.card-item-meaning{font-size:.82rem;color:var(--text2);line-height:1.3}.card-item-radical{display:flex;align-items:center;gap:6px;margin-top:4px}.radical-badge{background:var(--bg3);color:var(--blue);padding:2px 8px;border-radius:6px;font-size:1rem}.radical-name{font-size:.75rem;color:var(--text2)}.card-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.card-interval{font-size:.75rem;color:var(--text2)}.status-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);padding:4px 10px;border-radius:6px;font-size:.72rem;cursor:pointer;transition:all .15s;white-space:nowrap;font-weight:600}.status-btn-new{color:var(--text2)}.status-btn-new:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--bg3))}.status-btn-studying{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,var(--bg3))}.status-btn-studying:hover,.status-btn-learned{background:var(--green);border-color:var(--green);color:#fff}.status-btn-learned:hover{background:color-mix(in srgb,var(--blue) 60%,var(--bg3));border-color:var(--blue);color:#fff}.empty-message{text-align:center;color:var(--text2);padding:40px;font-size:.9rem}.radical-list{display:flex;flex-direction:column;gap:20px}.radical-list-title{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px}.radical-count{background:var(--bg3);color:var(--text2);font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:12px}.radical-list-subtitle{color:var(--text2);font-size:.85rem;margin-top:4px}.radical-controls{display:flex;flex-direction:column;gap:10px}.strokes-filter{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.stroke-btn{background:var(--bg2);border:1px solid var(--border);color:var(--text2);padding:4px 10px;border-radius:16px;cursor:pointer;font-size:.78rem;transition:all .15s;min-width:32px;text-align:center}.stroke-btn:hover{border-color:var(--blue);color:var(--text)}.stroke-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.radical-group-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.radical-group-strokes{font-size:1.1rem;font-weight:700;color:var(--blue)}.radical-group-label{font-size:.8rem;color:var(--text2)}.radical-group-count{margin-left:auto;font-size:.75rem;color:var(--text2);background:var(--bg3);padding:2px 8px;border-radius:8px}.radical-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.radical-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 6px 8px;cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.radical-card:hover{border-color:var(--blue);transform:translateY(-1px)}.radical-card.active{border-color:var(--blue);background:var(--bg3)}.radical-card.has-words{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.rc-char{font-size:1.8rem;line-height:1;font-weight:400}.rc-pinyin{font-size:.68rem;color:var(--accent2);font-style:italic}.rc-transcription{font-size:.6rem;color:var(--text2)}.rc-meaning{font-size:.65rem;color:var(--text2);line-height:1.2;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-badge{position:absolute;top:4px;right:4px;background:var(--accent);color:#fff;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:4px;line-height:1.4}.radical-detail{background:var(--bg2);border:1px solid var(--blue);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.radical-detail-close{position:absolute;top:12px;right:12px;background:var(--bg3);border:none;color:var(--text2);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center}.radical-detail-close:hover{color:var(--text);background:var(--border)}.radical-detail-char{font-size:5rem;line-height:1;font-weight:400;color:var(--text)}.radical-detail-pinyin{font-size:1.3rem;color:var(--accent2);font-style:italic}.radical-detail-transcription{font-size:1rem;color:var(--text2)}.radical-detail-meaning{font-size:1.05rem;color:var(--text)}.radical-detail-meta{display:flex;gap:8px;margin-top:4px}.radical-detail-tag{background:var(--bg3);color:var(--text2);font-size:.75rem;padding:3px 10px;border-radius:8px}.radical-words{width:100%;margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.radical-words-title{font-size:.8rem;color:var(--text2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.radical-words-list{display:flex;flex-direction:column;gap:6px}.radical-word-item{display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--bg3);border-radius:8px}.rwi-hanzi{font-size:1.3rem;min-width:40px}.rwi-phonetics{display:flex;flex-direction:column;gap:2px;min-width:80px}.rwi-pinyin{font-size:.82rem;color:var(--accent2);font-style:italic}.rwi-transcription{font-size:.72rem;color:var(--text2)}.rwi-meaning{font-size:.82rem;color:var(--text2)}.bottom-nav{display:none}@media(max-width:640px){.desktop-nav{display:none}.user-email{display:none!important}.app-header{padding:10px 16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:none;border:none;color:var(--text2);cursor:pointer;transition:color .15s;position:relative}.bottom-nav-btn.active{color:var(--accent)}.bottom-nav-icon{font-size:1.3rem;line-height:1;position:relative}.bottom-nav-label{font-size:.65rem;font-weight:500}.bottom-badge{position:absolute;top:-4px;right:-8px;background:var(--accent);color:#fff;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:8px;line-height:1.4;font-style:normal}.app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.stat-card{padding:16px 12px;min-width:unset}.grade-buttons{grid-template-columns:repeat(2,1fr)}.hanzi-large{font-size:4.5rem}.flashcard-front{padding:36px 20px;min-height:220px}.flashcard-back{padding:24px 20px;min-height:220px}.cards-grid{grid-template-columns:repeat(2,1fr)}.radical-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.home-title{font-size:1.8rem}.home-view{padding-top:12px;gap:20px}.lessons-grid{grid-template-columns:1fr}.lesson-tabs{gap:6px}.lesson-tab{padding:6px 10px;font-size:.8rem}.lesson-words{grid-template-columns:repeat(2,1fr)}.match-columns{flex-direction:column;gap:8px}.match-col{flex-direction:row;flex-wrap:wrap}.match-btn{flex:1;min-width:80px}}.lesson-list{display:flex;flex-direction:column;gap:20px}.lesson-list-header h2{font-size:1.6rem;font-weight:700;color:var(--text1);margin:0 0 4px}.lesson-list-subtitle{color:var(--text2);font-size:.9rem;margin:0}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.lesson-card{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s,transform .1s}.lesson-card:hover{border-color:var(--accent);transform:translateY(-1px)}.lesson-card-done{border-color:var(--green)}.lesson-card-started{border-color:var(--accent2)}.lesson-card-num{width:40px;height:40px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--accent);flex-shrink:0}.lesson-card-done .lesson-card-num{background:var(--green);color:#fff;border-color:var(--green)}.lesson-card-started .lesson-card-num{background:var(--accent);color:#fff;border-color:var(--accent)}.lesson-card-body{flex:1;min-width:0}.lesson-card-title{font-weight:600;font-size:1rem;color:var(--text1);margin-bottom:2px}.lesson-card-meta{font-size:.78rem;color:var(--text2);margin-bottom:8px}.lesson-card-progress-bar{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;margin-bottom:6px}.lesson-card-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.lesson-card-done .lesson-card-progress-fill{background:var(--green)}.lesson-card-stats{font-size:.75rem}.lesson-badge-new{color:var(--text2)}.lesson-badge-started{color:var(--accent2);font-weight:600}.lesson-badge-done{color:var(--green);font-weight:600}.lesson-card-arrow{color:var(--text2);font-size:1.4rem;flex-shrink:0}.lesson-page{display:flex;flex-direction:column;gap:0}.lesson-page-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.lesson-back-btn{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--text2);cursor:pointer;font-size:.85rem;white-space:nowrap;transition:color .15s,border-color .15s}.lesson-back-btn:hover{color:var(--accent);border-color:var(--accent)}.lesson-page-title{flex:1}.lesson-page-num{font-size:.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.lesson-page-title h2{margin:0;font-size:1.3rem;color:var(--text1)}.lesson-add-all-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.lesson-add-all-btn:hover{opacity:.85}.lesson-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.lesson-tab{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:.85rem;font-weight:500;color:var(--text2);cursor:pointer;transition:all .15s}.lesson-tab:hover{border-color:var(--accent);color:var(--accent)}.lesson-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.lesson-goals,.lesson-dialogues,.lesson-control{display:flex;flex-direction:column;gap:16px}.lesson-block{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px}.lesson-block h3{margin:0 0 10px;font-size:1rem}.lesson-block h4{margin:10px 0 6px;font-size:.88rem;color:var(--text2)}.lesson-list-check{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--text1);font-size:.9rem}.lesson-service-words{color:var(--text1);font-size:.9rem}.lesson-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.lesson-word-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px 14px 12px;cursor:pointer;transition:border-color .15s;display:flex;flex-direction:column;gap:4px;min-height:120px}.lesson-word-card:hover{border-color:var(--accent)}.lesson-word-card.status-studying{border-color:var(--accent2)}.lesson-word-card.status-learned{border-color:var(--green)}.lesson-word-hanzi{font-size:2rem;font-weight:700;color:var(--text1);line-height:1.1}.lesson-word-pinyin{font-size:.82rem;color:var(--accent2);font-style:italic}.lesson-word-transcription{font-size:.72rem;color:var(--text2)}.lesson-word-meaning{font-size:.9rem;color:var(--text1);font-weight:600}.lesson-word-radical{display:flex;align-items:center;gap:6px;margin-top:4px}.lesson-word-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;gap:6px}.lesson-word-hint{font-size:.68rem;color:var(--text2)}.lesson-grammar{display:flex;flex-direction:column;gap:20px}.grammar-rule{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:14px 16px;font-size:.95rem;color:var(--text1);line-height:1.6}.grammar-examples{display:flex;flex-direction:column;gap:10px}.grammar-example{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.example-zh{font-size:1.2rem;font-weight:600;color:var(--text1);margin-bottom:2px}.example-pinyin{font-size:.8rem;color:var(--accent2);font-style:italic;margin-bottom:2px}.example-ru{font-size:.85rem;color:var(--text2)}.lesson-text{display:flex;flex-direction:column;gap:16px}.text-title{font-size:1.1rem;font-weight:600;color:var(--text1);margin:0}.text-lines{display:flex;flex-direction:column;gap:10px}.text-line{display:flex;gap:10px;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.text-speaker{font-size:.78rem;font-weight:700;color:var(--accent);min-width:60px;padding-top:3px;flex-shrink:0}.text-line-content{display:flex;flex-direction:column;gap:2px}.text-zh{font-size:1.05rem;font-weight:600;color:var(--text1)}.text-pinyin{font-size:.78rem;color:var(--accent2);font-style:italic}.text-ru{font-size:.82rem;color:var(--text2)}.lesson-exercises{display:flex;flex-direction:column;gap:24px}.exercise-block{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.exercise-num{font-size:.72rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.exercise-question{font-size:.95rem;color:var(--text1);font-weight:500;margin:0}.exercise-sentence{font-size:1.1rem;color:var(--text1);font-weight:600;margin:0}.exercise-hint{font-size:.8rem;color:var(--text2);margin:0}.exercise-options{display:flex;flex-wrap:wrap;gap:8px}.exercise-option{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:1rem;color:var(--text1);cursor:pointer;transition:all .15s}.exercise-option:hover{border-color:var(--accent);color:var(--accent)}.exercise-option.correct{background:#34c75926;border-color:var(--green);color:var(--green)}.exercise-option.wrong{background:#ff3b3026;border-color:#ff3b30;color:#ff3b30}.exercise-result{font-size:.9rem;font-weight:600;padding:8px 12px;border-radius:8px;margin:0}.result-correct{background:#34c7591f;color:var(--green)}.result-wrong{background:#ff3b301f;color:#ff3b30}.match-columns{display:flex;gap:12px}.match-col{flex:1;display:flex;flex-direction:column;gap:8px}.match-btn{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.95rem;color:var(--text1);cursor:pointer;transition:all .15s;text-align:center}.match-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.match-btn.selected{background:#6366f126;border-color:var(--accent);color:var(--accent)}.match-btn.matched{background:#34c7591f;border-color:var(--green);color:var(--green);opacity:.8}.match-btn.wrong{background:#ff3b301f;border-color:#ff3b30;color:#ff3b30}.match-btn:disabled{cursor:default}.exercises-complete{text-align:center;padding:32px 20px;background:var(--bg2);border:1px solid var(--green);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.exercises-complete-icon{font-size:2.5rem}.exercises-complete h3{margin:0;color:var(--text1);font-size:1.2rem}.exercises-complete p{margin:0;color:var(--text2);font-size:.9rem}.lesson-reading{display:flex;flex-direction:column;gap:28px;padding-bottom:32px}.reading-empty{color:var(--text2);text-align:center;padding:40px 0;font-size:.95rem}.reading-block{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.reading-num{font-size:.75rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;padding:10px 18px 0}.reading-text{font-size:1.45rem;line-height:2;color:var(--text1);padding:12px 18px 18px;border-bottom:1px solid var(--border);letter-spacing:.05em;word-break:break-all}.reading-questions{display:flex;flex-direction:column;gap:18px;padding:18px}.reading-question-block{display:flex;flex-direction:column;gap:10px}.reading-question{margin:0;font-size:.95rem;color:var(--text1);font-weight:500}.mnemonic-block{margin-top:14px;background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.mnemonic-block-inline{margin-top:10px;font-size:.82rem}.mnemonic-title{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.mnemonic-structure{font-size:.82rem;color:var(--accent2);font-style:italic}.mnemonic-association{font-size:.85rem;color:var(--text2);line-height:1.5}.mnemonic-char-row{display:flex;gap:10px;align-items:flex-start}.mnemonic-char{font-size:1.4rem;font-weight:700;color:var(--text1);min-width:32px;line-height:1.2}.mnemonic-char-info{display:flex;flex-direction:column;gap:2px;flex:1}.level-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.9rem;font-weight:600;cursor:pointer;outline:none}.level-select:focus{border-color:var(--accent)}.public-list-filters{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:10px}.level-filter-buttons{display:flex;gap:6px}.level-filter-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:.85rem;cursor:pointer;transition:all .15s}.level-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.level-filter-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.rwi-level{font-size:.7rem;padding:1px 6px;border-radius:4px;background:var(--surface);color:var(--text2);white-space:nowrap}