:root{color:var(--tg-theme-text-color,#141820);background:var(--tg-theme-secondary-bg-color,#f4f6fa);font-synthesis:none;text-rendering:optimizelegibility;--blue:#1479f8;--blue-dark:#0964d8;--ink:#141820;--muted:#707887;--surface:var(--tg-theme-bg-color,#fff);--line:#1c27391a;--soft-blue:#eaf3ff;--shadow:0 14px 40px #182d5014;--page-gutter:14px;--content-max:760px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--tg-theme-secondary-bg-color,#f4f6fa);min-height:100%}body,#root{min-width:320px;min-height:100%}body{overscroll-behavior-y:none;background:var(--tg-theme-secondary-bg-color,#f4f6fa);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}input,textarea{font-size:16px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.app-shell.review-mode{padding-bottom:0}.topbar{z-index:20;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--page-gutter) 0;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-leading{align-items:center;gap:6px;min-width:0;display:flex}.topbar-back{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#505c7014;border:0;border-radius:13px;flex:none;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.wordmark{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:130px;height:42px;padding:0;display:grid}.brand-logo{place-items:center;width:132px;height:40px;display:inline-grid;overflow:hidden}.brand-logo>span{background:url(/brand/lison-logo.jpg) -25.7px -66.7px/174px 174px no-repeat;width:126px;height:37px;display:block}.brand-logo.compact{width:120px;height:36px}.brand-logo.compact>span{background-position:-23.6px -61.3px;background-size:160px 160px;width:116px;height:34px}.topbar-caption{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;overflow:hidden}.main-content{width:100%}.page{width:min(100%, var(--content-max));padding:18px var(--page-gutter) 28px;margin:0 auto}.stack-lg>*+*{margin-top:14px}.stack-xl>*+*{margin-top:22px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.35px;margin-bottom:9px;font-size:clamp(30px,9vw,40px);line-height:1.05}h2{letter-spacing:-.45px;margin-bottom:9px;font-size:21px;line-height:1.2}h3{margin-bottom:10px;font-size:15px}p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;font-size:12px;font-weight:800}.panel,.topic-card,.empty-card,.state-card,.editable-section{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px}.panel{padding:16px}.welcome{padding:12px 3px 0}.welcome p{max-width:540px;margin-bottom:0;font-size:15px}.topic-grid{gap:14px;display:grid}.topic-card{text-align:left;width:100%;color:inherit;cursor:pointer;padding:0;position:relative;overflow:hidden}.topic-card:active{transform:scale(.992)}.topic-illustration{background:linear-gradient(145deg,#1f8cff,#0b63df);height:132px;position:relative;overflow:hidden}.topic-illustration:after{content:"";pointer-events:none;background:linear-gradient(#08122305,#08122338);position:absolute;inset:0}.topic-illustration img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.topic-card:hover .topic-illustration img{transform:scale(1.025)}.topic-card-content{padding:17px}.topic-card-content h2{margin:8px 0 7px;font-size:27px}.topic-card-content p{margin-bottom:18px;font-size:14px}.topic-meta{gap:8px;display:flex}.topic-meta span,.topic-level{background:var(--soft-blue);color:var(--blue-dark);border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.progress-row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:600;display:flex}.due-badge{color:var(--blue)}.progress-track,.review-progress{background:#e7ebf1;border-radius:99px;height:6px;overflow:hidden}.progress-track span,.review-progress span{border-radius:inherit;background:var(--blue);height:100%;display:block}.bottom-nav{z-index:30;height:calc(64px + env(safe-area-inset-bottom));padding:0 max(var(--page-gutter), env(safe-area-inset-left)) env(safe-area-inset-bottom) max(var(--page-gutter), env(safe-area-inset-right));background:color-mix(in srgb, var(--surface) 94%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--blue)}.nav-icon{width:22px;height:22px;line-height:1}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.button{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:13px 18px;font-weight:800;transition:all .18s}.button:active{transform:scale(.98)}.button:disabled{opacity:.45;cursor:default}.button.primary{color:#fff;background:var(--blue);box-shadow:0 9px 22px #1479f83d}.button.primary:hover{background:var(--blue-dark)}.button.light{color:var(--blue-dark);background:#fff}.button.ghost{color:var(--blue);background:var(--soft-blue)}.button.small{border-radius:11px;min-height:42px;padding:9px 12px;font-size:12px}.button.wide{width:100%}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#505c7014;border:0;border-radius:13px;flex:none;font-size:22px}.icon-button.danger{color:#dc5660;background:#fff0f1}.state-card,.empty-card{text-align:center;max-width:440px;margin:34px auto;padding:30px 20px}.state-card p,.empty-card p{margin-bottom:22px}.state-icon,.empty-art{width:62px;height:62px;color:var(--blue);background:var(--soft-blue);border-radius:20px;place-items:center;margin:0 auto 20px;font-size:23px;font-weight:800;display:grid}.loading-state{box-shadow:none;background:0 0;border-color:#0000}.loading-state .brand-logo{margin:0 auto 22px}.spinner{border:3px solid #1479f82e;border-top-color:var(--blue);border-radius:50%;width:30px;height:30px;margin:0 auto 15px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.topic-hero{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff3d,#0000 32%),linear-gradient(145deg,#1d8cff,#0b63db);border-radius:20px;padding:22px 18px;box-shadow:0 16px 38px #1065d838}.topic-hero h1{margin:15px 0 8px}.topic-hero p{color:#ffffffc7;margin-bottom:22px}.topic-level{color:#fff;background:#fff3}.topic-stat-row{color:#ffffffbf;flex-wrap:wrap;gap:10px 22px;font-size:12px;display:flex}.topic-stat-row b{color:#fff;margin-right:4px;font-size:17px}.prose{font-size:14px;line-height:1.7}.prose h2{margin-top:26px}.prose h2:first-child{margin-top:0}.prose h3{color:var(--blue-dark);margin:21px 0 8px}.prose ul{padding-left:20px}.prose li{margin:7px 0}.prose code{border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent);white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:7px;padding:3px 6px;font-family:inherit}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading h2,.panel-heading p{margin-bottom:0}.panel-heading>span{color:var(--muted);font-weight:700}.panel-heading.compact{align-items:flex-start}.panel-heading.compact p{font-size:12px}.vocabulary-heading>div,.section-intro{align-items:flex-start;gap:12px;display:flex}.vocabulary-heading h2,.section-intro h2{margin-top:1px}.section-number{color:var(--blue);letter-spacing:.08em;font-size:11px;font-weight:800}.vocabulary-group+.vocabulary-group{margin-top:22px}.vocabulary-group h3,.question-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.word-list{border-top:1px solid var(--line)}.word-row{border-bottom:1px solid var(--line);align-items:center;min-height:64px;display:flex}.question-row input{opacity:0;pointer-events:none;position:absolute}.custom-check{color:#fff;border:1.5px solid #c5ccd7;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.question-row.checked .custom-check{border-color:var(--blue);background:var(--blue)}.word-pair{flex-direction:column;gap:2px;min-width:0;display:flex}.word-pair strong{font-size:15px}.word-pair>span{color:var(--muted);font-size:12px}.toast{z-index:50;top:calc(66px + env(safe-area-inset-top));color:#fff;width:max-content;max-width:calc(100% - 28px);box-shadow:var(--shadow);background:#1d2736;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.personal-area>.section-intro{padding:10px 4px 4px}.section-intro p{margin-bottom:0;font-size:13px}.section-intro.compact{margin-bottom:18px}.editable-section{margin-top:10px;overflow:hidden}.editable-section summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:15px 16px;font-weight:800;list-style:none;display:flex}.editable-section summary::-webkit-details-marker{display:none}.editable-section[open] .chevron{transform:rotate(180deg)}.editable-fields{border-top:1px solid var(--line);padding:2px 15px 18px}.form-field{margin-top:17px;display:block}.field-label-row{justify-content:space-between;gap:8px;min-height:21px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.save-status{color:var(--muted);font-weight:500}.save-status.saved{color:#1c9a67}.save-status.error{color:#d54854}.form-field input,.form-field textarea,.time-field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, #eef3fa);border-radius:12px;outline:none;padding:12px 13px}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1479f81a}.form-field textarea{resize:vertical;min-height:88px;line-height:1.5}.correction-row{grid-template-columns:minmax(0,1fr) 44px;gap:7px;margin-bottom:10px;display:grid}.correction-row input{grid-column:1}.correction-row .icon-button{grid-area:1/2/span 2;width:44px;height:100%;min-height:48px}.question-group+.question-group{margin-top:23px}.question-row{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;min-height:52px;padding:12px 0;display:flex}.question-row>span:last-child{flex-direction:column;gap:3px;display:flex}.question-row strong{font-size:13px;line-height:1.45}.question-row small{color:var(--muted)}.question-row.checked strong{color:var(--muted);text-decoration:line-through}.page-heading{padding:8px 3px 0}.review-summary{color:#fff;background:linear-gradient(145deg,#1c87ff,#0861d4);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:19px 17px;display:flex;box-shadow:0 15px 38px #0e63d638}.review-summary>div{grid-template-columns:auto auto;align-items:end;column-gap:7px;display:grid}.review-summary strong{font-size:39px;line-height:1}.review-summary>div>span:last-child{opacity:.75;padding-bottom:4px;font-size:12px}.summary-label{text-transform:uppercase;letter-spacing:.08em;opacity:.72;grid-column:1/-1;margin-bottom:8px;font-size:11px;font-weight:800}.reminder-panel small{color:var(--muted)}.switch input{opacity:0;position:absolute}.switch span{cursor:pointer;background:#dce1e9;border-radius:99px;width:48px;height:28px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(20px)}.time-field{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 8px;font-size:13px;font-weight:700;display:flex}.time-field input{width:124px}.card-list-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;display:flex}.card-list-item:first-child{border-top:0}.card-list-item>div{flex-direction:column;gap:3px;display:flex}.card-list-item strong{font-size:14px}.card-list-item span{color:var(--muted);font-size:12px}.card-list-item .card-topic-tag{width:fit-content;color:var(--blue);background:var(--soft-blue);border-radius:99px;margin-top:3px;padding:3px 7px;font-size:10px;font-weight:700}.review-page{min-height:100dvh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.review-header{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;display:grid}.review-progress{width:100%}.review-header>span{color:var(--muted);font-size:12px;font-weight:700}.flashcard{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:clamp(280px,52dvh,440px);margin:20px 0 16px;padding:28px 19px;display:flex;box-shadow:0 22px 54px #1b2f501c}.card-side-label{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:20px;font-size:11px;font-weight:800}.flashcard-word{letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%;font-size:clamp(28px,10vw,44px);font-weight:800;line-height:1.14}.flashcard-translation{color:var(--muted);margin-top:16px;font-size:17px}.flashcard-topic{color:var(--muted);background:#5a698014;border-radius:99px;margin-top:34px;padding:6px 10px;font-size:11px}.reveal-button,.rating-area{margin-top:auto}.rating-area>p{text-align:center;margin-bottom:10px;font-size:12px}.rating-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rating{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:62px;padding:8px 6px;display:flex}.rating strong{font-size:12px}.rating span{color:var(--muted);font-size:10px}.rating.hard strong{color:#d28124}.rating.good strong{color:var(--blue)}.rating.easy strong{color:#159461}.inline-error{color:#b62f3a;background:#fff0f1;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:12px}.review-finished{min-height:100dvh;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;display:flex}.review-finished p{max-width:410px;margin:0 auto 25px}.success-orbit{background:#1479f80d;border:1px solid #1479f824;border-radius:50%;width:104px;height:104px;margin:0 auto 30px;padding:15px}.success-orbit span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:100%;height:100%;font-size:31px;display:grid;box-shadow:0 11px 28px #1479f847}.grammar-index{--grammar-violet:#6d54e8;--grammar-mint:#23ad8a}.grammar-welcome{color:#fff;background:radial-gradient(circle at 90% 8%,#ffffff3d,#0000 28%),linear-gradient(145deg,#7658ec,#4c35bf);border-radius:24px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:8px;min-height:250px;padding:25px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #4e35bc3d}.grammar-welcome .eyebrow{color:#dcd4ff}.grammar-welcome h1{margin-bottom:13px;font-size:clamp(28px,8vw,40px)}.grammar-welcome p{color:#ffffffc2;max-width:470px;margin-bottom:0;font-size:14px}.grammar-welcome-orbit{border:1px solid #ffffff45;border-radius:50%;width:88px;height:88px;animation:4s ease-in-out infinite grammar-float;position:relative}.grammar-welcome-orbit:before{content:"";border:1px dashed #ffffff3b;border-radius:50%;position:absolute;inset:12px}.grammar-welcome-orbit>span{color:#533bc0;background:#fff;border-radius:18px;place-items:center;width:49px;height:49px;font-size:24px;font-weight:900;display:grid;position:absolute;top:19px;left:19px;transform:rotate(-7deg);box-shadow:0 11px 25px #1d115b40}.grammar-welcome-orbit i,.grammar-welcome-orbit b{background:#ffe277;border-radius:50%;display:block;position:absolute}.grammar-welcome-orbit i{width:11px;height:11px;top:23px;left:-2px}.grammar-welcome-orbit b{color:#5a43c4;place-items:center;width:20px;height:20px;font-size:10px;display:grid;bottom:7px;right:-6px}@keyframes grammar-float{50%{transform:translateY(-7px)rotate(3deg)}}.grammar-due-callout{background:color-mix(in srgb, var(--surface) 90%, #ede9ff);box-shadow:var(--shadow);border:1px solid #6d54e82e;border-radius:18px;align-items:center;gap:13px;padding:15px;display:flex}.grammar-due-icon{color:#fff;background:var(--grammar-violet);border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:25px;display:grid;box-shadow:0 8px 20px #6d54e840}.grammar-due-callout>div:last-child{flex-direction:column;min-width:0;display:flex}.grammar-due-callout span{color:var(--grammar-violet);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900}.grammar-due-callout strong{margin:3px 0;font-size:14px}.grammar-due-callout small{color:var(--muted);font-size:11px}.grammar-section-heading{justify-content:space-between;align-items:flex-end;margin:0 3px 13px;display:flex}.grammar-section-heading .eyebrow{color:var(--grammar-violet);margin-bottom:5px}.grammar-section-heading h2{margin-bottom:0}.grammar-section-heading>span{color:var(--muted);padding-bottom:2px;font-size:12px;font-weight:800}.grammar-grid{gap:10px;display:grid}.grammar-card{border:1px solid var(--line);text-align:left;width:100%;min-height:105px;color:var(--ink);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:18px;grid-template-columns:28px 48px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:14px 13px;display:grid;position:relative}.grammar-card:active{transform:scale(.99)}.grammar-card.is-due{background:color-mix(in srgb, var(--surface) 95%, #ddd6ff);border-color:#6d54e859}.grammar-card-number{color:#a4abba;align-self:start;padding-top:2px;font-size:10px;font-weight:800}.grammar-card-icon{width:48px;height:48px;color:var(--grammar-violet);background:#6d54e81c;border-radius:15px;place-items:center;font-size:22px;font-weight:900;display:grid}.grammar-card:nth-child(3n+2) .grammar-card-icon{color:#168a70;background:#23ad8a1f}.grammar-card:nth-child(3n) .grammar-card-icon{color:#bf7922;background:#efa64c24}.grammar-card-copy{flex-direction:column;min-width:0;display:flex}.grammar-card-copy>strong{margin:5px 0 3px;font-size:16px}.grammar-card-copy>small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.grammar-card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.grammar-card-meta b{color:#fff;background:var(--grammar-violet);border-radius:99px;padding:3px 6px;font-size:8px}.grammar-card-meta b.learned{color:#168a70;background:#23ad8a1f}.grammar-card-arrow{color:var(--grammar-violet);font-size:20px}.grammar-topic-page{--grammar-violet:#6d54e8;padding-bottom:34px}.grammar-topic-hero{color:#fff;background:radial-gradient(circle at 94% 5%,#fff3,#0000 31%),linear-gradient(145deg,#7256e4,#4d36bc);border-radius:23px;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:16px;min-height:160px;padding:23px 20px;display:grid;box-shadow:0 16px 38px #4e35bc38}.grammar-topic-icon{color:#573fc2;background:#fff;border-radius:21px;place-items:center;width:66px;height:66px;font-size:30px;font-weight:900;display:grid;transform:rotate(-4deg);box-shadow:0 10px 26px #20145b33}.grammar-topic-hero span{color:#ffffffad;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.grammar-topic-hero h1{margin:6px 0;font-size:clamp(27px,8vw,38px)}.grammar-topic-hero p{color:#ffffffc7;margin-bottom:0;font-size:12px;line-height:1.45}.grammar-roadmap{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:5px 7px;font-size:9px;font-weight:800;display:flex}.grammar-roadmap>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.grammar-roadmap b{width:22px;height:22px;color:var(--muted);background:#5a69801a;border-radius:50%;place-items:center;font-size:9px;display:grid}.grammar-roadmap .active{color:var(--grammar-violet)}.grammar-roadmap .active b{color:#fff;background:var(--grammar-violet)}.grammar-roadmap i{background:var(--line);width:clamp(14px,8vw,58px);height:1px;margin:0 7px}.grammar-lessons{gap:12px;display:grid}.grammar-lesson-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:20px 17px;position:relative;overflow:hidden}.grammar-lesson-index{color:#6d54e824;letter-spacing:-2px;font-size:36px;font-weight:900;position:absolute;top:13px;right:15px}.grammar-lesson-card h2{max-width:calc(100% - 52px);margin-bottom:11px}.grammar-lesson-card>p{color:var(--ink);margin-bottom:14px;font-size:13px;line-height:1.65}.grammar-examples{gap:7px;display:grid}.grammar-examples code{border-left:3px solid var(--grammar-violet);color:var(--ink);background:#6d54e812;border-radius:7px 11px 11px 7px;padding:10px 11px;font-family:inherit;font-size:12px;line-height:1.45}.grammar-lesson-card aside{color:var(--muted);background:#f2b53d1f;border-radius:12px;margin-top:14px;padding:11px 12px;font-size:11px;line-height:1.5}.grammar-lesson-card aside span{color:#b87517;text-transform:uppercase;letter-spacing:.06em;margin-right:7px;font-size:9px;font-weight:900}.grammar-start{background:#6d54e8!important;box-shadow:0 9px 22px #6d54e83d!important}.grammar-practice-page{flex-direction:column;min-height:calc(100dvh - 58px);padding-top:22px;display:flex}.grammar-flow-head,.grammar-game-header{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:11px;display:flex}.grammar-flow-head>div,.grammar-game-header>div{flex-direction:column;display:flex}.grammar-flow-head span,.grammar-game-header span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.grammar-flow-head strong,.grammar-game-header strong{margin-top:3px;font-size:15px}.grammar-flow-head>span,.grammar-game-header>b{color:var(--muted);font-size:11px}.grammar-practice-page>.progress-track{margin-bottom:17px}.grammar-question-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:100%;margin-bottom:14px;padding:22px 17px;box-shadow:0 18px 44px #1b2f501a}.grammar-question-card .eyebrow{color:#6d54e8}.grammar-question-card h2{align-items:center;min-height:55px;margin:8px 0 18px;font-size:clamp(22px,7vw,30px);line-height:1.25;display:flex}.grammar-options{gap:9px;display:grid}.grammar-options button{border:1px solid var(--line);min-height:52px;color:var(--ink);background:color-mix(in srgb, var(--surface) 96%, #eef1f7);text-align:left;cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:14px;font-weight:750;display:flex}.grammar-options button:not(:disabled):active{transform:scale(.99)}.grammar-options button.correct{color:#16845f;background:#1fa1711a;border-color:#1fa17159}.grammar-options button.wrong{color:#c7434e;background:#dc566017;border-color:#dc566057}.grammar-options button.muted{opacity:.48}.grammar-options button b{font-size:20px}.grammar-explanation{border-radius:12px;flex-direction:column;gap:3px;margin-top:13px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex}.grammar-explanation.correct{color:#136e51;background:#1fa1711a}.grammar-explanation.wrong{color:#a9353e;background:#dc566017}.grammar-explanation strong{font-size:12px}.grammar-game-shell{--game-purple:#674de2;min-height:calc(100dvh - 58px);padding:16px var(--page-gutter) max(18px, env(safe-area-inset-bottom));color:#fff;background:linear-gradient(180deg, #5034c5 0, #7560e6 31%, var(--tg-theme-secondary-bg-color,#f4f6fa) 31%);position:relative;overflow:hidden}.grammar-game-sky{pointer-events:none;height:31%;position:absolute;inset:0 0 auto;overflow:hidden}.grammar-game-sky i{background:#ffffff9e;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite grammar-twinkle;position:absolute}.grammar-game-sky i:first-child{top:22%;left:13%}.grammar-game-sky i:nth-child(2){animation-delay:.7s;top:18%;right:20%}.grammar-game-sky i:nth-child(3){animation-delay:1.1s;top:62%;right:7%}@keyframes grammar-twinkle{50%{opacity:.35;transform:scale(2)}}.grammar-game-header{z-index:1;margin-bottom:20px;position:relative}.grammar-game-header span,.grammar-game-header>b{color:#ffffffad}.grammar-game-route{z-index:1;height:66px;margin:0 2px 18px;position:relative}.grammar-game-line{background:#fff3;border-radius:99px;height:5px;position:absolute;top:31px;left:0;right:0;overflow:hidden}.grammar-game-line span{border-radius:inherit;background:#ffe069;height:100%;transition:width .45s;display:block}.grammar-mascot{z-index:2;background:#ffffff38;border:2px solid #ffffff80;border-radius:16px;width:43px;height:43px;margin-left:-21px;padding:4px;transition:left .55s cubic-bezier(.25,.9,.3,1.25);position:absolute;top:11px}.grammar-mascot>span{width:100%;height:100%;color:var(--game-purple);background:#fff;border-radius:11px;place-items:center;font-size:17px;font-weight:900;display:grid}.grammar-mascot.is-happy{animation:.5s grammar-hop}.grammar-mascot.is-shaking{animation:.35s grammar-shake}@keyframes grammar-hop{50%{transform:translateY(-10px)rotate(7deg)}}@keyframes grammar-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.grammar-finish{z-index:3;color:#6a4eca;background:#ffe069;border-radius:50%;place-items:center;width:29px;height:29px;font-size:13px;display:grid;position:absolute;top:19px;right:-1px;box-shadow:0 5px 14px #25146c47}.grammar-game-content{z-index:2;width:min(100%,720px);color:var(--ink);margin:0 auto;position:relative}.grammar-game-content .grammar-question-card{box-shadow:0 20px 50px #1e194b2e}.grammar-game-content>.button{color:#5c43c9}.grammar-result{text-align:center;flex-direction:column;justify-content:center;min-height:calc(100dvh - 58px);display:flex}.grammar-result-orbit{border:1px solid #6d54e838;border-radius:50%;width:126px;height:126px;margin:0 auto 28px;animation:4s ease-in-out infinite grammar-float;position:relative}.grammar-result-orbit:before{content:"";border:1px dashed #6d54e83d;border-radius:50%;position:absolute;inset:12px}.grammar-result-orbit>span{color:#fff;background:#6d54e8;border-radius:22px;place-items:center;width:68px;height:68px;font-size:32px;display:grid;position:absolute;top:28px;left:28px;box-shadow:0 13px 30px #6d54e84d}.grammar-result-orbit.retry>span{background:#e29a35;box-shadow:0 13px 30px #e29a3545}.grammar-result-orbit i,.grammar-result-orbit b{background:#ffe069;border-radius:50%;position:absolute}.grammar-result-orbit i{width:12px;height:12px;top:16px;left:2px}.grammar-result-orbit b{color:#6d54e8;place-items:center;width:27px;height:27px;font-size:12px;display:grid;bottom:16px;right:-5px}.grammar-result>.eyebrow{color:#6d54e8}.grammar-result>p{max-width:450px;margin:0 auto 21px}.grammar-score{flex-direction:column;margin-bottom:22px;display:flex}.grammar-score strong{color:#6d54e8;letter-spacing:-1px;font-size:42px}.grammar-score span{color:var(--muted);font-size:10px}.grammar-result>.button+.button{margin-top:9px}@media (width<=359px){.topbar-caption{display:none}.topbar.has-back .wordmark{width:112px}.review-summary{flex-direction:column;align-items:stretch}.review-summary .button{width:100%}}@media (width>=370px){.rating-grid{gap:7px}.rating{min-height:68px;padding-inline:4px}.rating strong{font-size:11px}.rating span{font-size:9px}}@media (width>=480px){:root{--page-gutter:18px}.panel{padding:19px}.correction-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.correction-row input{grid-column:auto}.correction-row .icon-button{grid-area:1/3}}@media (width>=700px){:root{--page-gutter:24px}.page{padding-top:28px;padding-bottom:44px}.topbar{height:calc(66px + env(safe-area-inset-top))}.wordmark{width:130px;height:44px}.topbar-caption{font-size:11px}.panel,.topic-card,.empty-card,.state-card,.editable-section{border-radius:22px}.panel{padding:22px}.topic-hero{border-radius:24px;padding:28px 24px}.topic-grid{grid-template-columns:repeat(2,1fr)}.grammar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-welcome{grid-template-columns:minmax(0,1fr) 150px;min-height:290px;padding:34px 32px}.grammar-welcome-orbit{width:128px;height:128px}.grammar-welcome-orbit:before{inset:18px}.grammar-welcome-orbit>span{width:66px;height:66px;font-size:31px;top:30px;left:30px}.grammar-topic-hero{grid-template-columns:82px minmax(0,1fr);padding:31px 27px}.grammar-topic-icon{width:78px;height:78px}.grammar-lessons{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.grammar-lesson-card{padding:22px 18px}.grammar-game-shell{padding-inline:max(var(--page-gutter), calc((100% - var(--content-max)) / 2))}.topic-card:first-child:last-child{grid-column:span 2}.topic-illustration{height:150px}.topic-card-content{padding:21px}.bottom-nav{width:min(100%, var(--content-max));border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;left:50%;right:auto;transform:translate(-50%)}h1{font-size:46px}}@media (prefers-color-scheme:dark){:root{--ink:var(--tg-theme-text-color,#f4f7fb);--muted:#9da8b7;--surface:var(--tg-theme-bg-color,#171b22);--line:#e1ebfa1a;--soft-blue:#1479f829;--shadow:0 14px 40px #0000002e}.brand-logo>span{filter:invert()hue-rotate(180deg);mix-blend-mode:screen}.progress-track,.review-progress{background:#ffffff1f}.button.light{color:#0964d8;background:#fff}.form-field input,.form-field textarea,.time-field input{color:var(--ink);background:#ffffff0a}.word-row.added .custom-check,.question-row.checked .custom-check{color:#fff}.icon-button.danger{background:#dc56601f}}