:root{--ink:#17352e;--muted:#6d7e79;--paper:#f7f5ee;--card:#fffdf9;--green:#1d5a4a;--lime:#d8ed8d;--line:#e5e2d8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:3;background:#fbfaf5;flex-direction:column;width:252px;padding:31px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.mobile-brand{align-items:center;gap:11px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:flex}.brand-mark{width:38px;height:38px;color:var(--lime);background:var(--green);border-radius:12px;place-items:center;font-family:Georgia,serif;font-size:17px;display:inline-grid}.side-nav{gap:7px;margin-top:50px;display:grid}.nav-item{color:#657670;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;display:flex}.nav-item:hover{background:#f0efe8}.nav-item.active{color:var(--green);background:#e8eddb;font-weight:700}.nav-icon{text-align:center;width:20px;font-size:18px}.daily-goal{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding-top:21px;display:flex}.goal-ring{border:5px solid var(--lime);text-align:center;border-right-color:#d9d9cf;border-radius:50%;flex:none;place-content:center;width:52px;height:52px;display:grid}.goal-ring strong{font-size:14px;line-height:13px}.goal-ring span{color:var(--muted);font-size:9px}.daily-goal>div:last-child{gap:3px;font-size:13px;display:grid}.daily-goal span{color:var(--muted);font-size:11px}.page{width:calc(100% - 252px);min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f5eee6;justify-content:flex-end;align-items:center;gap:22px;height:76px;padding:0 48px;display:flex}.mobile-brand{display:none}.streak{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.streak span{color:#e59b42}.streak strong{color:var(--ink)}.avatar{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:38px;height:38px}.content{max-width:1010px;margin:0 auto;padding:55px 44px 70px}.eyebrow,.lesson-number,.task-label,.section-heading span{color:#829088;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.welcome-row{justify-content:space-between;align-items:end;margin:9px 0 34px;display:flex}h1{letter-spacing:-.025em;margin:0 0 9px;font:700 clamp(32px,4vw,48px)/1.05 Georgia,serif}.welcome-row p{color:var(--muted);margin:0}.week-dots{gap:7px;display:flex}.week-dots span{border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.week-dots .done{color:#fff;background:var(--green)}.week-dots .today{color:var(--green);border:1px solid var(--green);background:0 0}.hero-card{color:#fff;background:var(--green);border-radius:24px;min-height:300px;padding:38px 40px;position:relative;overflow:hidden;box-shadow:0 22px 55px #17352e26}.hero-card h2{letter-spacing:-.02em;max-width:570px;margin:12px 0 13px;font:700 clamp(28px,4vw,42px)/1.08 Georgia,serif}.hero-card p{color:#d3dfda;max-width:530px;margin:0;line-height:1.55}.lesson-number{color:var(--lime)}.lesson-meta{color:#d6e0dc;gap:20px;margin:24px 0;font-size:12px;display:flex}.lesson-meta span+span:before{content:"·";color:#75968c;margin-right:20px}.primary-button{background:var(--lime);color:#17352e;cursor:pointer;border:0;border-radius:11px;padding:14px 20px;font-weight:800}.primary-button span{margin-left:18px}.hero-pattern{opacity:.1;width:270px;height:270px;position:absolute;top:7%;right:2%}.hero-pattern i{font:700 82px Georgia,serif;position:absolute}.hero-pattern i:first-child{top:0;left:0}.hero-pattern i:nth-child(2){top:65px;right:0}.hero-pattern i:nth-child(3){bottom:10px;left:20px}.section-heading{justify-content:space-between;align-items:end;margin:38px 0 17px;display:flex}.section-heading h2{margin:6px 0 0;font:700 24px Georgia,serif}.section-heading strong{color:var(--muted);font-size:12px}.task-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.task-card{border:1px solid var(--line);background:var(--card);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:128px;padding:22px;display:grid}.task-icon{border-radius:14px;place-items:center;width:47px;height:47px;font-size:22px;display:grid}.task-icon.warm{color:#9a642b;background:#f3e5c5}.task-icon.green{color:var(--green);background:#dcece4}.task-card h3{margin:5px 0;font:700 17px/1.2 Georgia,serif}.task-card p{color:var(--muted);margin:0;font-size:11px}.task-card button{border:1px solid var(--line);width:34px;height:34px;color:var(--green);cursor:pointer;background:0 0;border-radius:50%}.tip{background:#eeece3;border-radius:16px;align-items:center;gap:15px;margin-top:17px;padding:18px 22px;display:flex}.tip-mark{color:#c7883a;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font:italic 700 17px Georgia,serif;display:grid}.tip strong{font-size:12px}.tip p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.4}.uz-word{color:#b8b5aa;margin-left:auto;font:italic 26px Georgia,serif}.bottom-nav{display:none}@media (width<=820px){.sidebar{display:none}.page{width:100%;margin:0;padding-bottom:76px}.topbar{justify-content:space-between;height:66px;padding:0 20px}.mobile-brand{font-size:18px;display:flex}.mobile-brand .brand-mark{border-radius:10px;width:34px;height:34px}.streak{margin-left:auto;font-size:0}.streak strong{font-size:13px}.content{padding:35px 20px}.welcome-row{align-items:start;margin-bottom:24px}.week-dots{display:none}.hero-card{border-radius:20px;min-height:340px;padding:30px 25px}.hero-card h2{max-width:85%}.hero-card p{max-width:82%}.lesson-meta{flex-wrap:wrap;gap:8px 13px;max-width:80%}.lesson-meta span+span:before{margin-right:13px}.hero-pattern{top:30px;right:-80px}.section-heading{margin-top:30px}.task-grid{grid-template-columns:1fr}.uz-word{display:none}.bottom-nav{z-index:5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf9f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#7c8985;cursor:pointer;background:0 0;border:0;place-content:center;justify-items:center;gap:4px;font-size:9px;display:grid}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:var(--green);font-weight:800}}@media (width<=420px){.content{padding-left:16px;padding-right:16px}.welcome-row p{max-width:310px;font-size:14px}.hero-card h2,.hero-card p{max-width:100%}.hero-pattern{opacity:.06}.task-card{gap:12px;padding:17px}.tip{align-items:flex-start}}.inner-screen{max-width:1080px}.page-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-intro h1{margin-top:9px}.page-intro p{color:var(--muted);max-width:650px;margin:0;line-height:1.55}.course-progress,.queue-count{border:1px solid var(--line);background:var(--card);border-radius:16px;flex:none;min-width:112px;padding:15px 18px;display:grid}.course-progress strong,.queue-count strong{font:700 25px Georgia,serif}.course-progress span,.queue-count span{color:var(--muted);font-size:11px}.back-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-bottom:30px;padding:0;font-size:13px}.back-link:hover{color:var(--green)}.secondary-button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:11px;padding:14px 20px;font-weight:700}.course-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.course-toolbar>span{color:var(--muted);font-size:11px}.segmented{background:#eae8df;border-radius:12px;padding:4px;display:flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 13px;font-size:11px}.segmented .selected{color:var(--green);background:var(--card);font-weight:700;box-shadow:0 2px 8px #17352e14}.lesson-list{gap:9px;display:grid}.lesson-row{border:1px solid var(--line);background:var(--card);width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:50px minmax(260px,1fr) auto 26px;align-items:center;gap:18px;padding:18px 20px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.lesson-row:hover{border-color:#b8c8c0;transform:translateY(-1px);box-shadow:0 9px 24px #17352e12}.lesson-row.current{box-shadow:inset 4px 0 var(--lime);border-color:#9bb3a9}.lesson-row.complete{background:#f1f2ea}.lesson-index{width:38px;height:38px;color:var(--muted);background:#eeece4;border-radius:11px;place-items:center;font:700 12px Georgia,serif;display:grid}.lesson-row.current .lesson-index{background:var(--green);color:var(--lime)}.lesson-row.complete .lesson-index{color:var(--green);background:#dcebdc}.lesson-copy{gap:3px;display:grid}.lesson-copy small{color:#84918d;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.lesson-copy strong{font:700 17px Georgia,serif}.lesson-copy em{color:var(--muted);font-size:11px;font-style:normal}.lesson-tags{gap:8px;display:flex}.lesson-tags b{color:#74817d;background:#f0eee7;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:600}.row-arrow{color:#8a9893}.lesson-header{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.lesson-header h1{max-width:700px;margin-top:9px}.lesson-header p{color:var(--muted);margin:0}.lesson-score{border:1px solid var(--line);text-align:center;border-radius:50%;flex:none;place-content:center;width:78px;height:78px;display:grid}.lesson-score strong{font:700 22px Georgia,serif}.lesson-score span{color:var(--muted);font-size:9px}.lesson-stepper{color:#8a9692;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;display:grid}.lesson-stepper span{border:1px solid var(--line);white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;gap:6px;width:26px;height:26px;display:flex}.lesson-stepper span b{margin-left:2px;font-weight:600}.lesson-stepper span:not(.active) b{display:none}.lesson-stepper .active{border-color:var(--green);width:auto;color:var(--green);background:#e7eddf;padding:0 11px}.lesson-stepper i{background:var(--line);height:1px}.theory-card{background:var(--green);color:#fff;border-radius:22px;grid-template-columns:60px 1fr;gap:20px;padding:36px 40px;display:grid;position:relative;overflow:hidden}.chapter-mark{color:var(--lime);opacity:.75;font:italic 28px Georgia,serif}.theory-card small,.alphabet-box small,.practice-card small,.review-summary small,.srs-panel small,.stats-grid small,.activity-panel small{letter-spacing:.12em;color:#95aaa3;font-size:9px;font-weight:800}.theory-card small{color:var(--lime)}.theory-card h2,.alphabet-box h2,.practice-card h2,.review-summary h2,.srs-panel h2,.activity-panel h2{margin:8px 0 10px;font:700 25px Georgia,serif}.theory-card p{color:#d4e0dc;max-width:710px;font-size:14px;line-height:1.6}.example-strip{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:18px;margin-top:20px;padding:14px 18px;display:flex}.example-strip span:first-child{color:var(--lime);font:700 20px Georgia,serif}.example-strip i{color:#77998f;font-style:normal}.alphabet-box{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:190px 1fr;gap:30px;margin-top:16px;padding:28px 30px;display:grid}.letter-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.letter-grid div{background:#f0eee7;border-radius:11px;gap:3px;padding:12px;display:grid}.letter-grid strong{color:var(--green);font:700 21px Georgia,serif}.letter-grid span{color:var(--muted);font-size:9px}.practice-card{border:1px solid var(--line);background:var(--card);border-radius:20px;margin-top:16px;padding:28px 30px}.practice-card p{color:var(--muted);font-size:13px}.answer-row{gap:10px;margin-top:18px;display:flex}.answer-row input{border:1px solid var(--line);min-width:0;color:var(--ink);background:#f9f8f3;border-radius:11px;outline:none;flex:1;padding:13px 15px}.answer-row input:focus{border-color:var(--green)}.answer-row button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:0 20px;font-weight:700}.feedback{border-radius:10px;margin-top:12px;padding:11px 14px;font-size:12px}.feedback.correct{color:#346338;background:#e3efdf}.feedback.hint{color:#8b6233;background:#f5e9d5}.lesson-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.words-screen{max-width:850px}.flash-progress{background:#dfddd4;border-radius:4px;height:4px;margin-bottom:22px;overflow:hidden}.flash-progress i{background:var(--green);border-radius:4px;height:100%;transition:width .25s;display:block}.flashcard{border:1px solid var(--line);background:var(--card);width:100%;min-height:390px;color:var(--ink);cursor:pointer;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;padding:45px;transition:transform .25s,background .25s;display:flex;position:relative;box-shadow:0 20px 50px #17352e17}.flashcard:hover{transform:translateY(-2px)}.flashcard.flipped{background:var(--green);color:#fff}.flashcard small{color:#83918c;letter-spacing:.15em;font-size:9px;font-weight:800}.flashcard.flipped small{color:var(--lime)}.flashcard>strong{margin:23px 0 6px;font:700 clamp(47px,8vw,72px) Georgia,serif}.flashcard .cyrl{color:var(--muted);font:italic 24px Georgia,serif}.flashcard p{color:#d6e1dd;text-align:center;max-width:480px;font-size:16px;line-height:1.6}.flashcard em{color:#9aa5a1;font-size:10px;font-style:normal;position:absolute;bottom:25px}.flashcard.flipped em{color:#86a098}.card-hint{text-align:center;color:var(--muted);margin:17px 0;font-size:11px}.rating-row{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.rating-row button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:12px;gap:4px;padding:12px 8px;display:grid}.rating-row button:hover{border-color:var(--green);background:#eff2e9}.rating-row strong{font-size:11px}.rating-row span{color:var(--muted);font-size:9px}.review-summary{background:var(--green);color:#fff;border-radius:24px;grid-template-columns:180px 1fr;align-items:center;gap:36px;padding:35px 40px;display:grid}.review-orbit{outline-offset:-15px;text-align:center;border:1px solid #6f9187;border-radius:50%;outline:1px dashed #4b776a;place-content:center;width:150px;height:150px;display:grid}.review-orbit strong{color:var(--lime);font:700 46px Georgia,serif}.review-orbit span{color:#bad0c9;font-size:10px}.review-summary small{color:var(--lime)}.review-summary h2{font-size:29px}.review-summary p{color:#b8ccc5;font-size:12px}.review-summary .primary-button{margin-top:10px}.review-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.review-grid article{border:1px solid var(--line);background:var(--card);border-radius:17px;padding:22px}.review-grid .metric-icon{float:right;width:35px;height:35px;color:var(--green);background:#edece5;border-radius:10px;place-items:center;display:grid}.review-grid strong{font:700 30px Georgia,serif;display:block}.review-grid p{color:var(--muted);margin:5px 0 0;font-size:10px}.srs-panel{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:27px 30px;display:grid}.srs-panel p{color:var(--muted);font-size:12px;line-height:1.55}.intervals{justify-content:space-between;align-items:center;display:flex;position:relative}.intervals:before{content:"";background:#d9d7cf;height:1px;position:absolute;top:25px;left:30px;right:30px}.intervals div{z-index:1;text-align:center;background:#eeece5;border-radius:50%;place-content:center;width:52px;height:52px;display:grid}.intervals div.active{background:var(--lime)}.intervals span{font:700 17px Georgia,serif}.intervals b{color:var(--muted);font-size:8px;font-weight:500}.saved-note{color:var(--muted);text-align:right;font-size:10px}.stats-grid{grid-template-columns:2fr 1fr 1fr;gap:15px;display:grid}.stats-grid article{border:1px solid var(--line);background:var(--card);border-radius:20px;min-height:170px;padding:25px}.stats-grid article:not(.stat-feature)>strong{margin-top:20px;font:700 48px Georgia,serif;display:block}.stats-grid article:not(.stat-feature)>p{color:var(--muted);margin:0;font-size:11px}.stat-feature{align-items:center;gap:25px;display:flex}.stat-feature h2{margin:7px 0;font:700 24px Georgia,serif}.stat-feature p{color:var(--muted);font-size:11px;line-height:1.5}.big-ring{--value:0deg;background:conic-gradient(var(--green) var(--value),#e5e3db 0);border-radius:50%;flex:none;place-items:center;width:120px;height:120px;display:grid}.big-ring:before{content:"";background:var(--card);border-radius:50%;grid-area:1/1;width:94px;height:94px}.big-ring div{z-index:1;text-align:center;grid-area:1/1;display:grid}.big-ring strong{font:700 23px Georgia,serif}.big-ring span{color:var(--muted);font-size:9px}.week-plan{margin-top:32px}.plan-table{border:1px solid var(--line);background:var(--card);border-radius:18px;overflow:hidden}.plan-table>div{border-bottom:1px solid var(--line);grid-template-columns:90px 100px 1fr 1fr;align-items:center;gap:16px;padding:14px 18px;font-size:11px;display:grid}.plan-table>div:last-child{border-bottom:0}.plan-table .current{box-shadow:inset 4px 0 var(--green);background:#eef1e7}.plan-table span{color:var(--green);font-weight:800}.plan-table p,.plan-table em{color:var(--muted);margin:0}.plan-table em{font-size:10px;font-style:normal}.activity-panel{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;min-height:230px;margin-top:16px;padding:28px 30px;display:grid}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:16px;height:150px;display:flex}.bars div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bars i{background:#9db6ad;border-radius:6px 6px 0 0;width:100%;max-width:22px;display:block}.bars .today-bar{background:var(--lime)}.bars span{color:var(--muted);font-size:9px}.toast{z-index:20;color:#fff;background:#17352e;border-radius:12px;padding:13px 17px;font-size:12px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #17352e40}@media (width<=820px){.page-intro{align-items:flex-start}.course-toolbar>span{display:none}.lesson-row{grid-template-columns:42px 1fr 22px;gap:12px;padding:15px}.lesson-tags{display:none}.lesson-copy strong{font-size:15px}.lesson-header{align-items:flex-start}.lesson-score{width:64px;height:64px}.lesson-stepper{gap:7px}.theory-card{grid-template-columns:1fr;padding:28px 24px}.chapter-mark{display:none}.alphabet-box{grid-template-columns:1fr;gap:12px;padding:24px}.letter-grid{grid-template-columns:repeat(3,1fr)}.review-summary{grid-template-columns:115px 1fr;gap:22px;padding:27px}.review-orbit{width:110px;height:110px}.review-orbit strong{font-size:35px}.review-grid{grid-template-columns:repeat(3,1fr)}.srs-panel{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-feature{grid-column:1/-1}.plan-table>div{grid-template-columns:75px 85px 1fr}.plan-table em{display:none}.activity-panel{grid-template-columns:1fr}.toast{text-align:center;bottom:82px;left:18px;right:18px}}@media (width<=520px){.page-intro{margin-bottom:24px}.page-intro .course-progress,.page-intro .queue-count{display:none}.course-toolbar{overflow:auto}.lesson-row{grid-template-columns:38px 1fr 18px}.lesson-copy em{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.lesson-header h1{font-size:32px}.lesson-score{display:none}.lesson-stepper span b{display:none!important}.lesson-stepper .active{width:26px;padding:0}.theory-card h2,.alphabet-box h2,.practice-card h2{font-size:22px}.letter-grid{grid-template-columns:repeat(2,1fr)}.answer-row{flex-direction:column}.answer-row button{padding:13px}.lesson-actions{flex-direction:column}.lesson-actions button{width:100%}.flashcard{min-height:350px;padding:30px 20px}.rating-row{grid-template-columns:repeat(2,1fr)}.review-summary{text-align:center;grid-template-columns:1fr}.review-orbit{margin:0 auto}.review-summary .primary-button{width:100%}.review-grid{grid-template-columns:1fr}.srs-panel{padding:23px 20px}.intervals div{width:44px;height:44px}.intervals:before{top:21px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:not(.stat-feature){min-height:145px}.stat-feature{text-align:center;flex-direction:column}.plan-table>div{grid-template-columns:74px 1fr;gap:6px 12px}.plan-table p{grid-column:2}.activity-panel{padding:22px 18px}.section-heading strong{display:none}}