:root{--blue: #1565C0;--blue-light: #1E88E5;--blue-pale: #E3F2FD;--blue-deep: #0D1B3E;--gold: #F5A623;--gold-dark: #D4880A;--gold-light: #FFF8E1;--red: #C62828;--white: #FFFFFF}:root,[data-theme=light]{--bg: #F4F7FB;--bg2: #FFFFFF;--bg-card: #FFFFFF;--bg-sidebar: #1A237E;--bg-sidehov: rgba(255,255,255,.12);--bg-active: rgba(255,255,255,.22);--bg-section: #F0F6FF;--bg-exercise: #EBF5FF;--bg-audio: #DDEEFF;--text: #1A1A2E;--text2: #4A5568;--text3: #718096;--text-side: rgba(255,255,255,.85);--text-tuvan: #1565C0;--text-ru: #2D3748;--text-en: #276749;--border: #E2E8F0;--shadow: 0 2px 12px rgba(21,101,192,.1);--shadow2: 0 6px 24px rgba(21,101,192,.14);--banner: linear-gradient(135deg, #1A237E 0%, #1565C0 50%, #29B6F6 100%);--gold-stripe-bg: var(--gold)}[data-theme=dark]{--bg: #0D1117;--bg2: #161B22;--bg-card: #1C2333;--bg-sidebar: #080F20;--bg-sidehov: rgba(255,255,255,.07);--bg-active: rgba(245,166,35,.18);--bg-section: #161E2E;--bg-exercise: #0F1A2E;--bg-audio: #1A2744;--text: #E6EDF3;--text2: #8B949E;--text3: #6E7681;--text-side: rgba(230,237,243,.85);--text-tuvan: #79B8FF;--text-ru: #C9D1D9;--text-en: #7EE787;--border: #30363D;--shadow: 0 2px 12px rgba(0,0,0,.4);--shadow2: 0 6px 24px rgba(0,0,0,.5);--banner: linear-gradient(135deg, #060D1E 0%, #0D1B3E 50%, #1565C0 100%);--gold-stripe-bg: #B8720A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;min-width:280px;background:var(--bg-sidebar);display:flex;flex-direction:column;overflow:hidden;box-shadow:2px 0 16px #0000004d;position:relative;z-index:10}.sidebar-header{padding:1.2rem 1rem 0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%)}.sidebar-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.sidebar-logo .flag-strip{display:flex;flex-direction:column;width:5px;height:36px;border-radius:3px;overflow:hidden;flex-shrink:0}.sidebar-logo .flag-strip span{flex:1}.sidebar-logo .flag-strip .flag-blue{background:#1565c0}.sidebar-logo .flag-strip .flag-white{background:#fff}.sidebar-logo .flag-strip .flag-gold{background:var(--gold)}.sidebar-logo h1{font-size:1rem;font-weight:700;color:#fff;line-height:1.2}.sidebar-logo h1 small{display:block;font-size:.7rem;font-weight:400;color:#fff9}.sidebar .gold-stripe{height:3px;background:var(--gold);margin:.8rem 0 0}.sidebar-controls{display:flex;gap:.5rem;padding:.6rem 1rem;align-items:center;flex-wrap:wrap}.sidebar-search{padding:0 1rem .6rem}.sidebar-search input{width:100%;padding:6px 10px;border-radius:8px;border:none;background:#ffffff1f;color:#fff;font-size:.8rem;outline:none;transition:background .2s}.sidebar-search input::placeholder{color:#fff6}.sidebar-search input:focus{background:#fff3}.sidebar .lesson-list{flex:1;overflow-y:auto;padding:0 0 1rem}.sidebar .lesson-list::-webkit-scrollbar{width:4px}.sidebar .lesson-list::-webkit-scrollbar-track{background:transparent}.sidebar .lesson-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.7rem;color:#fff6;text-align:center}.chapter-label{padding:.4rem 1rem;font-size:.65rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:.6rem 1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-height:52px}.topbar .breadcrumb{font-size:.82rem;color:var(--text2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .breadcrumb strong{color:var(--text);font-weight:600}.content{flex:1;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:var(--bg)}.content::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px}.donate-wrap{position:relative;flex-shrink:0}.btn-donate{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--gold);background:transparent;color:var(--gold);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-donate:hover{background:var(--gold);color:#1a1a2e}.donate-popup{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 8px 24px #00000040;z-index:200;animation:fadeDown .18s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.donate-title{font-size:.7rem;color:var(--text2);margin:0 0 8px;text-align:center}.donate-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s;cursor:pointer}.donate-option.donate-card{background:#f5a6231a;color:var(--gold);margin-bottom:5px}.donate-option.donate-card:hover{background:#f5a62338}.donate-option.donate-paypal{background:#0077ca1a;color:#4fa8e8}.donate-option.donate-paypal:hover{background:#0077ca38}.donate-option .paypal-icon{width:13px;height:13px;flex-shrink:0}.menu-toggle{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text);padding:4px}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:8}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:9;transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:none}.overlay.open{display:block}.menu-toggle{display:flex}.main{width:100%}.content{padding:1rem}.topbar{padding:.5rem 1rem}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-light)}.btn-gold{background:var(--gold);color:#1a1a2e}.btn-gold:hover{background:var(--gold-dark)}.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-section)}.btn-theme,.btn-lang{border:none;border-radius:20px;font-size:.72rem;font-weight:600;padding:4px 10px;cursor:pointer;transition:all .2s}.btn-theme{background:#ffffff26;color:#fff}.btn-theme:hover{background:#ffffff40}.btn-lang{background:#ffffff1a;color:#fffc}.btn-lang.active{background:var(--gold);color:#1a1a2e}.btn-lang:not(.active):hover{background:#fff3}.section-type-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.badge-grammar{background:#e8f0fe;color:#3b57c4}.badge-phrases,.badge-dialogue{background:#e8f8ef;color:#276749}.badge-vocabulary{background:#fff3e0;color:#b35b00}.badge-exercise{background:#f3e5f5;color:#7b1fa2}.badge-text{background:#e0f7fa;color:#00695c}.badge-answers{background:#e8f5e9;color:#2e7d32}[data-theme=dark] .badge-grammar{background:#1a2f5c;color:#79b8ff}[data-theme=dark] .badge-phrases,[data-theme=dark] .badge-dialogue{background:#0f2e1d;color:#7ee787}[data-theme=dark] .badge-vocabulary{background:#2c1800;color:#f0a060}[data-theme=dark] .badge-exercise{background:#2a0d3a;color:#ce93d8}[data-theme=dark] .badge-text{background:#003833;color:#80cbc4}[data-theme=dark] .badge-answers{background:#0d2e11;color:#81c784}.answers-block{border-left-color:var(--gold)}.answers-block h4{color:var(--gold-dark)}[data-theme=dark] .answers-block h4{color:var(--gold)}.audio-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:none;background:var(--bg-audio);color:var(--blue);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.audio-btn svg{width:12px;height:12px;flex-shrink:0}.audio-btn:hover{background:var(--blue);color:#fff}.audio-btn.playing{background:var(--gold);color:#1a1a2e;animation:audioPulse 1.2s ease-in-out infinite}[data-theme=dark] .audio-btn{background:#1a2744;color:#79b8ff}[data-theme=dark] .audio-btn:hover{background:#79b8ff;color:#0d1117}@keyframes audioPulse{0%,to{box-shadow:0 0 #f5a62366}50%{box-shadow:0 0 0 6px #f5a62300}}.lesson-item{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem 1rem;cursor:pointer;border-left:3px solid transparent;transition:all .18s;color:var(--text-side)}.lesson-item:hover{background:var(--bg-sidehov)}.lesson-item.active{background:var(--bg-active);border-left-color:var(--gold);color:#fff}.lesson-item.hidden{display:none}.lesson-item .icon{font-size:1.1rem;margin-top:1px;flex-shrink:0}.lesson-item .info{flex:1;min-width:0}.lesson-item .num{font-size:.65rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}.lesson-item .title{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.lesson-item .sub{font-size:.7rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-top:2px}.lesson-item.active .sub{color:#ffffffb3}.progress-info{font-size:.75rem;color:var(--text3);white-space:nowrap}.progress-bar-wrap{width:120px;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:var(--gold);border-radius:3px;transition:width .4s ease}.lesson-nav{display:flex;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border)}.lesson-hero{background:var(--banner);border-radius:16px;padding:2rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.lesson-hero:before{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;border-radius:50%;background:#ffffff0f}.lesson-hero:after{content:"";position:absolute;right:40px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:#f5a6231a}.lesson-hero .hero-top{display:flex;align-items:flex-start;gap:1rem;position:relative;z-index:1}.lesson-hero .hero-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.lesson-hero .lesson-num{font-size:.75rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.lesson-hero h2{font-size:1.5rem;font-weight:700;margin-bottom:.2rem;line-height:1.25}.lesson-hero .hero-sub{font-size:.9rem;color:#ffffffbf}.lesson-hero .hero-tuvan{font-size:1.1rem;color:#fff9;margin-top:.4rem;font-style:italic}.lesson-hero .hero-audio{margin-top:1rem;position:relative;z-index:1}.stripe{height:4px;background:var(--gold);border-radius:2px;margin:1rem 0}.section-card{background:var(--bg-card);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:1.25rem;overflow:hidden}.section-head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;cursor:pointer;background:var(--bg-section);border-bottom:1px solid transparent;transition:background .15s;-webkit-user-select:none;user-select:none}.section-head:hover{background:var(--blue-pale)}.section-head.open{border-bottom-color:var(--border)}[data-theme=dark] .section-head:hover{background:#1e2d44}.section-head-title{font-size:.9rem;font-weight:600;flex:1;color:var(--text)}.section-head-tuvan{font-size:.78rem;color:var(--text-tuvan);margin-left:.25rem}.chevron{margin-left:auto;flex-shrink:0;color:var(--text3);transition:transform .2s;font-size:.8rem}.section-head.open .chevron{transform:rotate(180deg)}.section-body{padding:1.25rem;display:none}.section-body.open{display:block;animation:fadeIn .25s ease}.section-intro{font-size:.85rem;color:var(--text2);margin-bottom:1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.grammar-rule{background:var(--bg-exercise);border-radius:10px;border-left:4px solid var(--blue);padding:.9rem 1.1rem;margin-bottom:.75rem}.grammar-rule h4{font-size:.88rem;font-weight:700;color:var(--blue);margin-bottom:.5rem}.grammar-rule p{font-size:.85rem;color:var(--text2);line-height:1.7}[data-theme=dark] .grammar-rule h4{color:#79b8ff}.grammar-rule ol{padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.grammar-rule ol li{line-height:1.6;max-width:72ch}.grammar-rule em{font-style:normal;font-weight:600;color:var(--color-primary)}.grammar-rule .decl-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.25rem;overflow-x:auto;display:block}.grammar-rule .decl-table th,.grammar-rule .decl-table td{padding:.4rem .7rem;border:1px solid var(--border, #d0c8f0);text-align:left;line-height:1.4}.grammar-rule .decl-table th{background:var(--blue);color:#fff;font-weight:600;white-space:nowrap}.grammar-rule .decl-table tr:nth-child(2n) td{background:#00000008}.grammar-rule .decl-table td:first-child{font-weight:600;white-space:nowrap;color:var(--blue)}.phrase-list{display:flex;flex-direction:column;gap:.6rem}.phrase-item{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;background:var(--bg-section);border-radius:10px;padding:.75rem 1rem;border:1px solid var(--border)}.phrase-item.dialogue{border-left:4px solid var(--gold)}.phrase-tuvan{font-weight:700;color:var(--text-tuvan);font-size:.92rem;display:flex;flex-direction:column;gap:4px}.phrase-ru{font-size:.85rem;color:var(--text-ru)}.phrase-en{font-size:.82rem;color:var(--text-en);font-style:italic}.phrase-translation{display:flex;flex-direction:column;gap:2px;justify-content:center}@media(max-width:640px){.phrase-item{grid-template-columns:1fr}}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.word-card{background:var(--bg-section);border-radius:10px;border:1px solid var(--border);padding:.7rem .9rem;display:flex;flex-direction:column;gap:3px}.word-card .word-tuvan{font-weight:700;color:var(--text-tuvan);font-size:1rem}.word-card .word-ru{font-size:.82rem;color:var(--text-ru)}.word-card .word-en{font-size:.78rem;color:var(--text-en);font-style:italic}.word-card .word-audio{margin-top:5px}.exercise-block{background:var(--bg-exercise);border-radius:10px;border:1px solid var(--border);padding:.9rem 1.1rem;margin-bottom:.75rem}.exercise-block h4{font-size:.88rem;font-weight:700;color:#7b1fa2;margin-bottom:.5rem}[data-theme=dark] .exercise-block h4{color:#ce93d8}.exercise-instruction{font-size:.85rem;color:var(--text2);margin-bottom:.75rem;line-height:1.6}.exercise-examples{display:flex;flex-direction:column;gap:.5rem}.ex-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:var(--bg-card);border-radius:8px;padding:.6rem .8rem}.ex-row .ex-tuvan{font-weight:700;color:var(--text-tuvan);font-size:.88rem}.ex-row .ex-trans{font-size:.82rem;color:var(--text2)}@media(max-width:640px){.ex-row{grid-template-columns:1fr}}.text-content{background:var(--bg-section);border-radius:10px;border:1px solid var(--border);padding:1rem 1.2rem;font-size:.87rem;color:var(--text2);line-height:1.8;white-space:pre-line}.welcome{text-align:center;padding:3rem 1rem;color:var(--text2)}.welcome h2{font-size:1.6rem;color:var(--text);margin-bottom:.5rem}.welcome p{font-size:.95rem;max-width:480px;margin:0 auto}