:root{--portal-hue: 275;--app-hue: 180;--ink-0: oklch(.11 .018 265);--ink-1: oklch(.15 .02 265);--ink-2: oklch(.19 .022 265);--ink-3: oklch(.24 .024 265);--ink-4: oklch(.3 .028 265);--ink-5: oklch(.4 .03 265);--text-1: oklch(.98 .005 265);--text-2: oklch(.78 .015 265);--text-3: oklch(.58 .02 265);--text-4: oklch(.45 .02 265);--brand: oklch(.68 .22 var(--portal-hue));--brand-hi: oklch(.78 .18 var(--portal-hue));--brand-lo: oklch(.48 .22 var(--portal-hue));--brand-glow: oklch(.68 .22 var(--portal-hue) / .35);--app: oklch(.72 .14 var(--app-hue));--app-hi: oklch(.82 .12 var(--app-hue));--app-lo: oklch(.52 .15 var(--app-hue));--app-ink: oklch(.3 .08 var(--app-hue));--app-glow: oklch(.72 .14 var(--app-hue) / .4);--success: oklch(.78 .17 150);--danger: oklch(.7 .2 25);--warn: oklch(.8 .17 75);--streak: oklch(.72 .2 40);--lv-a1: oklch(.75 .13 150);--lv-a2: oklch(.75 .13 110);--lv-b1: oklch(.72 .14 180);--lv-b2: oklch(.72 .16 230);--lv-c1: oklch(.7 .18 285);--lv-c2: oklch(.7 .2 330);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-serif: "Fraunces", Georgia, serif;--shadow-card: 0 1px 0 oklch(1 0 0 / .04) inset, 0 12px 40px -12px oklch(0 0 0 / .6);--shadow-pop: 0 1px 0 oklch(1 0 0 / .06) inset, 0 30px 80px -20px oklch(0 0 0 / .8);--tap: cubic-bezier(.2, .9, .2, 1);--sidebar-w: 240px;--gap: 16px;--page-pad: 32px;--density: 1}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--ink-0);color:var(--text-1);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;-webkit-tap-highlight-color:transparent}body{background-image:radial-gradient(60% 40% at 80% -10%,oklch(.45 .22 var(--portal-hue) / .14),transparent 60%),radial-gradient(45% 35% at 10% 0%,oklch(.45 .22 var(--app-hue) / .1),transparent 60%);background-attachment:fixed;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.main{min-width:0;padding:0 var(--page-pad) 100px}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--ink-3);background:linear-gradient(180deg,var(--ink-1),oklch(.13 .02 265));padding:20px 14px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;border-bottom:1px solid var(--ink-3);margin-bottom:12px}.sidebar__logo{width:36px;height:36px;border-radius:10px;background:conic-gradient(from 180deg at 50% 50%,oklch(.68 .22 var(--portal-hue)),oklch(.72 .14 var(--app-hue)),#ff7643,oklch(.68 .22 var(--portal-hue)));background:conic-gradient(from 180deg at 50% 50%,oklch(.68 .22 var(--portal-hue)),oklch(.72 .14 var(--app-hue)),oklch(.72 .2 40),oklch(.68 .22 var(--portal-hue)));display:grid;place-items:center;color:#fff;font-weight:900;font-family:var(--font-display);letter-spacing:-.04em;font-size:16px;box-shadow:0 6px 20px -8px var(--brand-glow)}.sidebar__wordmark{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.02em}.sidebar__wordmark em{font-style:normal;color:var(--text-3);font-weight:500}.sidebar__section{padding:14px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-4);text-transform:uppercase}.sidebar__item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:500;width:100%;text-align:left;transition:background .12s,color .12s}.sidebar__item:hover{background:#ffffff0d;color:var(--text-1)}.sidebar__item--active{background:oklch(.72 .14 var(--app-hue) / .15);color:var(--app-hi);box-shadow:inset 2px 0 0 var(--app)}.sidebar__icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.sidebar__badge{margin-left:auto;background:var(--app);color:#000;font-size:10px;font-weight:800;padding:2px 6px;border-radius:999px}.sidebar__card{margin-top:auto;padding:14px;background:#12161f99;border:1px solid var(--ink-4);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.sidebar__card h4{font-family:var(--font-display);font-size:13px;margin:0;font-weight:700}.sidebar__card p{margin:0;font-size:12px;color:var(--text-3);line-height:1.4}.topbar{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--ink-3);margin-bottom:28px}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:13px;font-weight:500}.breadcrumb button{color:var(--text-3);transition:color .1s}.breadcrumb button:hover{color:var(--text-1)}.breadcrumb__sep{color:var(--ink-4)}.breadcrumb__here{color:var(--text-1);font-weight:600}.topbar__search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:999px;padding:8px 16px;width:280px;color:var(--text-3);font-size:13px}.topbar__user{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:999px}.topbar__avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--app),oklch(.68 .2 var(--portal-hue)));display:grid;place-items:center;font-weight:800;font-size:12px;color:#000}.topbar__name{font-size:13px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;min-height:44px;transition:transform .1s var(--tap),background .15s,color .15s}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(135deg,var(--app),var(--app-lo));color:oklch(.15 .04 var(--app-hue));box-shadow:0 10px 28px -10px var(--app-glow)}.btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn--ghost{background:#ffffff12;color:var(--text-1)}.btn--ghost:hover{background:#ffffff1f}.btn--outline{background:transparent;border:1px solid var(--ink-4);color:var(--text-1)}.btn--outline:hover{border-color:var(--app);color:var(--app-hi)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#12161fb3;border:1px solid var(--ink-4);border-radius:999px;font-size:12px;font-weight:600;color:var(--text-2)}.chip--streak{color:var(--streak);border-color:#ff764359;border-color:oklch(.72 .2 40 / .35)}.chip--xp{color:var(--app-hi);border-color:oklch(.72 .14 var(--app-hue) / .3)}.chip--level{color:var(--text-1);font-weight:700;letter-spacing:.05em}.section{margin:28px 0}.section__head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.section__title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.section__sub{font-size:13px;color:var(--text-3)}.section__link{margin-left:auto;font-size:13px;color:var(--text-2);font-weight:600;cursor:pointer}.section__link:hover{color:var(--app-hi)}.card{background:var(--ink-2);border:1px solid var(--ink-4);border-radius:var(--radius-lg);transition:border-color .15s,transform .15s var(--tap),box-shadow .2s;position:relative;overflow:hidden}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);border-color:oklch(.72 .14 var(--app-hue) / .4);box-shadow:var(--shadow-card)}.dash-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--gap);margin-bottom:var(--gap)}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.hero{position:relative;padding:calc(28px * var(--density)) calc(28px * var(--density));border-radius:var(--radius-xl);background:radial-gradient(80% 120% at 10% 0%,oklch(.72 .14 var(--app-hue) / .22),transparent 60%),radial-gradient(60% 100% at 100% 100%,oklch(.68 .2 var(--portal-hue) / .2),transparent 60%),var(--ink-1);border:1px solid var(--ink-4);overflow:hidden;min-height:220px;display:flex;flex-direction:column}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(oklch(1 0 0 / .02) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:overlay;pointer-events:none}.hero__greet{font-size:13px;color:var(--text-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hero__title{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin:6px 0 10px;text-wrap:balance}.hero__title em{font-style:italic;font-family:var(--font-serif);color:var(--app-hi);font-weight:500}.hero__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:18px}.daily{padding:24px;border-radius:var(--radius-xl);background:var(--ink-1);border:1px solid var(--ink-4);display:flex;gap:20px;align-items:center}.daily__ring{width:132px;height:132px;flex:0 0 132px;position:relative}.daily__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.daily__ring-bg{fill:none;stroke:var(--ink-3);stroke-width:12}.daily__ring-fg{fill:none;stroke:url(#ring-grad);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .8s var(--tap)}.daily__ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;font-family:var(--font-display)}.daily__ring-value{font-size:28px;font-weight:800;letter-spacing:-.02em}.daily__ring-unit{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.daily__body h3{font-family:var(--font-display);font-size:18px;margin:0 0 4px;font-weight:800}.daily__body p{margin:0;color:var(--text-3);font-size:13px;line-height:1.5}.daily__tasks{margin-top:12px;display:flex;flex-direction:column;gap:6px}.daily__task{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.daily__task-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--ink-5);display:grid;place-items:center;flex:0 0 16px}.daily__task--done .daily__task-check{background:var(--success);border-color:var(--success);color:#000}.daily__task--done span{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--ink-5)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}@media (max-width: 800px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:18px;background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.stat__label{font-size:12px;color:var(--text-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat__value{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat__delta{font-size:12px;color:var(--text-3)}.stat__delta--up{color:var(--success)}.stat__glyph{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:8px;background:oklch(.72 .14 var(--app-hue) / .15);color:var(--app-hi);display:grid;place-items:center;font-size:14px}.stat__glyph--streak{background:#ff76432e;background:oklch(.72 .2 40 / .18);color:var(--streak)}.stat__glyph--xp{background:oklch(.68 .2 var(--portal-hue) / .18);color:oklch(.78 .18 var(--portal-hue))}.stat__glyph--done{background:#56d57b2e;color:var(--success)}.xp-bar{height:5px;border-radius:3px;background:var(--ink-3);overflow:hidden;margin-top:8px}.xp-bar__fill{height:100%;background:linear-gradient(90deg,var(--app-lo),var(--app-hi));border-radius:inherit;transition:width .6s var(--tap)}.continue{background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-lg);padding:20px}.continue__row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-md);transition:background .12s;cursor:pointer}.continue__row:hover{background:#ffffff0a}.continue__art{width:56px;height:56px;border-radius:12px;flex:0 0 56px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:18px;color:oklch(.15 .04 var(--app-hue))}.continue__name{font-family:var(--font-display);font-weight:700;font-size:15px}.continue__meta{font-size:12px;color:var(--text-3);margin-top:2px}.continue__progress{margin-top:6px;height:3px;background:var(--ink-3);border-radius:2px;overflow:hidden}.continue__progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--app-lo),var(--app-hi))}.continue__go{margin-left:auto;width:36px;height:36px;border-radius:10px;background:oklch(.72 .14 var(--app-hue) / .15);color:var(--app-hi);display:grid;place-items:center;flex:0 0 36px}.levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.level-card{position:relative;padding:22px;border-radius:var(--radius-lg);background:var(--ink-1);border:1px solid var(--ink-4);cursor:pointer;transition:transform .15s var(--tap),border-color .15s;overflow:hidden;min-height:200px;display:flex;flex-direction:column}.level-card:hover{transform:translateY(-3px);border-color:var(--_lv)}.level-card__badge{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:24px;color:#060b18;background:var(--_lv);box-shadow:0 10px 24px -10px var(--_lv);letter-spacing:-.02em;margin-bottom:14px}.level-card__title{font-family:var(--font-display);font-size:18px;font-weight:800;margin:0}.level-card__desc{color:var(--text-3);font-size:13px;margin:4px 0 0;line-height:1.4}.level-card__meta{margin-top:auto;padding-top:14px;display:flex;gap:14px;color:var(--text-3);font-size:12px}.level-card__meta strong{color:var(--text-1);font-weight:700;font-family:var(--font-display);font-variant-numeric:tabular-nums}.level-card--current{border-color:var(--_lv)}.level-card--current:after{content:"СЕЙЧАС";position:absolute;top:14px;right:14px;font-size:10px;font-weight:900;letter-spacing:.12em;padding:4px 8px;border-radius:999px;background:var(--_lv);color:#000}.level-card--locked{opacity:.55}.level-card--locked .level-card__badge{filter:grayscale(1);box-shadow:none}.roadmap{position:relative;padding:40px 0 60px;display:flex;flex-direction:column;gap:4px;max-width:520px;margin:0 auto}.roadmap__line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:repeating-linear-gradient(180deg,var(--ink-4) 0 6px,transparent 6px 12px);transform:translate(-50%);z-index:0}.roadmap__node{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:8px 0}.roadmap__node:nth-child(2n){flex-direction:row-reverse;text-align:right}.roadmap__dot{width:64px;height:64px;border-radius:20px;background:var(--ink-2);border:2px solid var(--ink-4);display:grid;place-items:center;color:var(--text-3);flex:0 0 64px;font-family:var(--font-display);font-weight:800;transition:transform .15s var(--tap);cursor:pointer;position:relative}.roadmap__dot:hover{transform:scale(1.06)}.roadmap__dot--done{background:var(--success);border-color:var(--success);color:#000}.roadmap__dot--cur{background:var(--app);border-color:var(--app);color:#000;box-shadow:0 0 0 8px oklch(.72 .14 var(--app-hue) / .2),0 12px 28px -8px var(--app-glow);animation:pulseRing 2.4s infinite}.roadmap__dot--locked{opacity:.45;cursor:not-allowed}@keyframes pulseRing{0%,to{box-shadow:0 0 oklch(.72 .14 var(--app-hue) / .35),0 12px 28px -8px var(--app-glow)}50%{box-shadow:0 0 0 14px oklch(.72 .14 var(--app-hue) / 0),0 12px 28px -8px var(--app-glow)}}.roadmap__body{flex:1;min-width:0}.roadmap__body h4{font-family:var(--font-display);font-size:15px;margin:0;font-weight:700}.roadmap__body p{font-size:12px;color:var(--text-3);margin:2px 0 0}.module-head{padding:20px;border-radius:var(--radius-lg);background:var(--ink-1);border:1px solid var(--ink-4);margin-bottom:14px;display:flex;align-items:center;gap:16px}.module-head__mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--app),var(--app-lo));display:grid;place-items:center;font-size:24px;color:oklch(.15 .03 var(--app-hue));font-family:var(--font-display);font-weight:900;flex:0 0 54px}.module-head h3{font-family:var(--font-display);font-size:20px;margin:0;font-weight:800;letter-spacing:-.01em}.module-head p{margin:2px 0 0;font-size:13px;color:var(--text-3)}.module-progress{display:flex;align-items:center;gap:12px;margin-left:auto}.module-progress__num{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--app-hi);font-variant-numeric:tabular-nums}.lesson{max-width:760px;margin:0 auto;padding:20px 0}.lesson__meta{display:flex;gap:10px;align-items:center;margin-bottom:12px}.lesson__meta-bar{flex:1;height:5px;background:var(--ink-3);border-radius:3px;overflow:hidden}.lesson__meta-bar>span{display:block;height:100%;background:var(--app);border-radius:inherit;transition:width .4s var(--tap)}.lesson__meta-text{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}.lesson__title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.03em;margin:6px 0 18px;text-wrap:balance}.lesson__card{background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-xl);padding:calc(28px * var(--density));font-size:16px;line-height:1.65;margin-bottom:16px}.lesson__card h4{font-family:var(--font-display);font-size:16px;font-weight:800;margin:20px 0 8px;color:var(--text-1)}.lesson__card h4:first-child{margin-top:0}.lesson__card p{margin:0 0 12px;color:var(--text-2)}.lesson__card b,.lesson__card strong{color:var(--text-1);font-weight:700}.lesson__card em{color:var(--app-hi);font-style:italic}.lesson__card code{font-family:var(--font-mono);background:oklch(.72 .14 var(--app-hue) / .12);color:var(--app-hi);padding:1px 6px;border-radius:4px;font-size:.92em}.lesson__word-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 14px;background:#ffffff08;border-radius:10px;margin-bottom:6px}.lesson__word-row b{font-family:var(--font-display);font-size:15px;min-width:90px}.lesson__word-row span{color:var(--text-2);font-size:14px}.lesson__word-row small{color:var(--text-4);font-family:var(--font-mono);font-size:12px}.lesson__examples{margin-top:12px;padding:14px;border-radius:12px;background:oklch(.72 .14 var(--app-hue) / .06);border-left:3px solid var(--app)}.lesson__example-en{font-family:var(--font-serif);font-size:16px;font-style:italic;font-weight:500}.lesson__example-ru{font-size:14px;color:var(--text-3);margin-top:2px}.lesson__nav{display:flex;gap:10px;margin-top:20px}.flash-wrap{max-width:520px;margin:20px auto;padding:20px 0;display:flex;flex-direction:column;gap:18px}.flash-wrap__header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-3)}.flash-wrap__counter{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.flashcard{position:relative;aspect-ratio:4/5;perspective:1400px;cursor:pointer;-webkit-user-select:none;user-select:none}.flashcard__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.7,.1,.2,1);border-radius:var(--radius-xl)}.flashcard.flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--ink-4);overflow:hidden}.flashcard__face--front{background:radial-gradient(80% 120% at 20% 0%,oklch(.72 .14 var(--app-hue) / .22),transparent 60%),radial-gradient(70% 100% at 100% 100%,oklch(.68 .2 var(--portal-hue) / .16),transparent 60%),var(--ink-1)}.flashcard__face--back{background:var(--ink-1);transform:rotateY(180deg)}.flashcard__tag{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}.flashcard__word{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);font-weight:800;letter-spacing:-.03em;text-wrap:balance;margin:auto 0}.flashcard__phon{font-family:var(--font-mono);color:var(--text-3);font-size:14px;margin-top:8px}.flashcard__translation{font-family:var(--font-display);font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--app-hi);margin:auto 0;text-wrap:balance}.flashcard__example{margin-top:14px;padding:12px 14px;border-left:2px solid var(--app);font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--text-2);background:#ffffff05;border-radius:0 8px 8px 0}.flashcard__speak{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0000004d;border:1px solid var(--ink-4);color:var(--text-1);display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .1s}.flashcard__speak:hover{background:var(--app);color:#000;border-color:var(--app)}.flashcard__hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:11px;color:var(--text-4);letter-spacing:.08em;text-transform:uppercase}.flash-wrap--playful .flashcard__face--front{background:conic-gradient(from 200deg at 30% 30%,oklch(.72 .14 var(--app-hue) / .35),oklch(.68 .2 var(--portal-hue) / .25) 50%,oklch(.72 .14 var(--app-hue) / .35)),var(--ink-1)}.flash-wrap--playful .flashcard__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(oklch(1 0 0 / .05) 1px,transparent 1.5px);background-size:14px 14px}.flash-wrap--playful .flashcard__word{font-family:var(--font-serif);font-weight:600}.flash-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.flash-act{padding:14px 10px;border-radius:14px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--ink-4);background:var(--ink-2);transition:transform .1s,background .15s,border-color .15s}.flash-act__key{font-family:var(--font-mono);font-size:10px;color:var(--text-4)}.flash-act:hover{transform:translateY(-2px)}.flash-act--again:hover{border-color:var(--danger);color:var(--danger)}.flash-act--hard:hover{border-color:var(--warn);color:var(--warn)}.flash-act--good:hover{border-color:var(--success);color:var(--success)}.quiz{max-width:680px;margin:0 auto;padding:20px 0}.quiz__progress{display:flex;gap:4px;margin-bottom:22px}.quiz__pip{flex:1;height:4px;border-radius:2px;background:var(--ink-3)}.quiz__pip--done{background:var(--success)}.quiz__pip--wrong{background:var(--danger)}.quiz__pip--cur{background:var(--app)}.quiz__question{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.02em;margin:14px 0 24px;text-align:center;line-height:1.35;text-wrap:balance}.quiz__question .gap{display:inline-block;min-width:80px;border-bottom:2px dashed var(--app);margin:0 6px;color:var(--app-hi)}.quiz__options{display:grid;gap:10px}.quiz__opt{padding:16px 18px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:14px;font-size:16px;font-weight:600;text-align:left;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;gap:12px}.quiz__opt:hover{background:var(--ink-3);border-color:var(--ink-5)}.quiz__opt-key{width:28px;height:28px;border-radius:8px;background:var(--ink-3);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-2);flex:0 0 28px}.quiz__opt--correct{background:#56d57b2e;border-color:var(--success)}.quiz__opt--correct .quiz__opt-key{background:var(--success);color:#000}.quiz__opt--wrong{background:#ff625e26;background:oklch(.7 .2 25 / .15);border-color:var(--danger)}.quiz__opt--wrong .quiz__opt-key{background:var(--danger);color:#fff}.quiz__explain{margin-top:20px;padding:18px 20px;background:oklch(.72 .14 var(--app-hue) / .08);border:1px solid oklch(.72 .14 var(--app-hue) / .25);border-radius:14px;display:flex;gap:12px}.quiz__explain-icon{width:28px;height:28px;border-radius:50%;flex:0 0 28px;background:var(--app);color:#000;display:grid;place-items:center;font-weight:800}.quiz__explain p{margin:0;font-size:14px;color:var(--text-2)}.quiz__explain b{color:var(--app-hi);font-weight:700}.speaking{max-width:680px;margin:0 auto;padding:20px 0}.speaking__topic{padding:28px;background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.speaking__topic:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:radial-gradient(circle,oklch(.72 .14 var(--app-hue) / .2),transparent 40%);animation:rot 20s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.speaking__topic>*{position:relative;z-index:1}.speaking__topic-label{font-size:12px;color:var(--text-3);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.speaking__topic-title{font-family:var(--font-serif);font-size:clamp(30px,4vw,46px);font-weight:500;font-style:italic;margin:8px 0 16px;letter-spacing:-.01em}.speaking__task{color:var(--text-2);font-size:16px;line-height:1.55;max-width:520px;margin:0 auto}.speaking__hints{margin-top:22px;padding:20px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:var(--radius-lg)}.speaking__hints h5{font-family:var(--font-display);font-size:13px;margin:0 0 10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.speaking__phrases{display:flex;flex-wrap:wrap;gap:8px}.speaking__phrase{padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--ink-4);font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--text-1)}.mic{margin:28px auto 0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--app),var(--app-lo));color:oklch(.15 .04 var(--app-hue));display:grid;place-items:center;box-shadow:0 20px 60px -20px var(--app-glow);position:relative;transition:transform .2s var(--tap)}.mic:hover{transform:scale(1.05)}.mic--recording{background:linear-gradient(135deg,var(--danger),oklch(.5 .2 25));color:#fff}.mic--recording:before,.mic--recording:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--danger);animation:pingMic 1.6s infinite}.mic--recording:after{animation-delay:.8s}@keyframes pingMic{0%{transform:scale(1);opacity:.9}to{transform:scale(1.6);opacity:0}}.mic__label{display:block;text-align:center;font-size:13px;color:var(--text-3);margin-top:14px;font-weight:600}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.ach{padding:20px;background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:transform .15s var(--tap)}.ach:hover{transform:translateY(-2px)}.ach__icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:0 0 54px;font-size:24px;background:#12161fb3;border:1px solid var(--ink-4);color:var(--text-3)}.ach--earned .ach__icon{background:linear-gradient(135deg,var(--_c, var(--app)),oklch(.5 .15 var(--app-hue)));color:#000;border-color:transparent;box-shadow:0 10px 24px -10px var(--app-glow)}.ach--earned h5{color:var(--text-1)}.ach:not(.ach--earned) h5{color:var(--text-3)}.ach__body{min-width:0;padding-right:52px}.ach__body h5{font-family:var(--font-display);font-size:14px;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach__body p{font-size:12px;color:var(--text-3);margin:2px 0 0;line-height:1.4}.ach__xp{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:999px;background:oklch(.68 .2 var(--portal-hue) / .2);color:oklch(.82 .15 var(--portal-hue))}.profile-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gap)}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.profile-hero{padding:28px;background:radial-gradient(circle at 20% 0%,oklch(.72 .14 var(--app-hue) / .2),transparent 50%),radial-gradient(circle at 100% 100%,oklch(.68 .2 var(--portal-hue) / .2),transparent 50%),var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-xl);display:flex;align-items:center;gap:22px;position:relative;overflow:hidden}.profile-hero__avatar{width:96px;height:96px;border-radius:28px;flex:0 0 96px;background:linear-gradient(135deg,var(--app),oklch(.68 .2 var(--portal-hue)));display:grid;place-items:center;color:#020515;font-family:var(--font-display);font-weight:900;font-size:36px;box-shadow:0 16px 40px -16px var(--app-glow)}.profile-hero__name{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0}.profile-hero__sub{color:var(--text-3);font-size:13px;margin-top:4px}.profile-hero__level{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:oklch(.72 .14 var(--app-hue) / .2);color:var(--app-hi);font-weight:700;font-size:12px;letter-spacing:.06em}.heatmap{padding:20px;background:var(--ink-1);border:1px solid var(--ink-4);border-radius:var(--radius-lg)}.heatmap__title{font-family:var(--font-display);font-size:15px;font-weight:800;margin:0 0 14px}.heatmap__grid{display:grid;grid-template-columns:repeat(26,1fr);gap:3px}.heatmap__cell{aspect-ratio:1;border-radius:3px;background:var(--ink-3);transition:transform .1s}.heatmap__cell:hover{transform:scale(1.6)}.heatmap__cell[data-lvl="1"]{background:oklch(.72 .14 var(--app-hue) / .25)}.heatmap__cell[data-lvl="2"]{background:oklch(.72 .14 var(--app-hue) / .5)}.heatmap__cell[data-lvl="3"]{background:oklch(.72 .14 var(--app-hue) / .75)}.heatmap__cell[data-lvl="4"]{background:var(--app)}.heatmap__legend{display:flex;justify-content:flex-end;gap:6px;align-items:center;margin-top:10px;font-size:11px;color:var(--text-4)}.heatmap__legend-swatch{width:11px;height:11px;border-radius:2px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;overflow:hidden}.confetti__piece{position:absolute;top:-10px;width:8px;height:12px;animation:fall 1.8s linear forwards}@keyframes fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx, 20px),110vh) rotate(720deg);opacity:0}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink-1);border:1px solid var(--app);color:var(--text-1);padding:12px 20px;border-radius:999px;box-shadow:var(--shadow-pop);font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;z-index:200;animation:toastIn .3s var(--tap)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-5)}.topbar__burger{display:none;width:40px;height:40px;border-radius:10px;background:var(--ink-2);border:1px solid var(--ink-4);color:var(--text-1);align-items:center;justify-content:center}.topbar__burger:hover{background:var(--ink-3)}.topbar__crumbs{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:13px;font-weight:500}.topbar__crumb-root{color:var(--text-3);transition:color .1s}.topbar__crumb-root:hover{color:var(--text-1)}.topbar__crumb-current{color:var(--text-1);font-weight:600}.hero__sub{color:var(--text-3);margin:0;max-width:460px;line-height:1.5;font-size:14px}.hero__sub b{color:var(--text-1)}.continue__main{flex:1;min-width:0}.sidebar__item--ghost{color:var(--text-3);margin-bottom:8px}.sidebar__tagline{font-size:11px;color:var(--text-4);margin-top:2px;letter-spacing:.05em}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-screen__inner{max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.auth-screen__logo{width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,var(--app),oklch(.68 .22 var(--portal-hue)));display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:36px;letter-spacing:-.04em;color:oklch(.15 .04 var(--app-hue));box-shadow:0 20px 60px -15px var(--app-glow);margin-bottom:8px}.auth-screen__title{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;margin:0}.auth-screen__title em{font-style:italic;font-family:var(--font-serif);color:var(--app-hi);font-weight:500}.auth-screen__sub{color:var(--text-3);margin:0 0 8px;font-size:14px;line-height:1.5}.auth-screen__retry{font-size:13px;color:var(--text-3)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.spinner{width:32px;height:32px;border:3px solid var(--ink-3);border-top-color:var(--app);border-radius:50%;animation:spin .8s linear infinite}.spinner-label{font-size:13px;color:var(--text-3);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.mobile-drawer{position:fixed;top:0;left:0;width:var(--sidebar-w);max-width:86vw;height:100vh;z-index:110;transform:translate(-100%);transition:transform .25s var(--tap);display:none}.mobile-drawer--open{transform:translate(0)}.mobile-drawer .sidebar{height:100%;position:static;border-right:1px solid var(--ink-3);box-shadow:0 0 60px #0009}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000002b3;z-index:105;opacity:0;pointer-events:none;transition:opacity .25s}.drawer-overlay--open{opacity:1;pointer-events:auto}.placeholder{max-width:480px;margin:80px auto;padding:40px 32px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:var(--radius-lg);text-align:center}.placeholder__icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--app),var(--app-lo));color:oklch(.15 .04 var(--app-hue));display:grid;place-items:center;margin:0 auto 20px}.placeholder__title{font-family:var(--font-display);font-size:24px;margin:0 0 8px;font-weight:800;letter-spacing:-.02em}.placeholder__desc{color:var(--text-3);margin:0;font-size:14px;line-height:1.5}.empty{padding:60px 20px;text-align:center;color:var(--text-3);font-size:14px}.learn-tabs{display:flex;gap:10px;margin:4px 0 20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.learn-tabs .btn{flex:0 0 auto}.learn-tabs::-webkit-scrollbar{height:4px}.settings-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.settings-level{display:flex;align-items:center;gap:14px;padding:14px;background:var(--ink-2);border:1px solid var(--ink-4);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color .15s,background .15s;width:100%}.settings-level:hover:not(:disabled){border-color:var(--app);background:oklch(.72 .14 var(--app-hue) / .06)}.settings-level--active{border-color:var(--app);background:oklch(.72 .14 var(--app-hue) / .1);cursor:default}.settings-level:disabled{opacity:.6;cursor:not-allowed}.settings-level__id{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;color:oklch(.15 .04 var(--app-hue));flex:0 0 44px}.settings-level__body{flex:1;min-width:0}.settings-level__name{font-family:var(--font-display);font-weight:700;font-size:14px}.settings-level__ru{color:var(--text-3);font-weight:500;margin-left:6px}.settings-level__desc{font-size:12px;color:var(--text-3);margin-top:2px;line-height:1.4}.settings-level__badge{width:28px;height:28px;border-radius:50%;background:var(--app);color:oklch(.15 .04 var(--app-hue));display:grid;place-items:center;font-weight:800;font-size:12px;flex:0 0 28px}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{display:none}.mobile-drawer{display:block}.topbar__burger{display:inline-flex}}@media (max-width: 760px){:root{--page-pad: 18px;--gap: 12px}.topbar{padding:14px 0;margin-bottom:18px;gap:10px}.topbar__search,.topbar__name,.topbar__crumb-root,.topbar__crumbs .breadcrumb__sep{display:none}.dash-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.roadmap__node:nth-child(2n){flex-direction:row;text-align:left}.roadmap__line{left:32px;transform:none}.daily{flex-direction:column;text-align:center}.profile-grid{grid-template-columns:1fr}.hero__title{font-size:clamp(24px,6vw,32px)}.stat__value{font-size:24px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:14px}.btn{padding:10px 14px;font-size:13px}.auth-screen__title{font-size:26px}}@supports (padding: env(safe-area-inset-top)){.main{padding-top:env(safe-area-inset-top,0);padding-bottom:calc(100px + env(safe-area-inset-bottom,0))}}