:root{--sun: #f97316;--sun-d: #ea580c;--ember: #c2410c;--terracotta: #9a3412;--earth: #78350f;--deep-earth: #451a03;--ochre: #d97706;--gold: #f59e0b;--gold-l: #fcd34d;--sand: #fef3c7;--cream: #fffbeb;--ivory: #fff8f0;--reed: #4d7c0f;--reed-l: #84cc16;--night: #1c0f08;--night-mid: #2c1810;--warm-mid: #92400e;--muted: #a8683a;--pale: #fed7aa;--primary-hue: 24;--primary: var(--sun);--primary-light: var(--sun-d);--primary-dark: var(--ember);--secondary-hue: 30;--secondary: var(--ochre);--secondary-light: var(--gold);--accent-hue: 45;--accent: var(--gold);--accent-green: var(--reed);--success: #28a745;--danger: #dc3545;--bg-primary: var(--cream);--bg-secondary: var(--ivory);--bg-glass: rgba(255, 248, 240, .92);--text-primary: var(--deep-earth);--text-secondary: var(--warm-mid);--text-muted: var(--muted);--border: rgba(120, 53, 15, .15);--border-d: rgba(120, 53, 15, .25);--shadow: rgba(120, 53, 15, .12);--pattern-opacity: .05;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Nunito", sans-serif;--mono: "IBM Plex Mono", monospace;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition-fast: .2s cubic-bezier(.2, .8, .2, 1);--transition-normal: .3s cubic-bezier(.2, .8, .2, 1);--transition-slow: .5s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--bg-primary: #1a0e08;--bg-secondary: #241510;--bg-glass: rgba(28, 15, 8, .95);--text-primary: #fef3c7;--text-secondary: #d4a574;--text-muted: #a8683a;--primary: #f97316;--primary-light: rgba(249, 115, 22, .15);--secondary: #fb923c;--accent: #fcd34d;--accent-green: #4d7c0f;--success: #4d7c0f;--border: rgba(254, 243, 199, .08);--border-d: rgba(254, 243, 199, .12);--shadow: rgba(0, 0, 0, .6);--pattern-opacity: .03;--ivory: #1a0e08;--sand: #241510;--pale: rgba(249, 115, 22, .12);--cream: #2c1810;--deep-earth: #fcd34d;--earth: #d4a574;--warm-mid: #d4a574;--muted: #a8683a;--gold-l: #fef3c7;--night: #1a0e08;--night-mid: #241510}[data-theme=dark] body{background:#1a0e08;background-image:radial-gradient(ellipse at 20% 50%,rgba(120,53,15,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(249,115,22,.04) 0%,transparent 40%)}[data-theme=dark] .header{background:#1a0e08f5;border-color:#fef3c70f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=dark] .translator-card{background:#241510;border-color:#fef3c71a;box-shadow:0 20px 80px #0006,0 4px 16px #0000004d}[data-theme=dark] .language-selector{background:#241510e6;border-color:#fef3c70f}[data-theme=dark] .lang-icon{background:#2c1810;border-color:#fef3c71a}[data-theme=dark] .lang-n{color:#fef3c7}[data-theme=dark] .swap-circ{background:#2c1810;border-color:#fef3c71f}[data-theme=dark] .text-input{color:#fef3c7;border-color:#fef3c70f;caret-color:#fb923c}[data-theme=dark] .text-input::placeholder{color:#fef3c733}[data-theme=dark] .output-text{color:#fb923c}[data-theme=dark] .output-wrapper{background:#2c181080}[data-theme=dark] .output-actions-row,[data-theme=dark] .input-footer{background:#24151099;border-color:#fef3c70f}[data-theme=dark] .action-btn-mini{border-color:#fef3c71a;color:#a8683a}[data-theme=dark] .action-btn-mini:not(:disabled):hover{background:#f9731626;color:#fb923c;border-color:#fb923c}[data-theme=dark] .clear-btn{border-color:#fef3c71a;color:#a8683a}[data-theme=dark] .clear-btn:hover{background:#f9731626;color:#fb923c}[data-theme=dark] .history-chip{background:#2c1810;border-color:#fef3c714}[data-theme=dark] .history-chip:hover{background:#f973161f;border-color:#fb923c}[data-theme=dark] .hc-text{color:#d4a574}[data-theme=dark] .suggestions{background:#1a0e08;border-color:#fef3c70f}[data-theme=dark] .suggestion-item{background:#2c1810;border-color:#fef3c714}[data-theme=dark] .suggestion-item:hover{background:#f973161f;border-color:#fb923c}[data-theme=dark] .suggestion-item .luo{color:#fb923c}[data-theme=dark] .tools-nav{background:#1a0e08f7;border-color:#fef3c714;box-shadow:0 8px 40px #00000080}[data-theme=dark] .sidebar-group-toggle{color:#fef3c7}[data-theme=dark] .nav-item{color:#d4a574}[data-theme=dark] .nav-item:hover{background:#f973161a;color:#fb923c}[data-theme=dark] .bottom-nav{background:#1a0e08f7;border-color:#fef3c70f}[data-theme=dark] .hero-left{background:#1a0e08}[data-theme=dark] .hero-quote{background:#241510;border-left-color:#f9731666}[data-theme=dark] .hero-quote p{color:#d4a574}[data-theme=dark] .confidence-badge.exact{background:#4d7c0f4d;color:#86efac}[data-theme=dark] .meta-badge{background:#f973161f;border-color:#f9731633;color:#fb923c}[data-theme=dark] .modal-overlay{background:#0a0502cc}[data-theme=dark] .modal-content{background:#1a0e08;border-color:#fef3c714}[data-theme=dark] .features-section{background:#241510}[data-theme=dark] .feat-card{background:#2c1810;border-color:#fef3c70f}[data-theme=dark] .site-footer{background:#0f0906;border-color:#fef3c70a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fef3c71a}[data-theme=dark] .autocomplete-dropdown{background:#241510;border-color:#fef3c71a}[data-theme=dark] .autocomplete-item:hover,[data-theme=dark] .autocomplete-item.selected{background:#f973161f}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(249,115,22,.06) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(217,119,6,.05) 0%,transparent 40%)}h1,h2,h3,h4,h5,h6{font-family:var(--serif)}button,input,textarea,select{color:inherit}::selection{background:#f9731640;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{min-height:100vh}.app-container:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:var(--pattern-opacity);background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--earth) 8px,var(--earth) 10px),repeating-linear-gradient(90deg,transparent,transparent 8px,var(--earth) 8px,var(--earth) 10px);background-size:20px 20px}.header{padding:0 52px;min-height:68px;padding-top:env(safe-area-inset-top,0px);padding-bottom:0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:200;background:#fff8f0f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:2px solid var(--border-d, var(--border));transition:box-shadow var(--transition-normal);box-sizing:border-box}.header:hover{box-shadow:0 4px 20px -4px var(--shadow)}@media(max-width:768px){.header{padding:.75rem 1rem;padding-top:calc(env(safe-area-inset-top,0px) + .75rem);padding-bottom:.75rem;min-height:auto}}.logo{display:flex;align-items:center;gap:1rem}.logo-link{cursor:pointer}.logo-icon{display:block;transition:transform var(--transition-bounce)}.logo-icon:hover{transform:scale(1.1) rotate(5deg)}.logo h1{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--deep-earth);line-height:1;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;animation:none}.logo-subtitle{display:block;margin-top:1px;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:768px){.logo h1{font-size:1.25rem}.logo-subtitle{font-size:.55rem}}.theme-toggle{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:var(--transition-fast);color:var(--primary)}.theme-toggle:hover{background:var(--primary);color:#fff;transform:rotate(15deg)}.main-content{max-width:800px;margin:0 auto;padding:1rem 1.5rem 4rem}@media(max-width:768px){.main-content{padding:.75rem .25rem 6rem}}.translator-card{background:var(--ivory, #fff8f0);border:2px solid var(--border-d, rgba(120, 53, 15, .25));border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #78350f26,0 4px 16px #78350f14;max-width:100%;position:relative;transition:box-shadow var(--transition-normal);animation:cardEntrance .5s cubic-bezier(.2,.8,.2,1);padding:0}.translator-card:hover{box-shadow:0 24px 80px #78350f2e,0 8px 24px #78350f1a}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.translator-card{border-radius:16px}}.translator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,var(--deep-earth, #451a03) 0px,var(--deep-earth, #451a03) 12px,var(--ember, #c2410c) 12px,var(--ember, #c2410c) 28px,var(--ochre, #d97706) 28px,var(--ochre, #d97706) 40px,var(--gold, #f59e0b) 40px,var(--gold, #f59e0b) 52px,var(--reed, #4d7c0f) 52px,var(--reed, #4d7c0f) 60px,var(--gold, #f59e0b) 60px,var(--gold, #f59e0b) 68px,var(--ochre, #d97706) 68px,var(--ochre, #d97706) 80px,var(--ember, #c2410c) 80px,var(--ember, #c2410c) 96px,var(--deep-earth, #451a03) 96px,var(--deep-earth, #451a03) 108px);box-shadow:0 2px 6px #78350f40;z-index:2}.language-selector{display:grid;grid-template-columns:1fr 60px 1fr;border-bottom:2px solid var(--border, rgba(120, 53, 15, .15));background:var(--pale, #fed7aa)}@media(max-width:768px){.language-selector{grid-template-columns:1fr 48px 1fr}}.lang-btn{padding:18px 24px;display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;font-family:var(--sans, "Nunito", sans-serif);text-align:left;transition:background .2s;color:var(--text-primary);font-weight:800;font-size:.92rem}@media(max-width:768px){.lang-btn{padding:14px 16px;gap:8px;font-size:.85rem}}.lang-btn:hover{background:#f973160f}.lang-btn.active{background:#f973161a;border-bottom:3px solid var(--sun, #f97316)}.lang-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;background:var(--sand, #fef3c7);border:2px solid var(--border-d, rgba(120, 53, 15, .25));color:var(--ember, #c2410c)}.lang-n{font-weight:800;font-size:.92rem;color:var(--deep-earth, #451a03);display:block}.lang-s{font-size:.7rem;color:var(--muted, #a8683a);font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;display:block;margin-top:1px}.swap-wrap{display:flex;align-items:center;justify-content:center}.swap-circ{width:40px;height:40px;border-radius:50%;background:var(--ivory, #fff8f0);border:2px solid var(--border-d, rgba(120, 53, 15, .25));color:var(--ember, #c2410c);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.swap-circ:hover{background:var(--sun, #f97316);color:#fff;border-color:var(--sun, #f97316);transform:rotate(180deg)}.input-wrapper,.output-wrapper{position:relative}.text-input{width:100%;min-height:160px;padding:28px 28px 12px;background:transparent;border:none;border-bottom:2px solid var(--border, rgba(120, 53, 15, .15));border-radius:0;font-family:var(--serif, "Cormorant Garamond", serif);font-size:1.15rem;font-weight:400;line-height:1.75;color:var(--deep-earth, #451a03);resize:none;transition:border-color .2s;box-shadow:none;caret-color:var(--sun, #f97316)}@media(max-width:768px){.text-input{min-height:120px;padding:20px 16px 10px;font-size:1rem}}.text-input:focus{outline:none;border-color:var(--sun, #f97316);box-shadow:none;background:transparent}.text-input::placeholder{color:#78350f40;font-style:italic}.output-wrapper{margin-top:0;min-height:160px;padding:28px 28px 12px;background:#fef3c780;border-bottom:2px solid var(--border, rgba(120, 53, 15, .15));border-radius:0;border:none;border-top:1px solid var(--border, rgba(120, 53, 15, .15))}@media(max-width:768px){.output-wrapper{min-height:120px;padding:20px 16px 10px}}[data-theme=dark] .output-wrapper{background:#2c181066}.output-wrapper.horizontal{display:block;padding:1.5rem;position:relative}.output-main-area{display:flex;flex-direction:column;position:relative;min-height:80px}.output-actions-row{display:flex;justify-content:center;gap:4px;padding:10px 20px;border-top:1px solid var(--border, rgba(120, 53, 15, .15));background:#fef3c780}.action-btn-mini{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border, rgba(120, 53, 15, .15));border-radius:8px;cursor:pointer;transition:all .2s;color:var(--muted, #a8683a)}.action-btn-mini:disabled{opacity:.35;cursor:not-allowed}.action-btn-mini:not(:disabled):hover{background:var(--pale, #fed7aa);color:var(--ember, #c2410c);border-color:var(--ember, #c2410c)}.action-btn-mini .action-icon{font-size:1.1rem;line-height:1}.action-btn-mini.favorited{background:var(--sun, #f97316);border-color:var(--sun, #f97316);color:#fff}.action-btn-mini.copied{background:var(--reed, #4d7c0f);border-color:var(--reed, #4d7c0f);color:#fff}.action-btn-mini.playing{background:var(--sun, #f97316);border-color:var(--sun, #f97316);color:#fff;animation:pulse-listen 1.2s ease-in-out infinite}.example-sentence-panel{padding:.75rem 1rem;background:#4d7c0f0f;border-top:1px dashed rgba(77,124,15,.25);animation:fadeIn .3s ease}.example-sentence-header{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--reed, #4d7c0f);margin-bottom:.35rem}.example-sentence-hide{background:transparent;border:none;color:var(--muted, #a8683a);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;font-weight:700}.example-sentence-hide:hover{color:var(--ember, #c2410c)}.example-sentence-text{margin:0;font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;color:var(--deep-earth, #451a03);font-size:.9rem;line-height:1.5}@keyframes pulse-listen{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.output-footer-inline{margin-top:auto;padding-top:1rem}@media(max-width:768px){.output-wrapper.horizontal{padding:20px 16px 10px}.action-btn-mini{width:34px;height:34px}}.output-text{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:1.25rem;line-height:1.75;color:var(--ember, #c2410c);font-weight:400}@media(max-width:768px){.output-text{font-size:1.05rem}}.output-text.empty{color:#78350f40;font-weight:400;font-style:italic;opacity:1}.confidence-badge{font-size:.7rem;padding:.3rem .8rem;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.confidence-badge.exact{background:var(--accent-green);color:#fff;box-shadow:0 2px 8px #60ac394d}.confidence-badge.fuzzy{background:var(--accent);color:#fff}.confidence-badge.partial{background:var(--text-muted);color:#fff}.entry-metadata{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .4s ease}.meta-badge{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase}.meta-badge.pos{background:#f973161a;color:var(--primary);border-color:#f9731633}.meta-badge.dialect{background:hsla(var(--secondary-hue),75%,45%,.1);color:var(--secondary);border-color:hsla(var(--secondary-hue),75%,45%,.2)}.meta-definition{font-size:1rem;color:var(--text-secondary);line-height:1.5;border-left:3px solid var(--accent);padding-left:.75rem;font-style:italic}.meta-examples{display:flex;flex-direction:column;gap:.5rem;background:var(--bg-primary);padding:.75rem;border-radius:var(--radius-md)}.meta-example-item{border-bottom:1px solid var(--border);padding-bottom:.4rem}.meta-example-item:last-child{border-bottom:none;padding-bottom:0}.ex-luo{font-weight:700;color:var(--text-primary);font-size:.95rem}.ex-eng{color:var(--text-muted);font-size:.85rem}.meta-label-small{font-size:.7rem;color:var(--text-muted);margin-bottom:.35rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sense-list{background:var(--bg-primary);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.45rem}.sense-item{display:flex;gap:.45rem;align-items:flex-start}.sense-index{font-size:.8rem;color:var(--text-muted);font-weight:700;min-width:1rem}.sense-content{display:flex;flex-direction:column;gap:.1rem}.sense-meaning{font-size:.92rem;color:var(--text-primary);font-weight:700;margin:0}.sense-meta{font-size:.78rem;color:var(--text-muted);margin:0}.meta-link-badge{cursor:pointer;text-transform:none;background:#3b82f614;border-color:#3b82f633;color:#2563eb}.meta-link-badge:hover{background:#3b82f624;transform:translateY(-1px)}.input-footer,.output-footer{padding:10px 20px;border-top:1px solid var(--border, rgba(120, 53, 15, .15));display:flex;justify-content:space-between;align-items:center;background:#fef3c780;position:relative}.input-footer>*,.output-footer>*{pointer-events:auto}.action-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.action-btn:active{transform:translateY(0) scale(.95)}.clear-btn{width:28px;height:28px;padding:0;background:transparent;border:1px solid rgba(120,53,15,.15);border-radius:6px;color:var(--muted, #a8683a);font-weight:600;cursor:pointer;transition:all .2s;font-size:0;display:flex;align-items:center;justify-content:center}.clear-btn:before{content:"✕";font-size:.75rem;font-weight:700}.clear-btn:hover{background:var(--pale, #fed7aa);color:var(--ember, #c2410c);border-color:var(--ember, #c2410c)}.clear-btn:active{transform:scale(.95)}.history-chips{display:flex;gap:6px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid rgba(120,53,15,.1)}.history-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;background:var(--sand, #fef3c7);border:1.5px solid rgba(120,53,15,.15);cursor:pointer;transition:all .2s;white-space:nowrap}.history-chip:hover{background:var(--pale, #fed7aa);border-color:var(--ember, #c2410c);transform:translateY(-1px)}.hc-icon{font-size:.65rem}.hc-text{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:.8rem;font-weight:600;color:var(--warm-mid, #92400e)}.char-count{font-size:.72rem;font-family:var(--mono, "IBM Plex Mono", monospace);color:var(--muted, #a8683a);letter-spacing:.02em}.suggestions{margin-top:0;padding:20px 28px;border-top:2px solid var(--border, rgba(120, 53, 15, .15));background:var(--ivory, #fff8f0)}.suggestions h3{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:1.1rem;font-weight:600;color:var(--deep-earth, #451a03);margin-bottom:12px}.suggestion-item{background:var(--sand, #fef3c7);border:1.5px solid rgba(120,53,15,.15);padding:8px 14px;border-radius:100px;font-size:.82rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:0;margin:0 6px 6px 0}.suggestion-item:hover{border-color:var(--ember, #c2410c);background:var(--pale, #fed7aa);transform:translateY(-1px);box-shadow:0 4px 12px #78350f14}.suggestion-item .luo{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:600;color:var(--ember, #c2410c);font-size:.88rem}.suggestion-item .english{color:var(--muted, #a8683a);font-size:.78rem}.suggestion-item .arrow{color:var(--ochre, #d97706);padding:0 6px;font-size:.7rem}.stats-bar{display:flex;justify-content:center;gap:2.5rem;margin-top:2.5rem;padding:1.5rem;background:var(--bg-glass);border-radius:var(--radius-xl);border:1px solid var(--border)}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.stat>span{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--primary);line-height:1}.stat span:last-child{font-size:.85rem;color:var(--text-muted);font-weight:500;text-align:center}.tools-nav{position:fixed;right:.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;z-index:100;background:#fff8f0f5;padding:10px;border-radius:16px;border:2px solid rgba(120,53,15,.15);box-shadow:0 8px 40px #78350f1f,0 2px 8px #78350f0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:auto;min-width:72px;max-height:80vh;overflow-y:auto}.tools-nav::-webkit-scrollbar{width:3px}.tools-nav::-webkit-scrollbar-thumb{background:#78350f26;border-radius:10px}.sidebar-group{border-radius:10px}.sidebar-group+.sidebar-group{border-top:1px solid rgba(120,53,15,.08);margin-top:4px;padding-top:4px}.sidebar-group-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;color:var(--deep-earth, #451a03);transition:all .18s ease;border-radius:8px;font-weight:700}.sidebar-group.is-open .sidebar-group-toggle{background:#f9731614;color:var(--ember, #c2410c)}.sidebar-group-toggle:hover{background:#f973160f;color:var(--ember, #c2410c)}.sidebar-group-icon{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0;line-height:1}.sidebar-group-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none;white-space:nowrap;color:inherit}.sidebar-chevron{display:flex;align-items:center;justify-content:center;margin-left:auto;transition:transform .2s ease;color:currentColor;opacity:.3}.sidebar-chevron.open{transform:rotate(90deg);opacity:.8}.sidebar-group-items{display:flex;flex-direction:column;gap:1px;padding:4px 0 6px 10px;margin-left:6px;border-left:2px solid rgba(249,115,22,.15)}.sidebar-badge{position:absolute;top:-2px;right:-2px;font-size:.5rem;font-weight:700;background:var(--sun, #f97316);color:#fff;border-radius:999px;min-width:13px;height:13px;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .18s ease;color:var(--warm-mid, #92400e);position:relative;white-space:nowrap}.nav-item:hover{background:#f9731614;color:var(--ember, #c2410c)}.nav-item:active{transform:scale(.97);background:#f973161f}.nav-icon{font-size:1rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.nav-label{font-size:.78rem;font-weight:600;color:inherit;line-height:1;transition:color .18s ease}.nav-item:hover .nav-label{color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#451a03a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:1rem}.minigame-modal{z-index:1001}.modal,.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);width:90%;max-width:550px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);position:relative}.modal-large{max-width:850px}.modal-close{background:var(--bg-primary);border:1px solid var(--border);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-primary);cursor:pointer;line-height:1;transition:var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(90deg) scale(1.05);box-shadow:0 4px 12px #f973164d}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;width:100%}@media(max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:400px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary);opacity:0;transition:var(--transition-fast)}.category-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px -5px var(--shadow);background:var(--bg-secondary)}.category-card:hover:after{opacity:1;background:linear-gradient(90deg,var(--primary),var(--secondary))}.category-icon{font-size:2.5rem;margin-bottom:.25rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.category-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.category-count{font-size:.8rem;color:var(--text-muted);background:var(--bg-glass);padding:.2rem .6rem;border-radius:12px}.words-list{display:flex;flex-direction:column;gap:.75rem}.word-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:var(--transition-fast)}.word-card:hover{border-color:var(--primary);background:var(--bg-secondary);transform:translate(4px);box-shadow:0 2px 4px var(--shadow),0 8px 16px -4px var(--shadow)}.word-content-wrapper{display:flex;align-items:center;gap:1rem;flex:1}.word-luo{font-weight:700;font-size:1.05rem;color:var(--primary)}.word-english{font-style:italic;color:var(--text-secondary);font-size:.95rem;border-left:1px solid var(--border);padding-left:1rem}.word-fav{background:transparent;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.word-fav:hover{color:var(--accent);background:hsla(var(--accent-hue),50%,50%,.1);transform:scale(1.1)}.word-fav.active{color:var(--accent)}.modal-header{padding:1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-virtuoso{height:60vh}@media(max-width:768px){.main-content{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.modal-overlay{align-items:stretch;padding:0}.modal,.modal-content{max-width:100%;width:100%;max-height:none;height:100%;margin:0;border-radius:0;border:none}.modal-large{max-width:100%;width:100%;height:100%;margin:0;border-radius:0}.modal-header{padding-top:calc(env(safe-area-inset-top,0px) + .5rem);padding-bottom:.75rem}.modal-body{flex:1;min-height:0;max-height:none;overflow-y:auto;padding-top:.5rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}.modal-virtuoso{height:calc(100dvh - 10rem)!important}}@media(min-width:481px)and (max-width:768px){.modal-overlay{padding:1.5rem;align-items:center}.modal,.modal-content{max-width:100%;width:100%;max-height:90vh;height:auto;border-radius:var(--radius-xl);border:1px solid var(--border)}.modal-large{max-width:100%;width:100%;height:auto;max-height:90vh;border-radius:var(--radius-xl)}.modal-body{max-height:calc(90vh - 5rem);padding-bottom:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.native-app.platform-android .modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}body.native-app.platform-android .modal,body.native-app.platform-android .modal-content{animation:none;transform:none}body.native-app.platform-android .modal-body{overscroll-behavior:contain}body.native-app.platform-android .category-grid{contain:none}body.native-app.platform-android .category-card:hover,body.native-app.platform-android .word-card:hover,body.native-app.platform-android .modal-close:hover{transform:none}body.native-app.platform-android .stats-bar,body.native-app.platform-android .reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}body.native-app.platform-android .hero-quote,body.native-app.platform-android .hero-sup,body.native-app.platform-android .hero-h1,body.native-app.platform-android .hero-h1-luo,body.native-app.platform-android .hero-sub,body.native-app.platform-android .hero-ctas,body.native-app.platform-android .hero-links,body.native-app.platform-android .ripple,body.native-app.platform-android .sun-disc,body.native-app.platform-android .boat-svg,body.native-app.platform-android .stat{animation:none!important;transition:none!important}body.native-app.platform-android .category-card,body.native-app.platform-android .word-card,body.native-app.platform-android .learn-category-card,body.native-app.platform-android .learn-lesson-card,body.native-app.platform-android .learn-practice-card,body.native-app.platform-android .learn-action-btn,body.native-app.platform-android .learn-option-btn,body.native-app.platform-android .learn-nav-btn{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transform:none!important}body.native-app.platform-android button:active,body.native-app.platform-android [role=button]:active,body.native-app.platform-android .learn-category-card:active,body.native-app.platform-android .learn-lesson-card:active,body.native-app.platform-android .learn-practice-card:active,body.native-app.platform-android .learn-action-btn:active,body.native-app.platform-android .learn-option-btn:active,body.native-app.platform-android .matching-card:active,body.native-app.platform-android .minigame-menu-item:active,body.native-app.platform-android .action-btn:active,body.native-app.platform-android .clear-btn:active,body.native-app.platform-android .bottom-nav-item:active,body.native-app.platform-android .filter-chip:active{transform:none!important}body.native-app.platform-android .word-card,body.native-app.platform-android .category-card,body.native-app.platform-android .learn-category-card,body.native-app.platform-android .learn-lesson-card,body.native-app.platform-android .minigame-menu-item,body.native-app.platform-android .stat,body.native-app.platform-android .hero-quote{position:relative;z-index:1}body.native-app.platform-android .stats-bar,body.native-app.platform-android .hero-quote,body.native-app.platform-android .category-grid,body.native-app.platform-android .words-list,body.native-app.platform-android .word-card,body.native-app.platform-android .category-card{-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.nav-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--warm-mid, var(--text-muted));font-weight:600;font-size:.82rem;padding:8px 18px;border-radius:10px;letter-spacing:.02em;border:1.5px solid transparent;background:transparent;transition:all .2s ease;cursor:pointer}.nav-link-icon{font-size:1rem;line-height:1}.nav-link-label{line-height:1}@media(max-width:768px){.nav-link[data-section=learn],.nav-link[data-section=games]{display:none}}.nav-link:hover{background:var(--pale);border-color:var(--border);color:var(--ember);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.nav-link.active{background:linear-gradient(135deg,var(--ember, #c2410c),var(--sun, #f59e0b));color:#fff;border-color:transparent;box-shadow:0 2px 10px #c2410c40}[data-theme=dark] .nav-link{color:var(--text-secondary, #a1a1aa)}[data-theme=dark] .nav-link:hover{background:#ffffff14;border-color:#ffffff1a;color:var(--gold-l, #fcd34d);box-shadow:0 2px 8px #0003}[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,var(--ember, #c2410c),var(--sun, #f59e0b));color:#fff;box-shadow:0 2px 10px #f59e0b4d}[data-theme=dark] .theme-toggle{background:#ffffff0f;border-color:#ffffff1a;color:var(--gold-l, #fcd34d)}[data-theme=dark] .theme-toggle:hover{background:#ffffff1f;border-color:#fff3}.daily-cards-row{display:flex;gap:1rem;max-width:900px;margin:.75rem auto .5rem;padding:0 1.5rem;align-items:stretch}.daily-cards-row>.word-of-day{flex:1;margin:0;min-width:0}@media(max-width:768px){.daily-cards-row{flex-direction:column;padding:0 .75rem;gap:.5rem;margin:.5rem auto .25rem}}.word-of-day{background:linear-gradient(135deg,var(--deep-earth) 0%,var(--earth) 40%,var(--terracotta) 100%);border:1px solid rgba(253,211,77,.3);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1rem auto 1.5rem;max-width:600px;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #451a0366;color:var(--gold-l);animation:slideDown .6s cubic-bezier(.2,.8,.2,1)}.sod-card{background:linear-gradient(135deg,#1e3a5f,#2d5a87,#3b7dbb)!important;border-color:#64b4ff4d!important;box-shadow:0 10px 30px -5px #1e3a5f66!important}.sod-badge{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important}.sod-content{padding:.5rem 0;text-align:center}.sod-luo{font-size:1rem;font-weight:600;color:#e0f0ff;line-height:1.5;margin:0 0 .35rem;font-style:italic}.sod-divider{display:block;color:#ffffff59;font-size:.8rem;margin:.15rem 0}.sod-english{font-size:.88rem;color:#e0f0ffbf;line-height:1.4;margin:0}.word-of-day:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 60%);animation:shimmer 8s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wod-header{border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.75rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.wod-badge{background:var(--accent);color:var(--text-primary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:800;box-shadow:0 4px 10px #0003;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 4px 10px #0003}50%{box-shadow:0 4px 20px hsla(var(--accent-hue),90%,50%,.4)}}.wod-close{color:#fff9;transition:var(--transition-fast);background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.wod-close:hover{color:#fff;transform:rotate(90deg)}.wod-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 0;flex-wrap:wrap}.wod-luo{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.wod-arrow{color:var(--accent);font-size:1.5rem}.wod-english{font-size:1.5rem;color:#ffffffe6;font-weight:300}.wod-favorite{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;margin-top:.5rem;padding:.75rem;border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition-fast)}.wod-favorite:hover{background:#fff;color:var(--primary);border-color:#fff}.autocomplete-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 40px -10px var(--shadow);max-height:300px;overflow-y:auto;z-index:100;animation:slideDown .2s ease}.autocomplete-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border);font-size:.9rem}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.selected{background:linear-gradient(90deg,rgba(249,115,22,.08),transparent)}[data-theme=dark] .autocomplete-item:hover,[data-theme=dark] .autocomplete-item.selected{background:linear-gradient(90deg,rgba(249,115,22,.2),transparent)}.autocomplete-item .autocomplete-luo{font-weight:700;color:var(--primary);min-width:90px}[data-theme=dark] .autocomplete-item .autocomplete-luo{color:var(--primary-light)}.autocomplete-item .autocomplete-arrow{color:var(--text-muted);font-size:.8rem}.autocomplete-item .autocomplete-english{color:var(--text-secondary);flex:1}.autocomplete-item .autocomplete-category{font-size:.75rem;color:var(--text-muted);background:var(--bg-primary);padding:.15rem .5rem;border-radius:var(--radius-sm)}.autocomplete-highlight{background:#f9731626;color:inherit;border-radius:2px}[data-theme=dark] .autocomplete-highlight{background:#f973164d;color:var(--gold-l)}.input-actions{display:flex;gap:.5rem}.input-wrapper{position:relative}.search-filter-input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition-fast)}.search-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f973161f}.action-btn-small{background:transparent;border:none;padding:.25rem .5rem;cursor:pointer;font-size:1rem;transition:var(--transition-fast);border-radius:var(--radius-sm)}.action-btn-small:hover{background:var(--bg-primary);transform:scale(1.1)}@media(min-width:769px){.bottom-nav{display:none}}@media(max-width:768px){.tools-nav{display:none}}@media(max-width:768px){.text-input{font-size:16px}.word-card,.category-card,.proverb-card,.suggestion-item{min-height:44px}.action-btn,.word-fav,.nav-item,.filter-chip{min-width:44px;min-height:44px}.word-of-day{padding:1rem;margin:.75rem .5rem 1rem}.wod-luo{font-size:1.5rem}.wod-english{font-size:1.2rem}.wod-content{gap:1rem}.stats-bar{gap:1.5rem;padding:1rem}.stat-value{font-size:1.25rem}.suggestions{margin-top:1.5rem}.suggestion-item{font-size:.9rem;padding:.5rem .75rem}}.proverbs-list{display:flex;flex-direction:column;gap:1rem}.proverbs-search-input{width:100%;padding:.7rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;margin-bottom:.75rem;box-sizing:border-box}.proverb-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.proverb-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--secondary);opacity:.5;transition:var(--transition-fast)}.proverb-card:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow)}.proverb-card:hover:before{opacity:1;width:6px}.proverb-luo{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;line-height:1.4}.proverb-english{font-size:.95rem;color:var(--text-secondary);font-style:italic;margin-bottom:.75rem}.proverb-category{display:inline-block;font-size:.75rem;padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;background:hsla(var(--secondary-hue),50%,50%,.15);color:var(--secondary)}.proverb-card-large{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.proverb-card-large .proverb-category{order:-1;margin-bottom:.5rem;font-size:.85rem}.proverb-card-large .proverb-luo{font-size:1.5rem;color:var(--primary);border-left:4px solid var(--secondary);padding-left:1rem}.proverb-card-large .proverb-english{font-size:1.2rem;margin-bottom:1.5rem}.proverb-meaning{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.25rem;width:100%;border:1px dashed var(--border)}.proverb-meaning-secondary{margin-top:.6rem}.meaning-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem}.back-btn{background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.back-btn:hover{color:var(--primary);transform:translate(-4px)}.filter-chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-ms-overflow-style:auto}.filter-chips::-webkit-scrollbar{height:6px}.filter-chips::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:10px}.filter-chips::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.filter-chips::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-chip{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--transition-fast);text-transform:capitalize}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.quiz-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border)}.quiz-tab{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.quiz-tab:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--text-primary)}.quiz-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--shadow)}@media(max-width:768px){.quiz-tabs{padding:.75rem;gap:.4rem}.quiz-tab{padding:.6rem .5rem;font-size:.8rem;gap:.25rem}}.quiz-start-content{padding:1rem 0}.quiz-intro{text-align:center;font-size:1.1rem;margin-bottom:2rem;color:var(--text-primary);line-height:1.6}.quiz-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.quiz-start-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.quiz-start-btn:hover{border-color:var(--primary);background:linear-gradient(135deg,rgba(249,115,22,.08),transparent);transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}[data-theme=dark] .quiz-start-btn:hover{background:linear-gradient(135deg,rgba(249,115,22,.2),transparent)}.btn-number{font-size:2.5rem;font-weight:800;color:var(--primary);line-height:1}.btn-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.quiz-info{background:linear-gradient(135deg,#f59e0b1a,#f9731614);border:2px solid var(--accent);border-radius:var(--radius-md);padding:1.25rem}[data-theme=dark] .quiz-info{background:linear-gradient(135deg,#f59e0b33,#f9731626)}.quiz-info p{margin:0 0 .75rem;color:var(--accent);font-size:1rem}.quiz-info ul{list-style:none;padding:0;margin:0}.quiz-info li{padding:.4rem 0;color:var(--text-primary);font-size:.95rem;line-height:1.5}@media(max-width:768px){.quiz-options-grid{grid-template-columns:1fr}.quiz-start-btn{flex-direction:row;justify-content:center;padding:1.25rem}.btn-number{font-size:2rem}.proverb-luo{font-size:1rem}.proverb-english{font-size:.9rem}.filter-chips{padding-bottom:.75rem;gap:.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.filter-chip{font-size:.8rem;padding:.35rem .9rem;white-space:nowrap;min-width:fit-content}.modal-header{padding:1rem;padding-top:calc(env(safe-area-inset-top,0px) + .5rem);padding-bottom:.75rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:.25rem .5rem .5rem;flex:1;max-height:none}}.riddle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.riddle-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:var(--transition-normal);display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.riddle-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px var(--shadow);border-color:var(--primary)}.riddle-card.revealed{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));border-color:var(--accent)}.riddle-question{display:flex;gap:1rem;align-items:flex-start}.riddle-icon{font-size:1.5rem;filter:grayscale(1);opacity:.7}.riddle-card:hover .riddle-icon,.riddle-card.revealed .riddle-icon{filter:grayscale(0);opacity:1;transform:scale(1.1)}.riddle-luo{font-weight:700;color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.riddle-english{color:var(--text-secondary);font-size:.95rem;font-style:italic}.riddle-answer{animation:slideDown .3s ease-out}.answer-divider{height:1px;background:var(--border);margin:.5rem 0 1rem;position:relative}.answer-text{background:hsla(var(--accent-hue),90%,50%,.1);padding:1rem;border-radius:var(--radius-md);border-left:4px solid var(--accent);color:var(--text-primary);font-weight:600}.twister-list{display:flex;flex-direction:column;gap:1rem}.twister-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition-normal)}.twister-card:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow);transform:translate(4px)}.twister-luo{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;line-height:1.4}.twister-english{color:var(--text-secondary);font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button:active:not(:disabled),.lang-btn:active,.swap-btn:active,.quiz-start-btn:active,.filter-chip:active{transform:scale(.97)!important;transition-duration:50ms!important}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.word-card,.category-card,.proverb-card,.riddle-card,.twister-card{animation:staggerFadeIn .3s ease both}.word-of-day{animation:slideDown .6s cubic-bezier(.2,.8,.2,1)}.stats-bar{animation:cardEntrance .6s .2s cubic-bezier(.2,.8,.2,1) both}input,textarea,select{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);padding:.85rem 1.5rem;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;font-size:.95rem;box-shadow:0 4px 12px var(--shadow),0 16px 32px -8px var(--shadow);z-index:9999;pointer-events:none;opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease;white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:min(90vw,500px);text-align:center;line-height:1.4}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.toast{bottom:5rem;font-size:.9rem;padding:.75rem 1.25rem;max-width:calc(100vw - 2rem)}}@media(max-width:400px){.toast{font-size:.82rem;padding:.6rem 1rem;bottom:4.5rem}}.quiz-direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.quiz-direction-btn{padding:.75rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s;font-weight:600;font-size:.85rem;font-family:inherit}.quiz-direction-btn:hover{border-color:var(--primary);background:var(--bg-secondary)}.quiz-direction-btn.active{border:2px solid var(--primary);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #f973164d}.modal-back-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);margin-right:auto}.modal-back-btn:hover{background:var(--bg-primary);color:var(--primary);border-color:var(--primary)}.header-right{display:flex;align-items:center;gap:.75rem}.lazy-loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}.dictionary-loading-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9000;padding:.5rem 1rem;border-radius:999px;background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border);font-size:.78rem;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 20px var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}[data-theme=dark] .dictionary-loading-banner{background:#1a0e08e0;border-color:#fef3c71f;color:var(--text-secondary)}.startup-splash{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fffbeb,#fff7ed 42%,#fed7aa)}.features-section,.site-footer,.route-intro{content-visibility:auto;contain-intrinsic-size:1px 800px}.startup-splash-card{width:min(90vw,420px);border-radius:20px;padding:1.5rem 1.25rem;text-align:center;background:#ffffffd9;border:1px solid rgba(120,53,15,.12);box-shadow:0 16px 40px #78350f26}.startup-logo{display:block;margin:0 auto .5rem}.startup-splash-card h2{margin:0;color:#78350f;font-size:1.25rem}.startup-splash-card p{margin:.45rem 0 0;color:#9a3412;font-size:.92rem}.startup-progress{margin-top:.95rem;display:inline-flex;gap:.4rem;align-items:center;justify-content:center}.startup-dot{width:8px;height:8px;border-radius:50%;background:#ea580c;animation:startupPulse 1s ease-in-out infinite}.startup-dot:nth-child(2){animation-delay:.15s}.startup-dot:nth-child(3){animation-delay:.3s}@keyframes startupPulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}[data-theme=dark] .startup-splash{background:linear-gradient(160deg,#1a0e08,#2d1407 45%,#7c2d12)}[data-theme=dark] .startup-splash-card{background:#23140ceb;border-color:#fef3c71f;box-shadow:0 20px 44px #00000059}[data-theme=dark] .startup-splash-card h2{color:#fbbf24}[data-theme=dark] .startup-splash-card p{color:#fdba74}@keyframes spin{to{transform:rotate(360deg)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-boundary h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.error-boundary p{color:var(--text-secondary);margin-bottom:1.5rem}.error-boundary button{padding:.75rem 2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1rem;transition:background var(--transition-fast)}.error-boundary button:hover{opacity:.9}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;gap:.5rem}.not-found-page .not-found-icon{font-size:4rem;margin-bottom:1rem}.not-found-page h1{font-size:2rem;color:var(--text-primary)}.not-found-page p{color:var(--text-secondary);margin-bottom:1.5rem}.not-found-page a{padding:.75rem 2rem;background:var(--primary);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:opacity var(--transition-fast)}.not-found-page a:hover{opacity:.9}:root{--keyboard-height: 0px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}body.keyboard-open .bottom-nav{display:none}body.keyboard-open .app-container{padding-bottom:var(--keyboard-height)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.modal-close:focus-visible,.bottom-nav-item:focus-visible,.nav-item:focus-visible,.category-card:focus-visible,.quiz-option:focus-visible,.flashcard-btn:focus-visible{outline:3px solid var(--primary-light);outline-offset:2px}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translate(-50%);z-index:10000;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.modal,.modal-overlay{animation:none}.category-card:hover,.modal-close:hover{transform:none}.flashcard .flashcard-inner{transition:none}}@media(prefers-contrast:high){:root{--border: rgba(0, 0, 0, .4);--text-muted: #555}[data-theme=dark]{--border: rgba(255, 255, 255, .4);--text-muted: #bbb}.modal,.quiz-option{border-width:2px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.translator-card{border-radius:12px;border-left:none;border-right:none;margin:0 -.25rem;box-shadow:0 8px 30px #78350f1a}.language-selector{grid-template-columns:1fr 40px 1fr}.lang-btn{padding:12px;gap:8px;font-size:.82rem}.lang-icon{width:32px;height:32px;font-size:1rem}.lang-n{font-size:.82rem}.lang-s{font-size:.58rem}.swap-circ{width:32px;height:32px;font-size:.85rem}.history-chips{padding:10px 14px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.history-chips::-webkit-scrollbar{display:none}.history-chip{padding:5px 12px;flex-shrink:0}.text-input{min-height:120px;font-size:1rem;padding:16px 14px}.input-footer,.output-footer{padding:8px 14px}.output-wrapper.horizontal{padding:18px 14px 10px;min-height:130px}.output-text{font-size:1rem}.output-actions-row{padding:8px 14px}.suggestions{padding:14px}.suggestion-item{padding:6px 12px;font-size:.78rem}.char-count{font-size:.65rem}.clear-btn{width:26px;height:26px}.meta-badge{font-size:.65rem;padding:2px 8px}.feat-grid{grid-template-columns:1fr;gap:12px}.feat-card{padding:20px}.feat-intro{flex-direction:column;gap:12px;padding:0 4px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-bot{flex-direction:column;gap:8px;text-align:center}.main-content{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.theme-toggle{width:38px;height:38px;font-size:1rem}}@media(max-width:400px){.lang-btn{padding:10px 8px;gap:6px}.lang-s{display:none}.hero-h1{font-size:2rem}.hero-h1-luo{font-size:1.1rem}.hero-desc{font-size:.85rem}.btn-sun{padding:12px 20px;font-size:.82rem}}@media(hover:none)and (pointer:coarse){button,a,[role=button],.bottom-nav-item,.minigame-menu-item,.learn-category-card,.learn-lesson-card,.learn-practice-card,.learn-action-btn,.learn-option-btn,.learn-nav-btn,.onboarding-btn,.matching-card{-webkit-tap-highlight-color:transparent}button:active,[role=button]:active,.minigame-menu-item:active,.learn-category-card:active,.learn-lesson-card:active,.learn-practice-card:active,.learn-action-btn:active,.learn-option-btn:active,.matching-card:active{transform:scale(.97);transition:transform 80ms ease}.onboarding-overlay,.learn-cards-view{-webkit-user-select:none;user-select:none}.modal-close{min-width:44px;min-height:44px}.modal-back-btn{min-height:44px;padding:.5rem 1rem}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff8f0f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:2px solid rgba(120,53,15,.15);padding:.25rem 0 calc(.25rem + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 20px #78350f1a}.bottom-nav-item{background:none;border:none;flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);position:relative;min-width:50px}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--sun, var(--primary))}.bottom-nav-icon{font-size:1.25rem;position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.bottom-nav-label{font-size:.7rem;font-weight:600;text-transform:capitalize}.bottom-nav-badge{position:absolute;top:-4px;right:-6px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 6px #0003}.bottom-nav-more-wrap{flex:1;display:flex;justify-content:center}.bottom-nav-sheet-backdrop{position:fixed;inset:0;border:none;background:#451a0375;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:240}.bottom-nav-sheet{position:fixed;left:0;right:0;bottom:0;max-height:min(72dvh,640px);background:var(--bg-secondary);border-radius:16px 16px 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:0 -18px 40px #00000038;z-index:250;display:flex;flex-direction:column;animation:overflowSlideUp .2s ease-out}.bottom-nav-sheet-handle{width:42px;height:4px;border-radius:999px;background:var(--border);margin:.55rem auto .4rem}.bottom-nav-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .85rem .65rem;border-bottom:1px solid var(--border)}.bottom-nav-sheet-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.bottom-nav-sheet-close{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.bottom-nav-sheet-content{overflow-y:auto;padding:.4rem .6rem calc(.8rem + env(safe-area-inset-bottom,0px))}@keyframes overflowSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overflow-group{border-radius:var(--radius-md, 8px);overflow:hidden;padding-bottom:.45rem;border-bottom:1px dashed var(--border)}.overflow-group:last-child{border-bottom:none;padding-bottom:0}.overflow-group-title{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .65rem;color:var(--text-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.overflow-group-icon{font-size:.95rem;width:22px;text-align:center;flex-shrink:0}.overflow-group-label{flex:1;font-weight:700;font-size:.72rem;text-align:left}.overflow-group-items{display:flex;flex-direction:column;gap:1px;padding:0 .25rem}.overflow-item{display:flex;align-items:center;gap:.6rem;padding:.66rem .68rem;border:none;background:transparent;border-radius:var(--radius-sm, 6px);cursor:pointer;color:var(--text-primary);font-size:.95rem;transition:all .2s ease;white-space:normal}.overflow-item:hover,.overflow-item:active{background:#f9731614;color:var(--ember, var(--primary))}.overflow-icon{font-size:1.1rem;width:22px;text-align:center;flex-shrink:0}.overflow-label{flex:1;font-weight:500}.overflow-badge{background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:10px;min-width:16px;text-align:center}@media(max-width:768px){.bottom-nav{display:flex}.tools-nav{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}}[data-theme=dark] .bottom-nav{background:#1a0e08f7;border-color:#fef3c70f;box-shadow:0 -4px 20px #0006}[data-theme=dark] .bottom-nav-item{color:#a8683a}[data-theme=dark] .bottom-nav-item.active{color:#f97316}[data-theme=dark] .bottom-nav-sheet{background:#1a0e08fa;border-color:#fef3c714;box-shadow:0 -8px 30px #0000008c}[data-theme=dark] .bottom-nav-sheet-backdrop{background:#0000008c}[data-theme=dark] .overflow-item{color:#d4a574}[data-theme=dark] .overflow-item:hover,[data-theme=dark] .overflow-item:active{background:#f973161a;color:#fb923c}[data-theme=dark] .overflow-group-header{color:#a8683a}.conj-modal,.phrasebook-modal,.number-modal,.export-modal{max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.feature-modal-body{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 1.5rem}.modal-back-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:var(--transition-fast)}.modal-back-btn:hover{background:var(--bg-primary);color:var(--primary)}.conj-search,.phrasebook-search{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;transition:var(--transition-fast)}.conj-search:focus,.phrasebook-search:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px hsla(var(--primary-hue),80%,50%,.1)}.conj-verb-list{display:flex;flex-direction:column;gap:.5rem}.conj-verb-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.conj-verb-item:hover{border-color:var(--primary);background:hsla(var(--primary-hue),80%,50%,.05);transform:translate(4px)}.conj-verb-luo{font-weight:700;color:var(--primary);flex:1}.conj-verb-eng{color:var(--text-muted);font-size:.9rem}.conj-verb-arrow{color:var(--accent)}.conj-empty{text-align:center;color:var(--text-muted);padding:2rem}.conj-verb-header{text-align:center;margin-bottom:1.5rem}.conj-verb-header h3{font-size:1.5rem;color:var(--primary)}.conj-verb-meaning{display:block;color:var(--text-secondary);margin-top:.25rem}.conj-verb-root{display:inline-block;margin-top:.5rem;padding:.3rem .8rem;background:hsla(var(--primary-hue),80%,50%,.1);border-radius:20px;font-size:.8rem;color:var(--primary)}.conj-tense-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem}.conj-tense-tab{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:var(--transition-fast)}.conj-tense-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.conj-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.conj-table th{text-align:left;padding:.6rem 1rem;background:var(--bg-primary);color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}.conj-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.conj-person{font-weight:600;color:var(--text-secondary);width:40%}.conj-form{font-weight:700;color:var(--primary);font-size:1.05rem}.conj-rules{background:hsla(var(--accent-hue),90%,50%,.08);border:1px solid hsla(var(--accent-hue),90%,50%,.2);border-radius:var(--radius-md);padding:1rem}.conj-rules h4{margin-bottom:.5rem}.conj-rule-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.phrasebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.phrasebook-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:center}.phrasebook-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow);border-color:var(--primary)}.phrasebook-card-icon{font-size:2rem}.phrasebook-card-title{font-weight:700;color:var(--text-primary);font-size:.9rem}.phrasebook-card-count{font-size:.75rem;color:var(--text-muted)}.phrasebook-situation-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.phrasebook-situation-icon{font-size:1.5rem}.phrasebook-situation-header h3{color:var(--primary)}.phrasebook-phrases{display:flex;flex-direction:column;gap:.5rem}.phrasebook-phrase{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-fast)}.phrasebook-phrase:hover{border-color:var(--primary)}.phrasebook-phrase-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.phrasebook-luo{font-weight:700;color:var(--primary)}.phrasebook-eng{font-size:.9rem;color:var(--text-secondary)}.phrasebook-note{font-size:.8rem;color:var(--accent)}.phrasebook-copy{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.phrasebook-copy:hover{background:var(--primary);border-color:var(--primary)}.phrasebook-copy.copied{background:var(--success);border-color:var(--success)}.number-menu{display:flex;flex-direction:column;gap:.5rem}.number-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left}.number-menu-item:hover{transform:translate(4px);border-color:var(--primary)}.number-menu-icon{font-size:1.5rem}.number-menu-title{font-weight:700;color:var(--text-primary);display:block}.number-menu-desc{font-size:.85rem;color:var(--text-muted);display:block}.number-section h3{margin-bottom:1rem;color:var(--primary)}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin-bottom:1.5rem}.number-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-fast)}.number-card:hover{border-color:var(--primary);transform:scale(1.05)}.number-digit{font-size:1.25rem;font-weight:800;color:var(--accent)}.number-luo{font-weight:600;color:var(--primary);font-size:.85rem;text-align:center}.number-rules{background:hsla(var(--primary-hue),60%,50%,.05);border-left:4px solid var(--primary);padding:1rem;border-radius:0 var(--radius-md) var(--radius-md) 0}.number-rules h4{margin-bottom:.5rem}.number-rules ul{padding-left:1.5rem}.number-rules li{margin-bottom:.3rem;font-size:.9rem;color:var(--text-secondary)}.number-converter{display:flex;flex-direction:column;gap:1rem;align-items:center}.number-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1.1rem;text-align:center;transition:var(--transition-fast)}.number-input:focus{border-color:var(--primary);outline:none}.number-result{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(var(--primary-hue),80%,50%,.06);border-radius:var(--radius-lg);width:100%;justify-content:center}.number-result-num{font-size:2rem;font-weight:800;color:var(--accent)}.number-result-arrow{font-size:1.5rem;color:var(--text-muted)}.number-result-luo{font-size:1.25rem;font-weight:700;color:var(--primary)}.number-practice{display:flex;flex-direction:column;align-items:center;gap:1rem}.number-practice-num{font-size:3rem;font-weight:900;color:var(--accent);background:hsla(var(--accent-hue),90%,50%,.1);width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%}.number-check-btn,.number-next-btn{padding:.75rem 2rem;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-fast)}.number-check-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.number-next-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary)}.number-check-btn:hover,.number-next-btn:hover{transform:translateY(-2px)}.number-feedback{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem}.number-feedback.correct{background:#60ac3926;color:var(--success)}.number-feedback.incorrect{background:#d9262626;color:var(--danger)}.number-score{font-size:.9rem;color:var(--text-muted)}.export-section{padding:1rem 0}.export-section h3{margin-bottom:.5rem;color:var(--text-primary)}.export-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.export-stats{display:flex;gap:1rem;margin-bottom:1rem}.export-stat{padding:.4rem .8rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-secondary)}.export-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:var(--transition-fast);font-size:.95rem}.export-btn:not(.secondary):not(.danger){background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.export-btn.secondary{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary)}.export-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.export-btn:hover{transform:translateY(-1px)}.export-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0}.export-file-label{cursor:pointer}.export-file-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--bg-primary);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;transition:var(--transition-fast)}.export-file-btn:hover{border-color:var(--primary);color:var(--primary)}.export-warning{background:#d926261a;border:1px solid hsla(0,70%,50%,.2);padding:.75rem;border-radius:var(--radius-md);font-size:.9rem;color:var(--danger);margin-bottom:1rem}.export-confirm-actions{display:flex;gap:.5rem}.minigame-modal,.timed-modal,.wordrel-modal,.grammar-ref-modal,.conj-drill-modal,.grammar-exercises-modal{max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.grammar-exercises-modal .modal-body{min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.minigame-modal,.timed-modal,.wordrel-modal,.grammar-ref-modal,.conj-drill-modal,.grammar-exercises-modal,.conj-modal,.phrasebook-modal,.number-modal,.export-modal{max-width:100%;max-height:none;height:100%;border-radius:0}.feature-modal-body{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}}.minigame-menu,.timed-setup{display:flex;flex-direction:column;gap:.5rem}.minigame-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-align:left}.minigame-menu-item:hover{transform:translate(4px);border-color:var(--primary)}.minigame-menu-icon{font-size:1.5rem}.minigame-menu-title{font-weight:700;display:block}.minigame-menu-desc{font-size:.85rem;color:var(--text-muted);display:block}.minigame-play-btn,.minigame-back-btn{padding:.75rem 2rem;border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:var(--transition-fast);font-size:1rem}.minigame-play-btn{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.minigame-back-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);margin-top:.5rem}.minigame-play-btn:hover,.minigame-back-btn:hover{transform:translateY(-2px)}.matching-stats{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:600;color:var(--text-secondary)}.game-hud{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;padding:.5rem .6rem;border-radius:12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border, #e0e0e0);margin-bottom:.6rem}.game-hud .hud-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.02em;line-height:1.3;white-space:nowrap;background:var(--bg-primary, #fff);border:1px solid var(--border, #e0e0e0);color:var(--text-primary, #222)}.game-hud .hud-pill .hud-icon{font-size:.9rem;line-height:1}.game-hud .hud-pill.hud-round{background:#3b82f61a;border-color:#3b82f640;color:#2563eb}.game-hud .hud-pill.hud-score{background:#22c55e1a;border-color:#22c55e40;color:#16a34a}.game-hud .hud-pill.hud-time{background:#f973161a;border-color:#f9731640;color:#ea580c}.game-hud .hud-pill.hud-time.hud-danger{background:#ef444426;border-color:#ef44444d;color:#dc2626;animation:hud-pulse .8s ease-in-out infinite}.game-hud .hud-pill.hud-lives{background:#ef444414;border-color:#ef444433;color:#ef4444;letter-spacing:.12em}@keyframes hud-pulse{0%,to{opacity:1}50%{opacity:.6}}.matching-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.matching-card{padding:1rem .5rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);font-weight:700;cursor:pointer;transition:all .3s;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem}.matching-card.flipped{border-color:var(--primary);background:hsla(var(--primary-hue),80%,50%,.08)}.matching-card.flipped.luo{color:var(--primary)}.matching-card.flipped.english{color:var(--accent)}.matching-card.matched{border-color:var(--success);background:#60ac391a;opacity:.7}.matching-card:not(.matched):not(.flipped):hover{border-color:var(--primary);transform:scale(1.05)}.matching-complete{text-align:center;padding:1rem}.scramble-game{display:flex;flex-direction:column;align-items:center;gap:1rem}.scramble-progress{font-weight:600;color:var(--text-muted)}.scramble-hint{font-size:1.1rem;color:var(--text-secondary)}.scramble-letters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.scramble-letter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);border-radius:var(--radius-md);font-weight:800;font-size:1.2rem;color:var(--primary);background:hsla(var(--primary-hue),80%,50%,.08)}.scramble-input{width:100%;max-width:300px;padding:.75rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1.1rem;text-align:center}.scramble-input:focus{border-color:var(--primary);outline:none}.scramble-answer{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700}.scramble-answer.correct{background:#60ac3926;color:var(--success)}.scramble-answer.wrong{background:#d9262626;color:var(--danger)}.minigame-result{text-align:center;padding:2rem}.minigame-result-icon{font-size:4rem;margin-bottom:1rem}.minigame-result-score{font-size:1.25rem;color:var(--text-secondary);margin:1rem 0}.wordle-game{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:360px;margin:0 auto}.wordle-hint-area{display:flex;justify-content:center;min-height:2rem;margin:.1rem 0 .3rem}.wordle-hint-btn{padding:.35rem 1rem;border-radius:20px;border:1.5px dashed var(--primary, #3b82f6);background:transparent;color:var(--primary, #3b82f6);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s}.wordle-hint-btn:hover{background:#3b82f614;border-style:solid}.wordle-hint-text{padding:.35rem 1rem;border-radius:20px;background:#3b82f614;border:1.5px solid rgba(59,130,246,.2);color:var(--text-primary, #222);font-size:.82rem;font-weight:600;animation:wordle-pop .3s ease}.wordle-grid{display:flex;flex-direction:column;gap:.3rem;margin:.2rem 0}.wordle-row{display:flex;gap:.3rem;justify-content:center}.wordle-cell{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;text-transform:lowercase;border-radius:8px;border:2px solid var(--border, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-primary, #222);transition:transform .15s,border-color .15s}.wordle-cell.wordle-filled{border-color:var(--text-secondary, #6b7280);animation:wordle-type .1s ease}@keyframes wordle-type{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.wordle-cell.wordle-correct{background:#22c55e;border-color:#22c55e;color:#fff;animation:wordle-flip .45s ease}.wordle-cell.wordle-present{background:#eab308;border-color:#eab308;color:#fff;animation:wordle-flip .45s ease}.wordle-cell.wordle-absent{background:#6b7280;border-color:#6b7280;color:#fff;animation:wordle-flip .45s ease}.wordle-row .wordle-cell:nth-child(2){animation-delay:.08s}.wordle-row .wordle-cell:nth-child(3){animation-delay:.16s}.wordle-row .wordle-cell:nth-child(4){animation-delay:.24s}.wordle-row .wordle-cell:nth-child(5){animation-delay:.32s}@keyframes wordle-flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wordle-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wordle-game .wordle-msg{text-align:center;padding:.35rem .8rem;border-radius:8px;background:#ef444414;color:#ef4444;font-size:.8rem;font-weight:600;animation:wordle-pop .25s ease}.wordle-input-row{display:flex;gap:.4rem;width:100%;margin-top:.3rem}.wordle-input{flex:1;padding:.6rem .8rem;border-radius:10px;border:2px solid var(--border, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-primary, #222);font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:lowercase;text-align:center;outline:none;transition:border-color .2s}.wordle-input:focus{border-color:var(--primary, #3b82f6)}.wordle-submit-btn{padding:.6rem 1.2rem;border-radius:10px;border:none;background:var(--primary, #3b82f6);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .2s,transform .15s}.wordle-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.wordle-keyboard{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:.5rem;width:100%}.wordle-kb-row{display:flex;gap:.25rem;justify-content:center}.wordle-key{min-width:1.9rem;height:2.4rem;border-radius:6px;border:1px solid var(--border, #d1d5db);background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #222);font-size:.82rem;font-weight:700;text-transform:lowercase;cursor:pointer;transition:all .12s;-webkit-tap-highlight-color:transparent}.wordle-key:active:not(:disabled){transform:scale(.92)}.wordle-key:hover:not(:disabled){background:var(--bg-primary, #fff);box-shadow:0 1px 4px #00000014}.wordle-key-action{min-width:2.6rem;font-size:1rem;background:var(--bg-secondary, #e5e7eb)}.wordle-key-correct{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}.wordle-key-present{background:#eab308!important;border-color:#eab308!important;color:#fff!important}.wordle-key-absent{background:#6b7280!important;border-color:#6b7280!important;color:#fff!important;opacity:.5}.timed-intro{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.timed-difficulty{display:flex;gap:.75rem;margin-bottom:1.5rem}.timed-diff-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:var(--transition-fast)}.timed-diff-btn.active{border-color:var(--primary);background:hsla(var(--primary-hue),80%,50%,.08)}.timed-diff-btn:hover{border-color:var(--primary)}.timed-diff-icon{font-size:1.5rem}.timed-diff-label{font-weight:700}.timed-diff-info{font-size:.75rem;color:var(--text-muted)}.timed-start-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition-fast)}.timed-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsla(var(--primary-hue),80%,40%,.3)}.timed-timer-bar{height:6px;background:var(--border);border-radius:3px;margin-bottom:1rem;overflow:hidden}.timed-timer-fill{height:100%;border-radius:3px;transition:width 1s linear,background .3s}.timed-status{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:600}.timed-time{font-size:1.25rem;font-weight:800}.timed-question{text-align:center;margin-bottom:1.5rem}.timed-question h3{font-size:1.2rem}.timed-options{display:flex;flex-direction:column;gap:.5rem}.timed-option{padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-weight:600;transition:var(--transition-fast);text-align:left}.timed-option:hover:not(:disabled){border-color:var(--primary)}.timed-option.correct{border-color:var(--success);background:#60ac391a}.timed-option.wrong{border-color:var(--danger);background:#d926261a}.timed-result{text-align:center;padding:2rem}.timed-result-icon{font-size:4rem;margin-bottom:1rem}.timed-result-stats{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.timed-stat{display:flex;flex-direction:column;align-items:center}.timed-stat-val{font-size:2rem;font-weight:800;color:var(--primary)}.timed-stat-label{font-size:.8rem;color:var(--text-muted)}.wordrel-search-section{text-align:center}.wordrel-intro{color:var(--text-secondary);margin-bottom:1rem}.wordrel-search,.gramref-search{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.wordrel-search:focus,.gramref-search:focus{border-color:var(--primary);outline:none}.wordrel-results{display:flex;flex-direction:column;gap:.5rem}.wordrel-result-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.wordrel-result-item:hover{border-color:var(--primary);transform:translate(4px)}.wordrel-result-luo{font-weight:700;color:var(--primary)}.wordrel-result-eng{color:var(--text-muted)}.wordrel-center{text-align:center;margin-bottom:1.5rem}.wordrel-center-word{display:inline-flex;flex-direction:column;padding:1rem 2rem;background:hsla(var(--primary-hue),80%,50%,.08);border:2px solid var(--primary);border-radius:var(--radius-xl);margin-bottom:.75rem}.wordrel-center-luo{font-size:1.5rem;font-weight:800;color:var(--primary)}.wordrel-center-eng{color:var(--text-secondary)}.wordrel-pos{font-size:.75rem;background:var(--bg-primary);padding:.2rem .5rem;border-radius:12px;margin-top:.25rem}.wordrel-change{background:transparent;border:1px solid var(--border);padding:.3rem .8rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;color:var(--text-muted)}.wordrel-empty{text-align:center;color:var(--text-muted);padding:2rem}.wordrel-group{margin-bottom:1rem}.wordrel-group-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.wordrel-group-count{font-size:.75rem;background:var(--bg-primary);padding:.15rem .5rem;border-radius:12px}.wordrel-group-items{display:flex;flex-wrap:wrap;gap:.5rem}.wordrel-item{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:flex-start}.wordrel-item:hover{border-color:var(--primary);transform:scale(1.03)}.wordrel-item-luo{font-weight:700;color:var(--primary);font-size:.9rem}.wordrel-item-eng{font-size:.75rem;color:var(--text-muted)}.gramref-topics{display:flex;flex-direction:column;gap:.5rem}.gramref-topic{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.gramref-topic:hover{border-color:var(--primary);transform:translate(4px)}.gramref-topic-icon{font-size:1.25rem}.gramref-topic-title{flex:1;font-weight:700}.gramref-topic-arrow{color:var(--accent)}.gramref-empty{text-align:center;color:var(--text-muted);padding:2rem}.gramref-detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.1rem}.gramref-content{line-height:1.7}.gramref-content p,.gramref-content li{font-size:.95rem;color:var(--text-secondary);margin-bottom:.3rem}.gramref-content strong{color:var(--primary)}.gramref-subheading{margin-top:.75rem;margin-bottom:.25rem;color:var(--text-primary)}.gramref-rule{list-style:none;padding-left:1rem;position:relative}.gramref-rule:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.gramref-text{margin-bottom:.5rem}@media(max-width:768px){.matching-grid{grid-template-columns:repeat(3,1fr)}.timed-difficulty{flex-direction:column}.timed-result-stats{gap:1rem}}[data-theme=dark] .minigame-menu-item,[data-theme=dark] .minigame-menu-title,[data-theme=dark] .minigame-back-btn,[data-theme=dark] .timed-diff-btn,[data-theme=dark] .timed-diff-label,[data-theme=dark] .timed-option,[data-theme=dark] .timed-question h3,[data-theme=dark] .timed-result h3,[data-theme=dark] .matching-card,[data-theme=dark] .matching-complete h3,[data-theme=dark] .scramble-input,[data-theme=dark] .scramble-answer,[data-theme=dark] .gramref-topic,[data-theme=dark] .gramref-topic-title,[data-theme=dark] .gramref-detail-header,[data-theme=dark] .gramref-subheading,[data-theme=dark] .gramref-search,[data-theme=dark] .wordrel-search-input{color:var(--text-primary)}[data-theme=dark] .minigame-menu-desc,[data-theme=dark] .timed-diff-info,[data-theme=dark] .scramble-hint,[data-theme=dark] .scramble-progress,[data-theme=dark] .gramref-content p,[data-theme=dark] .gramref-content li,[data-theme=dark] .gramref-text{color:var(--text-secondary)}[data-theme=dark] .minigame-menu-item,[data-theme=dark] .timed-diff-btn,[data-theme=dark] .timed-option,[data-theme=dark] .matching-card,[data-theme=dark] .gramref-topic,[data-theme=dark] .scramble-input,[data-theme=dark] .gramref-search,[data-theme=dark] .wordrel-search-input{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .matching-card.flipped.luo{color:var(--primary)}[data-theme=dark] .matching-card.flipped.english{color:var(--accent)}.skeleton{background:linear-gradient(90deg,var(--bg-primary) 25%,color-mix(in srgb,var(--text-muted) 12%,var(--bg-primary)) 50%,var(--bg-primary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-translator{padding:1.5rem;max-width:550px;margin:0 auto}.skeleton-loading-text{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1.5rem;animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-word-list{display:flex;flex-direction:column;gap:.5rem}.skeleton-word-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--bg-primary)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.6}.skeleton-loading-text{animation:none}}.hero{position:relative;overflow:hidden;min-height:92vh;display:grid;grid-template-columns:1fr 1fr;background:var(--ivory, #FFF8F0)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--earth, #78350F) 8px,var(--earth, #78350F) 10px),repeating-linear-gradient(90deg,transparent,transparent 8px,var(--earth, #78350F) 8px,var(--earth, #78350F) 10px);background-size:20px 20px;z-index:0}.hero.hero-text-only{grid-template-columns:1fr;min-height:100vh}.hero.hero-text-only .hero-left{max-width:720px;margin:0 auto;padding:64px 52px 60px;width:100%}.weave-bg{position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--earth, #78350F) 8px,var(--earth, #78350F) 10px),repeating-linear-gradient(90deg,transparent,transparent 8px,var(--earth, #78350F) 8px,var(--earth, #78350F) 10px);background-size:20px 20px}.weave-bg.loose{background-image:repeating-linear-gradient(35deg,var(--earth, #78350F) 0,var(--earth, #78350F) 1.5px,transparent 0,transparent 14px),repeating-linear-gradient(-35deg,var(--earth, #78350F) 0,var(--earth, #78350F) 1.5px,transparent 0,transparent 14px);background-size:20px 20px;opacity:.05}.hero-sky{position:relative;overflow:hidden;background:linear-gradient(170deg,#7c2d12,#9a3412 8%,#c2410c 18%,#ea580c 32%,#f97316 45%,#fb923c 56%,#fcd34d 70%,#fef3c7,#e0f2fe)}.lake-reflection{position:absolute;bottom:0;left:0;right:0;height:42%;background:linear-gradient(0deg,#1C0F08 0%,#2D1407 25%,#7C2D12 55%,#C2410C 75%,transparent 100%);opacity:.85}.lake-shimmer{position:absolute;bottom:0;left:0;right:0;height:36%;overflow:hidden}.ripple{position:absolute;left:0;right:0;height:2px;border-radius:1px;background:linear-gradient(90deg,transparent 0%,rgba(253,186,73,.6) 30%,rgba(251,146,60,.8) 50%,rgba(253,186,73,.6) 70%,transparent 100%);animation:rippleMove 3s ease-in-out infinite}.ripple:nth-child(1){bottom:80px;animation-delay:0s;opacity:.6}.ripple:nth-child(2){bottom:60px;animation-delay:.4s;opacity:.5;width:85%;margin:0 auto}.ripple:nth-child(3){bottom:44px;animation-delay:.8s;opacity:.7}.ripple:nth-child(4){bottom:30px;animation-delay:1.2s;opacity:.4;width:90%;margin:0 auto}.ripple:nth-child(5){bottom:18px;animation-delay:1.6s;opacity:.6}.ripple:nth-child(6){bottom:8px;animation-delay:2s;opacity:.3}@keyframes rippleMove{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(1.04);opacity:.85}}.sun-disc{position:absolute;top:22%;left:50%;transform:translate(-50%);width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#fff7d6,#fcd34d,#fbbf24 60%,#f59e0b);box-shadow:0 0 60px 30px #fdd34d80,0 0 120px 60px #f973164d;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{box-shadow:0 0 60px 30px #fdd34d80,0 0 120px 60px #f973164d}50%{box-shadow:0 0 80px 40px #fdd34d99,0 0 160px 80px #f9731640}}.boat-svg{position:absolute;bottom:38%;left:50%;transform:translate(-60%);animation:boatFloat 6s ease-in-out infinite}@keyframes boatFloat{0%,to{transform:translate(-60%) rotate(-.5deg)}50%{transform:translate(-60%) translateY(-5px) rotate(.5deg)}}.net-overlay{position:absolute;inset:0;background-image:repeating-linear-gradient(30deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 0,transparent 28px),repeating-linear-gradient(-30deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 0,transparent 28px);pointer-events:none}.hero-birds{position:absolute;top:18%;left:20%;width:120px;opacity:.5}.hero-left{padding:40px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;background:var(--ivory, #FFF8F0)}.hero-sup{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ember, #C2410C);margin-bottom:22px;animation:slideIn .7s ease both}.hero-sup-dash{width:28px;height:2px;background:var(--ember, #C2410C)}.hero-h1{font-family:var(--serif, "Cormorant Garamond", serif);font-weight:700;font-size:clamp(3rem,5.5vw,5rem);line-height:1.05;letter-spacing:-.01em;color:var(--deep-earth, #451A03);margin-bottom:6px;animation:slideIn .7s .08s ease both}.hero-h1 em{font-style:italic;font-weight:300;color:var(--ember, #C2410C);display:block}.hero-h1-luo{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:300;font-size:clamp(1.4rem,2.5vw,2rem);color:var(--muted, #A8683A);margin-bottom:28px;letter-spacing:.01em;animation:slideIn .7s .16s ease both}.hero-divider{display:flex;height:3px;width:100%;margin-bottom:24px;gap:0;animation:slideIn .7s .24s ease both;overflow:hidden;border-radius:2px}.hd1{flex:3;background:var(--deep-earth, #451A03)}.hd2{flex:2;background:var(--ember, #C2410C)}.hd3{flex:3;background:var(--ochre, #D97706)}.hd4{flex:1;background:var(--gold, #F59E0B)}.hd5{flex:2;background:var(--reed, #4D7C0F)}.hero-desc{font-size:1rem;font-weight:400;line-height:1.8;color:var(--warm-mid, #92400E);margin-bottom:36px;max-width:440px;animation:slideIn .7s .32s ease both}.hero-desc strong{color:var(--earth, #78350F);font-weight:700}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;animation:slideIn .7s .4s ease both}.btn-sun{padding:14px 30px;border-radius:8px;background:var(--sun, #F97316);color:#fff;font-weight:800;font-size:.88rem;letter-spacing:.04em;text-decoration:none;border:none;cursor:pointer;font-family:var(--sans, "Nunito", sans-serif);transition:all .2s;box-shadow:0 4px 20px #f9731659;display:flex;align-items:center;gap:8px}.btn-sun:hover{background:var(--sun-d, #EA580C);transform:translateY(-2px);box-shadow:0 8px 28px #f9731673}.btn-earth{padding:14px 30px;border-radius:8px;background:transparent;color:var(--deep-earth, #451A03);font-weight:700;font-size:.88rem;letter-spacing:.04em;text-decoration:none;border:2px solid rgba(120,53,15,.25);cursor:pointer;font-family:var(--sans, "Nunito", sans-serif);transition:all .2s}.btn-earth:hover{background:var(--pale, #FED7AA);border-color:var(--ember, #C2410C)}.hero-quote{margin-top:36px;padding:20px 24px;background:var(--sand, #FEF3C7);border-left:4px solid var(--ochre, #D97706);border-radius:0 8px 8px 0;animation:slideIn .7s .48s ease both}.hero-quote p{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:1.05rem;color:var(--earth, #78350F);line-height:1.6}.hero-quote cite{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #A8683A);display:block;margin-top:8px;font-style:normal}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero.hero-text-only{min-height:0}.hero.hero-text-only .hero-left{padding:22px 20px 36px;max-width:100%;justify-content:flex-start}.hero-left{padding:22px 20px 36px;justify-content:flex-start}.hero-h1{font-size:2.5rem}.hero-h1-luo{font-size:1.3rem}.hero-desc{font-size:.92rem;max-width:100%}.hero-quote{margin-top:24px}.btn-sun{width:100%;justify-content:center}}.sec-label{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ember, #c2410c);display:flex;align-items:center;gap:10px;margin-bottom:12px}.sec-label:before{content:"";width:28px;height:2px;background:var(--ember, #c2410c)}.sec-label-soft{color:#fef3c766}.sec-h2{font-family:var(--serif, "Cormorant Garamond", serif);font-weight:700;font-style:italic;font-size:clamp(2.2rem,4vw,3.2rem);color:var(--deep-earth, #451a03);line-height:1.1}.sec-desc{font-size:.9rem;color:var(--muted, #a8683a);margin-bottom:36px;max-width:500px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.vis{opacity:1;transform:none}.translator-section{padding:32px 52px 80px;background:var(--sand, #fef3c7);position:relative;overflow:hidden}.ts-header{margin-bottom:28px}.quick-row{margin-top:24px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qlabel{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #a8683a)}.qchip{padding:7px 14px;border-radius:100px;background:var(--ivory, #fff8f0);border:1.5px solid rgba(120,53,15,.25);font-size:.78rem;font-weight:600;color:var(--warm-mid, #92400e);cursor:pointer;transition:all .2s;font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic}.qchip em{font-style:normal;font-family:var(--sans, "Nunito", sans-serif);font-size:.68rem;color:var(--muted, #a8683a);font-weight:400;margin-left:3px}.qchip:hover{background:var(--pale, #fed7aa);border-color:var(--ember, #c2410c);color:var(--ember, #c2410c)}.dict-section{padding:80px 52px;background:var(--ivory, #fff8f0);position:relative;overflow:hidden}.corpus-section{padding:84px 52px;background:radial-gradient(circle at top left,rgba(194,65,12,.08),transparent 36%),linear-gradient(180deg,#fffaf0,#fff4e0);position:relative;overflow:hidden}.corpus-desc{max-width:760px}.corpus-title{margin-bottom:10px}.feat-emphasis,.corpus-emphasis{color:var(--ember, #c2410c)}.corpus-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.corpus-stat-card{background:#ffffffbf;border:1px solid rgba(120,53,15,.14);border-radius:16px;padding:18px 18px 16px;box-shadow:0 10px 28px #78350f0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.corpus-stat-value{font-family:var(--serif, "Cormorant Garamond", serif);font-size:2rem;font-style:italic;color:var(--ember, #c2410c);line-height:1;margin-bottom:4px}.corpus-stat-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--earth, #78350f);margin-bottom:8px}.corpus-stat-detail{font-size:.82rem;line-height:1.55;color:var(--muted, #a8683a)}.corpus-tabs,.corpus-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.corpus-tab,.corpus-filter{border-radius:100px;border:1.5px solid rgba(120,53,15,.18);background:#ffffffc7;color:var(--earth, #78350f);padding:8px 14px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.corpus-tab.active,.corpus-filter.active{background:var(--ember, #c2410c);border-color:var(--ember, #c2410c);color:#fff}.corpus-filter-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted, #a8683a);margin-right:4px}.corpus-callout{background:#78350f14;border:1px solid rgba(120,53,15,.12);border-radius:16px;padding:14px 16px;font-size:.86rem;line-height:1.6;color:var(--warm-mid, #92400e);margin-bottom:18px}.corpus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.corpus-card{background:#ffffffd1;border:1px solid rgba(120,53,15,.14);border-radius:18px;padding:20px;box-shadow:0 18px 34px #78350f14}.corpus-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.corpus-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;background:#c2410c1f;color:var(--ember, #c2410c);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.corpus-meta{font-size:.72rem;color:var(--muted, #a8683a);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.corpus-topic{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:700;font-size:1.45rem;color:var(--deep-earth, #451a03);line-height:1.15;margin-bottom:8px}.corpus-level{display:inline-flex;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--earth, #78350f);background:#78350f14;padding:4px 9px;border-radius:999px;margin-bottom:12px}.corpus-line-block{margin-bottom:12px}.corpus-line-label{display:inline-block;margin-bottom:4px;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted, #a8683a)}.corpus-line{margin:0;font-size:.9rem;line-height:1.7;color:var(--warm-mid, #92400e)}.corpus-luo{font-weight:700}.corpus-swa{color:#92400e}.corpus-meta-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.corpus-meta-list span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:100px;background:#78350f0f;color:var(--muted, #a8683a);font-size:.68rem;font-weight:700}.corpus-note{margin:0;font-size:.82rem;line-height:1.6;color:var(--muted, #a8683a)}.corpus-caveats{margin-top:18px;background:#ffffffb8;border:1px solid rgba(120,53,15,.14);border-radius:18px;padding:18px 20px}.corpus-caveat-title{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ember, #c2410c);margin-bottom:10px}.corpus-caveats ul{margin:0;padding-left:18px;color:var(--warm-mid, #92400e)}.corpus-caveats li{margin-bottom:8px;line-height:1.6}.wotd-banner{background:linear-gradient(130deg,var(--deep-earth, #451a03) 0%,var(--earth, #78350f) 40%,var(--terracotta, #9a3412) 100%);border-radius:16px;padding:36px 44px;margin-bottom:32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden}.wotd-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%)}.nyatiti-strings{position:absolute;top:0;bottom:0;right:180px;width:80px;opacity:.12;pointer-events:none}.wotd-badge-inline{display:inline-flex;align-items:center;gap:6px;background:#fdd34d33;border:1px solid rgba(253,211,77,.4);color:var(--gold-l, #fcd34d);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:16px;width:fit-content}.wotd-word-large{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:600;font-size:3.5rem;color:var(--gold-l, #fcd34d);line-height:1;margin-bottom:14px;text-transform:capitalize}.wotd-def-text{font-size:.95rem;line-height:1.75;color:#fef3c7cc;max-width:480px}.wotd-play-btn{width:60px;height:60px;border-radius:50%;background:var(--gold, #f59e0b);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.4rem;flex-shrink:0;transition:all .25s;box-shadow:0 4px 20px #f59e0b66}.wotd-play-btn:hover{background:var(--gold-l, #fcd34d);transform:scale(1.1)}.dict-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dict-card{background:var(--sand, #fef3c7);border:2px solid rgba(120,53,15,.15);border-radius:14px;padding:26px;cursor:pointer;transition:all .25s}.dict-card:hover{background:var(--pale, #fed7aa);border-color:var(--ember, #c2410c);transform:translateY(-3px);box-shadow:0 12px 36px #78350f1f}.dc-w{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:600;font-size:1.6rem;color:var(--ember, #c2410c);margin-bottom:3px;text-transform:capitalize}.dc-ph{font-family:var(--mono, "IBM Plex Mono", monospace);font-size:.7rem;color:var(--muted, #a8683a);margin-bottom:10px}.dc-pos{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:#c2410c1a;color:var(--ember, #c2410c);border:1px solid rgba(194,65,12,.2);margin-bottom:10px}.dc-def{font-size:.85rem;line-height:1.65;color:var(--warm-mid, #92400e);margin-bottom:10px}.dc-ex{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:.83rem;color:var(--earth, #78350f);padding:8px 12px;background:#fff9;border-left:3px solid var(--ochre, #d97706);border-radius:0 6px 6px 0;line-height:1.5}.dc-ex span{display:block;font-style:normal;font-family:var(--sans, "Nunito", sans-serif);font-size:.72rem;color:var(--muted, #a8683a);margin-top:3px}.dc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.dc-tag{font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:4px;background:#78350f0f;color:var(--muted, #a8683a);border:1px solid rgba(120,53,15,.15);text-transform:capitalize}.proverbs-section{padding:80px 52px;background:var(--deep-earth, #451a03);position:relative;overflow:hidden}.ps-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}.ps-h2{font-family:var(--serif, "Cormorant Garamond", serif);font-weight:600;font-style:italic;font-size:clamp(2rem,4vw,3rem);color:var(--gold-l, #fcd34d);line-height:1.15}.ps-subtitle{color:#fef3c766;font-size:.82rem;margin-top:6px;font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic}.ps-desc{font-size:.92rem;line-height:1.8;color:#fef3c799}.proverbs-grid-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}.proverbs-illustration{text-align:center;margin-bottom:48px;opacity:.15}.proverb-card-section{padding:36px 32px;background:#ffffff08;border-top:3px solid transparent;transition:background .25s,border-color .25s}.proverb-card-section:hover{background:#ffffff0f}.proverb-card-section:nth-child(odd){border-top-color:var(--ochre, #d97706)}.proverb-card-section:nth-child(2n){border-top-color:var(--ember, #c2410c)}.proverb-card-section:nth-child(3n){border-top-color:var(--reed, #4d7c0f)}.prov-luo{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-weight:600;font-size:1.15rem;color:var(--gold-l, #fcd34d);line-height:1.4;margin-bottom:10px}.prov-divider{width:32px;height:2px;background:var(--ochre, #d97706);margin:12px 0;opacity:.5}.prov-eng{font-size:.9rem;line-height:1.65;color:#fef3c7a6;margin-bottom:12px}.prov-context{font-size:.78rem;font-style:italic;color:#fef3c759;font-family:var(--serif, "Cormorant Garamond", serif)}.proverbs-view-all{text-align:center;margin-top:32px}.btn-inline-flex{display:inline-flex}.features-section{padding:80px 52px;background:var(--ivory, #fff8f0)}.feat-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}.feat-intro-desc{font-size:.9rem;line-height:1.8;color:var(--warm-mid, #92400e)}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat-card{background:var(--sand, #fef3c7);border:2px solid rgba(120,53,15,.15);border-radius:16px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.feat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s}.feat-card:nth-child(3n+1):before{background:var(--sun, #f97316)}.feat-card:nth-child(3n+2):before{background:var(--reed, #4d7c0f)}.feat-card:nth-child(3n):before{background:var(--ochre, #d97706)}.feat-card:hover{background:var(--pale, #fed7aa);border-color:#78350f40;transform:translateY(-4px);box-shadow:0 16px 48px #78350f1a}.feat-card:hover:before{transform:scaleX(1)}.feat-icon{width:52px;height:52px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(120,53,15,.15);background:var(--ivory, #fff8f0)}.feat-title{font-weight:800;font-size:1rem;color:var(--deep-earth, #451a03);margin-bottom:8px}.feat-desc{font-size:.84rem;line-height:1.7;color:var(--warm-mid, #92400e);margin-bottom:16px}.feat-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:100px;display:inline-block}.ft-new{background:#f973161a;color:var(--ember, #c2410c);border:1px solid rgba(249,115,22,.2)}.ft-imp{background:#4d7c0f1a;color:var(--reed, #4d7c0f);border:1px solid rgba(77,124,15,.2)}.ft-miss{background:#c2410c1a;color:var(--terracotta, #9a3412);border:1px solid rgba(194,65,12,.2)}.apk-download-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;margin-left:12px;padding:8px 18px;font-size:.82rem;font-weight:700;color:#fff;background:var(--reed, #4d7c0f);border-radius:8px;text-decoration:none;transition:background .2s,transform .15s}.apk-download-btn:hover{background:#3d6b0c;transform:translateY(-1px)}.site-footer{padding:64px 52px 36px;background:var(--night, #1c0f08);border-top:3px solid var(--earth, #78350f)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px}.fbrand h3{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:2rem;color:var(--gold-l, #fcd34d);margin-bottom:10px}.fbrand p{font-size:.84rem;line-height:1.75;color:#fef3c759;max-width:280px}.fbrand-location{margin-top:20px;display:flex;align-items:center;gap:8px}.fbrand-location span{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;font-size:.85rem;color:#fef3c74d}.fcol h4{font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fef3c740;margin-bottom:16px}.fcol a{display:block;font-size:.84rem;color:#fef3c773;text-decoration:none;margin-bottom:9px;transition:color .2s}.fcol a:hover{color:var(--gold-l, #fcd34d)}.footer-bot{border-top:1px solid rgba(254,243,199,.07);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#fef3c733}.footer-luo-text{font-family:var(--serif, "Cormorant Garamond", serif);font-style:italic;color:#fef3c74d;font-size:.85rem}.legal-page{padding:56px 52px 80px;background:var(--ivory, #fff8f0)}.legal-card{max-width:880px;margin:0 auto;padding:28px 28px 32px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(120,53,15,.14);box-shadow:0 18px 40px #78350f14}.legal-card h1{margin:0 0 6px;font-family:var(--serif, "Cormorant Garamond", serif);font-size:2.2rem;color:var(--deep-earth, #451a03)}.legal-updated{margin:0 0 20px;font-size:.82rem;color:var(--muted, #a8683a);font-weight:600}.legal-card h2{margin:22px 0 8px;font-size:1.1rem;color:var(--earth, #78350f)}.legal-card p{margin:0 0 12px;color:var(--warm-mid, #92400e);line-height:1.7;font-size:.95rem}.legal-card ul{margin:0 0 12px 18px;color:var(--warm-mid, #92400e);line-height:1.7;font-size:.95rem}.legal-card li+li{margin-top:6px}[data-theme=dark] .legal-card{background:#1c0f08e6;border-color:#fef3c714;box-shadow:0 18px 40px #00000059}@media(max-width:900px){.translator-section,.dict-section,.proverbs-section,.features-section,.site-footer{padding-left:20px;padding-right:20px}.translator-section{padding-top:16px;padding-bottom:40px}.translator-section{padding-left:4px;padding-right:4px}.ts-header{margin-bottom:16px}.dict-grid,.corpus-stats-grid,.corpus-grid,.proverbs-grid-section,.feat-intro,.feat-grid,.footer-top,.ps-top{grid-template-columns:1fr}.wotd-banner{grid-template-columns:1fr;padding:24px}.wotd-word-large{font-size:2.5rem}.wotd-play-btn{width:48px;height:48px;font-size:1.1rem}.footer-bot{flex-direction:column;gap:8px;text-align:center}.legal-page{padding-left:20px;padding-right:20px}.legal-card{padding:22px 18px 26px}}.route-intro{margin:20px 52px 0;padding:14px 16px;border:1px solid rgba(120,53,15,.16);border-radius:14px;background:#ffffffa6}.route-intro h2{margin:0 0 6px;color:var(--deep-earth, #451a03);font-family:var(--serif, "Cormorant Garamond", serif);font-size:1.35rem;font-style:italic}.route-intro p{margin:0;color:var(--muted, #a8683a);font-size:.9rem;line-height:1.5}.route-intro p+p{margin-top:6px}.route-intro a{color:var(--ember, #c2410c);font-weight:700}@media(max-width:860px){.route-intro{margin:12px 18px 0}}.ad-container{max-width:728px;margin:24px auto;padding:0 16px;min-height:90px;text-align:center;overflow:hidden}.ad-container:empty{display:none}.ad-after-hero{margin-top:16px;margin-bottom:0}.ad-after-translator{margin-top:32px;margin-bottom:32px}.ad-before-footer{margin-top:32px;margin-bottom:16px}@media(max-width:768px){.ad-container{max-width:100%;margin:16px auto;padding:0 12px;min-height:50px}}.onboarding-overlay{position:fixed;inset:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .3s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none}.onboarding-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:2.5rem 2rem 1.75rem;max-width:440px;width:100%;text-align:center;position:relative;box-shadow:0 24px 64px #0000004d;animation:cardEntrance .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.onboarding-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.onboarding-step-counter{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.06em}.onboarding-skip{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.3rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.onboarding-skip:hover{background:var(--bg-primary);color:var(--text-primary)}.onboarding-content{transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease;will-change:transform,opacity}.onboarding-content.onboarding-slide-left{transform:translate(-30px);opacity:0}.onboarding-content.onboarding-slide-right{transform:translate(30px);opacity:0}.onboarding-icon{font-size:3.5rem;margin-bottom:1rem;animation:bounceIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboarding-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem}.onboarding-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem}.onboarding-tip{display:flex;align-items:flex-start;gap:.5rem;background:hsla(var(--primary-hue),80%,50%,.08);border:1px solid hsla(var(--primary-hue),80%,50%,.15);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.85rem;color:var(--primary);text-align:left;margin-bottom:1.5rem}.tip-icon{flex-shrink:0;font-size:1rem}.onboarding-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent}.onboarding-dot.active{width:24px;border-radius:4px;background:var(--primary)}.onboarding-dot.done{background:var(--accent-green)}.onboarding-actions{display:flex;gap:.75rem;justify-content:center}.onboarding-btn{padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-fast);border:none;-webkit-tap-highlight-color:transparent}.onboarding-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 16px hsla(var(--primary-hue),80%,40%,.3);flex:1}.onboarding-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px hsla(var(--primary-hue),80%,40%,.4)}.onboarding-btn.primary:active{transform:scale(.97)}.onboarding-btn.secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border)}.onboarding-btn.secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.onboarding-btn.secondary:active{transform:scale(.97)}.onboarding-swipe-hint{font-size:.72rem;color:var(--text-muted);margin-top:1rem;margin-bottom:0;opacity:.6;letter-spacing:.02em}@media(max-width:768px){.onboarding-card{padding:2rem 1.5rem 1.25rem}.onboarding-title{font-size:1.3rem}}@media(hover:hover)and (pointer:fine){.onboarding-swipe-hint{display:none}}.action-btns-row{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;padding:.75rem;border-top:1px solid var(--border)}.action-btn-labeled{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);min-width:70px}.action-btn-labeled:disabled{opacity:.4;cursor:not-allowed}.action-btn-labeled:not(:disabled):hover{background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px hsla(var(--primary-hue),80%,50%,.25)}.action-btn-labeled:not(:disabled):hover .action-icon{transform:scale(1.15)}.action-btn-labeled:not(:disabled):hover .action-label{color:#fff}.action-btn-labeled.favorited{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:var(--primary);color:#fff}.action-btn-labeled.favorited .action-label{color:#fff}.action-btn-labeled.copied{background:var(--success);border-color:var(--success)}.action-btn-labeled.copied .action-label{color:#fff}.action-icon{font-size:1.5rem;transition:var(--transition-fast);line-height:1}.action-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast);text-transform:capitalize}@media(max-width:768px){.action-btns-row{gap:.5rem;padding:.5rem}.action-btn-labeled{padding:.5rem .75rem;gap:.25rem;min-width:60px}.action-icon{font-size:1.1rem}.action-label{font-size:.65rem}}.action-btn-labeled.compact{padding:.6rem;min-width:44px;height:44px;gap:0;justify-content:center}.action-btn-labeled.compact .action-label{display:none}.action-btn-labeled.compact .action-icon{font-size:1.25rem}.action-btn-labeled.compact:hover .action-icon{transform:scale(1.1)}