@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0;color:inherit}a{color:inherit}img,svg{vertical-align:middle}button,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a284ff;outline-offset:4px}html{scroll-behavior:smooth}body{min-width:320px}button{background:none}input,textarea,select{min-width:0}button svg{pointer-events:none}[hidden]{display:none!important}}
@layer base{
:root{color-scheme:light;--bg:#f6f7fb;--card:#fff;--ink:#222331;--muted:#76798c;--line:#e9eaf0;--accent:#7556ee;--accent2:#5a3ed0;--purple:#eeebff;--green:#cee983;--good:#167355;--bad:#b4484e;--badbg:#fff0f0;--shadow:0 10px 35px #21253d06;--radius:23px;font-size:16px}
body{background:var(--bg);color:var(--ink);font:400 1rem/1.55 'Segoe UI',Arial,sans-serif;letter-spacing:-.15px}body.dark{color-scheme:dark;--bg:#13151e;--card:#1d202c;--ink:#f3f2fb;--muted:#a1a5b9;--line:#313545;--purple:#302746;--badbg:#3b242b;--good:#7fd4b1;--bad:#ff9fa4;--shadow:none}body.large{font-size:18px}h1,h2,h3{line-height:1.15;letter-spacing:-1.1px}h1{font-size:clamp(30px,3.2vw,43px);font-weight:700}h2{font-size:24px;font-weight:650}h3{font-size:19px;font-weight:650;letter-spacing:-.4px}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.small{font-size:14px}.tiny{font-size:12px}.spacer{flex:1}.hidden{display:none!important}.skip{position:fixed;top:-80px;z-index:200;background:var(--card);padding:15px}.skip:focus{top:10px}.loading{display:grid;place-content:center;text-align:center;height:60vh;font-size:50px;font-weight:700}.loading span{font-size:16px;margin-top:15px;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
}
@layer components{
.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#181a25;color:#b5b6c5;display:flex;flex-direction:column;padding:32px 19px 22px;z-index:40}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:30px;letter-spacing:-1.4px;font-weight:750;padding:0 13px;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#d3ed92;color:#202729}.brand-mark svg{width:23px;height:23px;stroke-width:3}.brand sup{font-size:9px;color:#aaa4ce;letter-spacing:1.5px;margin-left:4px;align-self:start;padding-top:8px}.nav-caption{font-size:11px;letter-spacing:1.5px;color:#6e7286;margin:41px 15px 12px}.nav-list{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 15px;border-radius:12px;font-size:14px;text-align:left;width:100%;transition:background .2s,color .2s;position:relative}.nav-link:hover{color:#fff;background:#ffffff08}.nav-link.active{background:#7556ee;color:#fff;box-shadow:0 5px 19px #06051420}.nav-link .ico{width:20px;height:20px}.nav-link .count{margin-left:auto;font-size:11px;background:#ffffff18;border-radius:6px;padding:1px 6px}.sidebar-bottom{margin-top:auto}.sidebar-plan{border:1px solid #ffffff14;border-radius:17px;padding:16px;margin:32px 4px 15px;background:linear-gradient(125deg,#ffffff08,transparent)}.sidebar-plan strong{font-size:14px;color:#ebedf4;display:block}.sidebar-plan p{font-size:12px;color:#8c91a9;margin-top:6px}.sidebar-plan .mini-line{margin-top:13px;background:#353746}.workspace{margin-left:232px;min-height:100vh}.topbar{height:88px;max-width:1540px;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:12px}.breadcrumb span{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:14px}.search-trigger{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;border:1px solid var(--line);padding:8px 12px;border-radius:10px}.search-trigger .ico{width:16px;height:16px}.search-trigger kbd{font:11px 'Segoe UI';background:var(--bg);padding:2px 5px;border-radius:4px;margin-left:10px}.top-streak{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.top-streak svg{color:#eb9663}.avatar{width:35px;height:35px;background:var(--purple);color:var(--accent);font-size:13px;border-radius:50%;display:grid;place-content:center;font-weight:700}#main{max-width:1540px;margin:auto;padding:11px 44px 50px;outline:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-head h1{margin:6px 0 9px}.page-head p{color:var(--muted);font-size:15px;max-width:670px}.page-head .eyebrow{color:var(--accent)}.level-switch{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--card);flex-shrink:0}.level-switch button{font-size:13px;font-weight:650;min-height:36px;min-width:43px;border-radius:9px;padding:6px 10px;color:var(--muted);transition:background-color .2s,color .2s,box-shadow .2s}.level-switch button.active{background:var(--ink);color:var(--card)}.level-switch button:hover:not(.active){background:var(--bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:46px;border-radius:12px;background:var(--accent);color:white;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;line-height:1.45}.btn:hover{background:var(--accent2);box-shadow:0 5px 18px #7556ee22;transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn .ico{width:18px;height:18px}.btn.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.soft{background:var(--purple);color:var(--accent)}.btn.lime{background:#d4ec9d;color:#253425}.btn.lime:hover{background:#e0f5b2}.btn.danger{background:var(--badbg);color:var(--bad);border:1px solid #b4484e24}.btn.wide{width:100%}.btn.compact{min-height:38px;padding:8px 13px;font-size:13px}.link-btn{display:inline-flex;gap:7px;align-items:center;color:var(--accent);font-size:14px;font-weight:600;min-height:40px;padding:6px 0}.link-btn .ico{width:16px}.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-shrink:0;transition:transform .2s,color .2s}.icon-btn:hover{color:var(--accent);transform:translateY(-2px)}.icon-btn.active{background:var(--purple);color:var(--accent)}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:650;border-radius:7px;padding:4px 8px;background:var(--bg);color:var(--muted);gap:6px}.tag.A1{color:#447449;background:#edf5e5}.tag.A2{color:#3b7788;background:#e9f4f7}.tag.B1{color:#7960ab;background:#f1ebfb}.tag.B2{color:#9b7041;background:#fcf0dc}.tag.C1{color:#a64f6f;background:#f9e9f1}.dark .tag{filter:saturate(.7);color:#252837}.card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 16px}.section-title h2{font-size:21px}.section-title p{font-size:14px;color:var(--muted);margin-top:5px}.mini-line{height:5px;border-radius:7px;background:var(--line);overflow:hidden}.mini-line span{display:block;height:100%;background:var(--accent);border-radius:7px;transition:width .5s}.home-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,.9fr);gap:22px}.daily-card{position:relative;overflow:hidden;background:linear-gradient(116deg,#7760e1 0%,#6648d5 55%,#5036b4 100%);color:#fff;border:0;padding:31px 33px 28px;min-height:282px;display:flex;flex-direction:column}.daily-card:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #ffffff10;border-radius:50%;right:-50px;top:-140px;box-shadow:0 0 0 47px #ffffff03,0 0 0 98px #ffffff02;pointer-events:none}.daily-card .eyebrow{color:#ded4ff;font-size:11px;letter-spacing:1.5px}.daily-card h2{font-size:clamp(26px,2.6vw,37px);letter-spacing:-1px;margin:15px 0 11px;max-width:470px;position:relative}.daily-card p{font-size:14px;color:#e5dffc;max-width:365px;position:relative}.daily-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:23px;position:relative}.lesson-route{display:flex;gap:8px;font-size:11px;color:#d2c5ff;align-items:center}.lesson-route i{height:1px;background:#a992ed;width:15px}.lesson-route b{color:#fff;font-weight:600}.daily-badge{position:absolute;right:26px;top:27px;border:1px solid #ffffff26;background:#ffffff12;border-radius:8px;padding:4px 8px;font-size:11px;color:#ede7ff}.focus-card{padding:25px;display:flex;flex-direction:column}.focus-card .eyebrow{color:var(--muted);font-size:11px}.focus-ring{position:relative;width:142px;height:142px;margin:15px auto 8px}.focus-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.focus-ring circle{fill:none;stroke-width:8}.focus-ring .track{stroke:var(--line)}.focus-ring .fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1s}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.ring-center strong{font-size:36px;line-height:1.1;font-weight:650;letter-spacing:-1px}.ring-center span{font-size:12px;color:var(--muted);margin-top:4px}.focus-card .week{display:flex;justify-content:space-between;gap:4px;margin-top:12px}.day-dot{text-align:center;font-size:11px;color:var(--muted)}.day-dot i{margin-top:7px;display:grid;place-items:center;border:1px solid var(--line);width:27px;height:27px;border-radius:50%;font-size:11px;font-style:normal}.day-dot.done i{background:var(--accent);color:#fff;border-color:var(--accent)}.day-dot.today i{border:2px solid var(--accent);color:var(--accent)}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.stat-card{display:flex;align-items:center;gap:13px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:17px}.stat-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:var(--purple)}.stat-card:nth-child(2) .stat-icon{background:#eaf2e0;color:#6c8c37}.stat-card:nth-child(3) .stat-icon{background:#fff0e4;color:#c18b53}.stat-card:nth-child(4) .stat-icon{background:#e8f0fa;color:#5f83aa}.stat-card strong{font-size:22px;line-height:1.3;letter-spacing:-.6px;display:block}.stat-card small{color:var(--muted);font-size:12px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-card{text-align:left;display:flex;flex-direction:column;position:relative;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:border .2s,box-shadow .2s,transform .25s;overflow:hidden}.mode-card:hover{transform:translateY(-4px);border-color:#c7baf5;box-shadow:0 14px 30px #3e316010}.mode-card:after{content:'↗';position:absolute;top:23px;right:23px;font-size:21px;color:#b9bac5;transition:transform .2s,color .2s}.mode-card:hover:after{color:var(--accent);transform:translate(2px,-2px)}.mode-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--purple);color:var(--accent);margin-bottom:20px}.mode-card:nth-child(4n+2) .mode-icon{background:#e9f1de;color:#638439}.mode-card:nth-child(4n+3) .mode-icon{background:#e5f0f5;color:#4d8b9a}.mode-card:nth-child(4n+4) .mode-icon{background:#fbeddf;color:#c18a57}.mode-card h3{font-size:18px;margin-bottom:9px}.mode-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:19px;max-width:285px}.mode-footer{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:auto}.mode-footer span:first-child{background:var(--bg);padding:3px 7px;border-radius:5px;color:var(--ink);font-weight:600}.bottom-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:22px}.phrase-card{display:flex;gap:22px;align-items:center}.phrase-quote{font-size:28px;font-weight:600;letter-spacing:-.8px;margin:10px 0 4px}.phrase-card .icon-btn{margin-left:auto;width:51px;height:51px;border-radius:50%;color:var(--accent);background:var(--purple);border:none}.review-card{background:#eaf1dc;border-color:#e0e8d0;display:flex;align-items:center;gap:18px;color:#34442b}.review-card p{font-size:13px;margin:8px 0 10px;color:#778269}.review-card .link-btn{color:#445d30}.review-symbol{font-size:43px;line-height:1}.page-footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;margin:33px 0 0}.page-footer button{font-size:12px;color:var(--muted)}.toolbar{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin:23px 0;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:17px}.field{flex:1;min-width:155px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.control{width:100%;min-height:45px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);border-radius:10px;color:var(--ink);font-size:14px}.control.big{font-size:18px;min-height:57px;background:var(--card)}.search-field{position:relative;flex:1;min-width:220px}.search-field .ico{position:absolute;left:13px;top:13px;width:19px;height:19px;color:var(--muted)}.search-field input{padding-left:42px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pill{padding:8px 13px;min-height:38px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--card);font-size:13px}.pill.active{background:var(--purple);color:var(--accent);border-color:#b29df266}.banner{padding:18px 22px;border:1px solid var(--line);border-radius:17px;background:var(--purple);display:flex;align-items:center;gap:15px;font-size:14px}.banner .ico{color:var(--accent)}.banner p{font-size:13px;color:var(--muted);margin-top:4px}.banner .btn{margin-left:auto;flex-shrink:0}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-card{display:flex;align-items:flex-start;text-align:left;padding:22px;gap:18px;border:1px solid var(--line);border-radius:19px;background:var(--card);transition:transform .2s}.lesson-card:hover{transform:translateY(-2px)}.lesson-card .number{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;flex-shrink:0;font-size:15px;font-weight:650}.lesson-card.done .number{background:#e4f4e8;color:#3b8151;border:0}.lesson-card.current{border-color:#a38feb;background:linear-gradient(110deg,var(--card),var(--purple))}.lesson-card.current .number{background:var(--accent);color:#fff}.lesson-card.locked{background:transparent;color:var(--muted)}.lesson-card p{font-size:14px;margin:7px 0;color:var(--muted)}.lesson-card small{font-size:12px;color:var(--muted)}.lesson-card>.ico{margin-left:auto;width:17px;height:17px;flex-shrink:0}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px}.lesson-aside{align-self:start;position:sticky;top:20px}.lesson-rule h2{font-size:25px;margin-bottom:14px}.lesson-rule>p{font-size:16px}.lesson-rule ol{padding-left:25px;margin:23px 0}.lesson-rule li{padding-left:6px;margin-bottom:13px;font-size:15px;line-height:1.7}.lesson-rule li::marker{color:var(--accent);font-weight:700}.formula{background:var(--purple);padding:16px 19px;border-radius:13px;font-weight:600;font-size:15px;margin:18px 0;color:var(--accent)}.example{padding:17px 19px;border-left:3px solid #bca6ff;background:var(--bg);border-radius:0 12px 12px 0;margin:12px 0}.example .cs{font-size:19px;line-height:1.5;flex:1}.example p{font-size:14px;color:var(--muted);margin-top:7px}.pitfall{padding:16px 18px;border-radius:13px;background:#fff3dd;color:#8d692c;font-size:14px;line-height:1.65;margin-top:19px}.pitfall strong{display:block;margin-bottom:5px}.dark .pitfall{background:#393323;color:#edcc8b}.lesson-aside .card{padding:21px}.lesson-aside h3{margin:13px 0}.lesson-aside p{font-size:14px;color:var(--muted);margin-bottom:18px}.step-list{display:grid;gap:16px;margin:20px 0}.step-list div{display:flex;align-items:center;gap:11px;font-size:14px}.step-list i{width:27px;height:27px;display:grid;place-items:center;font-style:normal;border-radius:50%;background:var(--purple);color:var(--accent);font-size:12px}.word-list{display:grid;gap:8px}.word-row{display:grid;grid-template-columns:1.1fr 1.5fr 90px 95px;align-items:center;gap:15px;padding:17px 21px;background:var(--card);border:1px solid var(--line);border-radius:13px;transition:border-color .2s}.word-row:hover{border-color:#bdadec}.word-main{text-align:left;font-size:19px;font-weight:600}.word-main small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}.word-translation{font-size:14px}.word-actions{display:flex;gap:7px;justify-content:end}.word-actions .icon-btn{width:34px;height:34px;background:transparent;border:0}.word-actions svg{width:18px;height:18px}.empty{padding:60px 25px;text-align:center;border:1px dashed var(--line);border-radius:20px}.empty .ico{width:40px;height:40px;color:var(--muted);margin-bottom:17px}.empty h2{font-size:23px;margin-bottom:12px}.empty p{color:var(--muted);max-width:480px;margin:auto}.empty .btn{margin-top:23px}.session-wrap{max-width:810px;margin:0 auto;padding-top:5px}.session-head{display:flex;align-items:center;gap:20px;margin-bottom:33px}.session-head .mini-line{flex:1;height:7px}.session-head small{font-size:12px;color:var(--muted);white-space:nowrap}.session-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.question-card{padding:37px 42px;border:1px solid var(--line);border-radius:25px;background:var(--card);box-shadow:0 18px 60px #29234106;min-height:330px;position:relative;overflow:hidden}.question-card .instruction{font-size:14px;color:var(--muted);margin:0 0 25px}.question-card .question{font-size:clamp(25px,3.2vw,36px);line-height:1.45;letter-spacing:-.7px;font-weight:600;margin-bottom:13px}.question-card .translation{font-size:16px;color:var(--muted);margin-bottom:25px;line-height:1.7}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.option{display:flex;gap:12px;align-items:center;text-align:left;padding:16px 17px;border:1px solid var(--line);border-radius:13px;min-height:64px;background:var(--card);font-size:16px;line-height:1.5;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}.option:hover:not(:disabled){border-color:var(--accent);background:var(--purple)}.option kbd{font:11px 'Segoe UI';display:grid;place-content:center;min-width:23px;height:23px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.option.correct{background:#e8f7ec;border-color:#b5dec2;color:#216f3d;opacity:1}.option.wrong{background:#fceced;border-color:#e9b2b7;color:#a3414b;opacity:1}.option:disabled{opacity:.75}.keyboard{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.keyboard button{min-width:34px;min-height:36px;padding:4px 8px;background:var(--bg);border:1px solid var(--line);border-radius:7px;font-size:15px}.feedback{padding:21px 25px;border:1px solid #b2dec0;background:#eef8f1;color:#225e38;border-radius:17px;margin-top:20px;animation:reveal .3s ease}.feedback.bad{background:var(--badbg);color:var(--bad);border-color:#e8bdc1}.feedback.neutral{background:var(--purple);color:var(--ink);border-color:#c8b8fb}.feedback h3{font-size:19px;margin-bottom:9px}.feedback p{font-size:15px;line-height:1.7}.feedback .answer{font-size:20px;font-weight:650;margin:7px 0 10px}.feedback .btn{margin-top:16px}.session-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.session-controls .muted{font-size:12px}.tokens{display:flex;gap:9px;flex-wrap:wrap;min-height:60px;padding:17px;border-radius:13px;border:1px dashed var(--line);background:var(--bg);margin:19px 0}.token{padding:10px 15px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 0 var(--line);font-size:16px;animation:reveal .18s}.token:hover{border-color:var(--accent);transform:translateY(-2px)}.tokens.target{min-height:95px;border-style:solid;border-color:#bca9f3;background:var(--purple)}.flashcard{perspective:1000px;min-height:240px;display:grid;place-content:center;text-align:center;width:100%;padding:30px;background:linear-gradient(130deg,var(--purple),var(--card));border:1px solid var(--line);border-radius:20px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.flashcard .question{font-size:42px}.flashcard small{font-size:13px;color:var(--muted);margin-top:20px;display:block}.flashcard.revealed{animation:flip .5s}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.match-col{display:grid;gap:9px}.match-item{min-height:59px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:15px}.match-item.selected{background:var(--purple);border-color:var(--accent)}.match-item.matched{background:#e8f7ec;color:#267441;border-color:#b5dec2;opacity:.5}.audio-hero{width:94px;height:94px;display:grid;place-items:center;background:var(--purple);color:var(--accent);border-radius:50%;margin:8px auto 22px;box-shadow:0 0 0 12px #7556ee06;transition:transform .2s}.audio-hero:hover{transform:scale(1.07)}.audio-hero .ico{width:36px;height:36px}.audio-hero.playing{animation:pulse 1s infinite}.result{text-align:center;padding:35px 22px}.result-icon{width:85px;height:85px;border-radius:25px;display:grid;place-items:center;background:var(--purple);color:var(--accent);margin:0 auto 25px;transform:rotate(-6deg)}.result-icon .ico{width:40px;height:40px}.result h1{font-size:35px;margin-bottom:16px}.result>p{max-width:550px;margin:0 auto 24px;color:var(--muted)}.result-stats{display:flex;justify-content:center;gap:45px;margin:32px 0}.result-stats strong{display:block;font-size:31px}.result-stats small{font-size:13px;color:var(--muted)}.mistake-card{text-align:left;margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.mistake-card h3{font-size:19px;line-height:1.6;margin-bottom:13px}.mistake-card .answer-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.answer-pair>div{font-size:15px;padding:13px 16px;background:var(--bg);border-radius:10px}.answer-pair small{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.mistake-card .explanation{font-size:15px;line-height:1.75;padding:15px 0}.mistake-card label{display:flex;align-items:flex-start;gap:10px;font-size:14px;padding-top:14px;border-top:1px solid var(--line)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.homework-policy{background:var(--ink);color:var(--card);padding:25px;border-radius:20px;margin-bottom:24px}.homework-policy h2{font-size:24px;margin-bottom:9px}.homework-policy p{font-size:14px;opacity:.8}.homework-policy .tag{background:#ffffff1a;color:inherit}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.story-card{text-align:left;min-height:210px;display:flex;flex-direction:column;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .2s}.story-card:hover{transform:translateY(-4px)}.story-card .story-num{font-size:39px;letter-spacing:-2px;color:#d4c9f3;font-weight:600}.story-card p{font-size:14px;color:var(--muted);margin-top:auto}.reader-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.reading-text{font-size:21px;line-height:2.1;max-width:780px}.reader-word{display:inline;padding:0;font:inherit;border-radius:4px;transition:background .15s}.reader-word:hover{background:var(--purple);color:var(--accent)}.reader-translation{margin-top:25px;font-size:16px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:21px}.reader-questions{margin-top:25px}.reader-questions .option{font-size:15px;min-height:50px}.reader-questions .options{grid-template-columns:1fr;margin-top:15px}.writing-text{width:100%;min-height:320px;resize:vertical;border:1px solid var(--line);border-radius:17px;padding:22px;font-size:18px;line-height:1.9;background:var(--card);color:var(--ink)}.writing-checks label{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:14px}.grammar-table{width:100%;border-collapse:collapse;font-size:15px;margin-top:18px}.grammar-table th,.grammar-table td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line)}.grammar-table th{font-weight:500;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.setting{padding:18px 0;border-bottom:1px solid var(--line)}.setting:last-child{border:0}.setting label{font-size:15px;font-weight:600;display:block;margin-bottom:8px}.setting p{font-size:13px;color:var(--muted);margin-bottom:12px}.heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin-top:20px}.heatmap span{aspect-ratio:1;background:var(--bg);border-radius:5px;border:1px solid var(--line)}.heatmap span[data-active]{background:#a38ae8;border-color:transparent}.heatmap span[data-active='2']{background:#7556ee}.skill-meter{margin:19px 0}.skill-meter .row{font-size:14px;margin-bottom:9px}.skill-meter .row span{margin-left:auto;color:var(--muted)}.progress-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.progress-grid .stat-card{box-shadow:none}dialog{width:min(650px,calc(100% - 30px));max-height:88dvh;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);padding:0;box-shadow:0 35px 100px #17112535;overflow:auto}dialog::backdrop{background:#16132260;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}.dialog-head h2{font-size:22px}.dialog-body{padding:25px 28px}.dialog-body>p{margin-bottom:17px}.dialog-body .word-detail-title{font-size:39px;margin:14px 0}.dialog-body .word-detail-ru{font-size:19px;margin-bottom:19px}.dialog-body .note{font-size:14px;color:var(--muted);line-height:1.7}.dialog-body .source-link{font-size:12px;color:var(--accent);display:inline-block;margin-top:15px}.dialog-body .search-results{display:grid;gap:9px;margin-top:17px;max-height:50vh;overflow:auto}.command-result{display:flex;justify-content:space-between;gap:14px;text-align:left;padding:13px;border-radius:10px;background:var(--bg);font-size:15px}.command-result:hover{background:var(--purple)}.command-result small{color:var(--muted)}#toast{position:fixed;bottom:27px;left:calc(50% + 116px);transform:translate(-50%,18px);max-width:min(570px,90vw);background:#262838;color:#fff;border:1px solid #ffffff20;border-radius:13px;padding:13px 20px;box-shadow:0 12px 40px #0002;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:150}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}.status-warning{border:1px solid #dfb881;background:#fff4df;color:#7b5b2a;border-radius:12px;padding:14px;font-size:14px;margin-bottom:17px}.resume-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #c5b7ef;background:var(--purple);border-radius:14px;margin-bottom:22px;font-size:14px}.resume-bar .btn{margin-left:auto}.confetti{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:13px;background:var(--accent);border-radius:2px;animation:fall 2.4s ease-in forwards}.quiet-center{text-align:center;padding:20px}.exercise-note{font-size:13px;color:var(--muted);margin:15px 0}.focus-mode .sidebar,.focus-mode .topbar,.focus-mode .mobile-nav{display:none}.focus-mode .workspace{margin:0}.focus-mode #main{padding-top:35px;max-width:1100px}.focus-mode #toast{left:50%}audio{width:100%;margin-top:15px}.record-live{color:var(--bad);animation:pulse 1s infinite}.source-card{padding:18px;background:var(--bg);border-radius:13px;margin-bottom:12px}.source-card p{font-size:14px;margin:7px 0}.source-card a{color:var(--accent);overflow-wrap:anywhere}.homework-bank{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.homework-bank strong{font-size:24px;display:block}.homework-bank span{font-size:12px;color:var(--muted)}.chip-count{font-weight:600;color:var(--accent)}
@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(80deg)}100%{transform:rotateX(0)}}@keyframes pulse{50%{box-shadow:0 0 0 17px #7556ee08}}@keyframes fall{to{transform:translateY(110vh) rotate(700deg)}}
::view-transition-old(root){animation:reveal .15s reverse}::view-transition-new(root){animation:reveal .22s}
}
@layer responsive{
@media(min-width:1600px){#main{padding-left:55px;padding-right:55px}.topbar{padding-left:55px;padding-right:55px}.daily-card{min-height:305px;padding:34px 38px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.workspace{margin-left:205px}#main{padding:10px 27px 45px}.topbar{padding:0 27px}.stats-strip{gap:10px}.stat-card{gap:9px;padding:15px 12px}.stat-card strong{font-size:20px}.stat-icon{width:34px;height:36px}.lesson-route{display:none}.page-head{align-items:flex-start;flex-direction:column;gap:16px}.home-grid{grid-template-columns:1.7fr 1fr}.daily-card{padding:28px}.daily-card h2{margin-top:25px}.daily-badge{right:21px;top:21px}.lesson-layout{grid-template-columns:minmax(0,1fr) 250px}.word-row{grid-template-columns:1.1fr 1.3fr 60px 78px}.word-row .tag{font-size:11px}.reading-grid{grid-template-columns:1fr 1fr}#toast{left:calc(50% + 102px)}}
@media(max-width:950px){.sidebar{width:80px;padding:25px 12px}.sidebar .brand{padding:0;justify-content:center}.brand-name,.brand sup,.nav-caption,.sidebar-plan,.nav-link span,.sidebar .sidebar-bottom .nav-link span{display:none}.nav-list{margin-top:34px}.nav-link{padding:13px;justify-content:center}.sidebar-bottom .nav-list{margin:0}.workspace{margin-left:80px}.mode-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr}.lesson-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats-strip{grid-template-columns:1fr 1fr}.reader-layout{grid-template-columns:1fr}.topbar{height:78px}.home-grid{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.bottom-grid{grid-template-columns:1fr}.daily-badge{display:none}.daily-card h2{margin-top:17px}.lesson-grid{grid-template-columns:1fr}#toast{left:calc(50% + 40px)}.search-trigger kbd{display:none}.progress-grid{grid-template-columns:1fr}.question-card{padding:30px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{padding:0 20px;height:73px}.breadcrumb{font-size:12px}.top-actions{gap:11px}.search-trigger{padding:9px}.search-trigger span,.top-streak span{display:none}#main{padding:8px 20px 105px}.page-head{margin-bottom:24px}.page-head h1{font-size:32px;letter-spacing:-1.2px}.page-head p{font-size:14px}.page-head .eyebrow{font-size:11px}.home-grid{grid-template-columns:1fr}.daily-card{min-height:268px;border-radius:21px;padding:28px}.daily-card h2{font-size:31px;max-width:400px}.daily-card p{font-size:14px;max-width:300px}.focus-card{display:none}.stats-strip{gap:10px;margin-top:15px}.stat-card{border-radius:14px;padding:14px 12px}.stat-card strong{font-size:22px}.stat-card small{font-size:11px}.stat-icon{width:35px;height:37px}.mode-grid{gap:11px}.mode-card{padding:18px 16px;border-radius:17px}.mode-card h3{font-size:16px;letter-spacing:-.3px}.mode-card p{font-size:12px;margin-bottom:15px}.mode-icon{width:39px;height:39px;margin-bottom:18px}.mode-card:after{top:19px;right:16px;font-size:18px}.mode-footer{font-size:10px;gap:5px}.mode-footer span:first-child{padding:3px 5px}.section-title{margin-top:26px}.section-title h2{font-size:21px}.section-title .link-btn{font-size:12px}.section-title p{font-size:12px}.card{padding:21px;border-radius:19px}.phrase-quote{font-size:25px}.page-footer{flex-direction:column;align-items:flex-start;font-size:11px}.mobile-nav{display:flex;justify-content:space-around;gap:3px;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 93%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;min-width:54px;border-radius:11px;font-size:10px;color:var(--muted);flex:1}.mobile-nav button.active{color:var(--accent);background:var(--purple)}.mobile-nav .ico{width:21px;height:21px}.toolbar{padding:14px;gap:12px}.field{min-width:120px}.toolbar .pills{width:100%}.banner{padding:16px;flex-wrap:wrap;align-items:flex-start}.banner .btn{margin-left:0}.lesson-aside{grid-template-columns:1fr}.word-row{grid-template-columns:1fr auto;gap:7px;padding:15px 17px}.word-translation{grid-row:2;grid-column:1;font-size:14px}.word-row>.tag{grid-column:2;grid-row:2;justify-self:end}.word-actions{grid-row:1;grid-column:2}.word-main{font-size:20px}.session-head{gap:13px;margin-bottom:23px}.question-card{padding:25px 21px;min-height:310px;border-radius:21px}.question-card .question{font-size:28px}.question-card .translation{font-size:15px}.options{grid-template-columns:1fr;gap:10px}.option{min-height:59px;padding:13px 15px;font-size:16px}.question-card .instruction{font-size:13px;margin-bottom:21px}.session-controls{flex-wrap:wrap}.session-controls .btn{margin-left:auto}.feedback{padding:19px}.result{padding:25px 0}.result h1{font-size:30px}.result-stats{gap:25px}.result-stats strong{font-size:28px}.answer-pair{grid-template-columns:1fr!important}.reading-grid{grid-template-columns:1fr}.story-card{min-height:155px}.reading-text{font-size:19px;line-height:2}.settings-grid{grid-template-columns:1fr}.dialog-head{padding:19px}.dialog-body{padding:21px}.dialog-head h2{font-size:20px}#toast{bottom:90px;left:50%;width:calc(100% - 35px);text-align:center}.focus-mode #main{padding:25px 20px 40px}.focus-mode #toast{bottom:20px}.focus-mode .session-head{margin-bottom:23px}.resume-bar{flex-wrap:wrap}.homework-bank{grid-template-columns:1fr 1fr}.homework-bank>div:last-child{grid-column:1/-1}.lesson-card{padding:20px 16px}.lesson-card h3{font-size:17px}.lesson-card p{font-size:13px}.lesson-card .number{width:35px;height:38px}.flashcard .question{font-size:36px}.btn{min-height:46px}.field label{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-group(*){animation:none!important}}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}