:root{color:var(--tg-theme-text-color, #131a22);background:var(--tg-theme-bg-color, #e7e4dc);font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: var(--tg-theme-bg-color, #e7e4dc);--paper: var(--tg-theme-secondary-bg-color, #f7f5ef);--paper-deep: #ece8dd;--ink: var(--tg-theme-text-color, #131a22);--muted: var(--tg-theme-hint-color, #626a72);--line: rgba(19, 26, 34, .2);--line-strong: rgba(19, 26, 34, .48);--cobalt: var(--tg-theme-button-color, #1748c8);--cobalt-ink: var(--tg-theme-button-text-color, #ffffff);--good: #287653;--bad: #b43a32;--warning: #8a5c0a;--radius-s: 4px;--radius-m: 9px;--shadow: 0 22px 70px rgba(19, 26, 34, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background-color:var(--canvas);background-image:linear-gradient(rgba(19,26,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,26,34,.035) 1px,transparent 1px);background-size:24px 24px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button,a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--cobalt) 34%,transparent);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.skip-link{position:fixed;z-index:10;top:8px;left:50%;transform:translate(-50%,-160%);padding:10px 14px;background:var(--ink);color:#fff;text-decoration:none}.skip-link:focus{transform:translate(-50%)}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:start center;padding:max(18px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.phone-frame{width:min(100%,600px);min-height:calc(100dvh - 36px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-m);box-shadow:var(--shadow)}.topbar{min-width:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px 14px;border-bottom:1px solid var(--line)}.topbar>div{min-width:0}.topbar h1{font-family:Charter,Iowan Old Style,Georgia,serif;font-size:clamp(24px,6vw,31px);font-weight:600;line-height:.98;letter-spacing:-.045em}.topbar__caption,.eyebrow{margin-bottom:5px;color:var(--cobalt);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}.screen{min-width:0;overflow-y:auto;padding:18px 20px 28px;scroll-behavior:smooth}.stack,.lesson-screen{display:grid;gap:18px}.primary-button,.secondary-button,.ghost-button,.link-button,.fatal-screen button,.system-notice button{min-height:44px;border-radius:var(--radius-s);cursor:pointer;font-size:13px;font-weight:750}.primary-button{padding:0 17px;border:1px solid var(--cobalt);background:var(--cobalt);color:var(--cobalt-ink)}.primary-button:hover:not(:disabled){background:#0e39aa}.secondary-button{padding:0 17px;border:1px solid var(--line-strong);background:transparent;color:var(--ink)}.secondary-button:hover:not(:disabled){background:var(--paper-deep)}.ghost-button{min-height:36px;flex:0 0 auto;padding:0 11px;border:1px solid var(--line);background:transparent;color:var(--muted)}.link-button{min-height:32px;padding:0;border:0;background:transparent;color:var(--cobalt)}.link-button:hover{text-decoration:underline;text-underline-offset:4px}.left{justify-self:start}.wide-button{width:100%}button:disabled{cursor:not-allowed;opacity:.42}.hero-panel{position:relative;min-height:255px;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(130px,.58fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--ink);color:#fff}.hero-panel:before{content:"TODAY";position:absolute;right:-8px;bottom:-18px;color:#ffffff0b;font-family:Charter,Georgia,serif;font-size:84px;font-weight:700;letter-spacing:-.08em;pointer-events:none}.hero-panel__copy{min-width:0;z-index:1;display:grid;align-content:space-between;gap:16px;padding:22px}.hero-panel h2,.course-hero h2,.learning-card h2,.quiz-card h2,.result-panel h2,.review-card h2,.admin-panel h2,.settings-panel h2,.empty-screen h2{font-family:Charter,Iowan Old Style,Georgia,serif;font-size:clamp(28px,7.4vw,40px);font-weight:600;line-height:.98;letter-spacing:-.045em}.hero-panel p:not(.eyebrow){max-width:37ch;color:#ffffffa8;font-size:14px;line-height:1.45}.hero-panel .eyebrow{color:#9bb5ff}.hero-panel .primary-button{justify-self:start}.artwork{position:relative;min-height:132px;overflow:hidden;display:grid;align-content:space-between;padding:14px;border-left:1px solid rgba(255,255,255,.24);background:var(--cobalt);color:#fff;isolation:isolate}.artwork:after{content:"";position:absolute;width:110px;height:110px;right:-38px;bottom:-38px;border:18px solid rgba(255,255,255,.16);border-radius:50%}.artwork__folio{font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.artwork>strong{font-family:Charter,Georgia,serif;font-size:58px;line-height:.8;letter-spacing:-.08em}.artwork__rules{display:grid;gap:5px}.artwork__rules i{display:block;width:100%;height:1px;background:#ffffff73}.artwork__rules i:nth-child(2){width:70%}.artwork__rules i:nth-child(3){width:45%}.artwork--frontend{background:#153986}.artwork--english{background:#275d54}.artwork--cards{min-height:100%;background:var(--cobalt)}.metric-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.metric-card{min-width:0;min-height:82px;display:grid;align-content:space-between;gap:4px;padding:12px 14px 12px 0}.metric-card+.metric-card{padding-left:14px;border-left:1px solid var(--line)}.metric-card span,.metric-card small{color:var(--muted);font-size:10px;line-height:1.25}.metric-card span{font-family:ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{font-family:Charter,Georgia,serif;font-size:23px;font-weight:600;line-height:1;letter-spacing:-.04em}.goal-card{display:grid;grid-template-columns:1fr minmax(130px,42%);align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.goal-card>div{display:grid;gap:3px}.goal-card span{color:var(--muted);font-size:11px}.goal-card strong{font-size:15px}.progress{height:5px;overflow:hidden;background:#131a221f}.progress span{display:block;height:100%;background:var(--cobalt);transition:width .36s cubic-bezier(.2,.8,.2,1)}.review-strip{width:100%;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 15px;border:1px solid var(--bad);border-radius:var(--radius-s);background:transparent;color:var(--bad);font-weight:750;cursor:pointer}.review-strip:hover{background:#f9e9e6}.section-block,.filter-panel,.trust-block,.settings-panel,.admin-panel,.review-card,.quiz-card,.learning-card,.course-hero,.result-panel{border:1px solid var(--line);border-radius:var(--radius-m);background:#fbfaf6}.section-block{display:grid;gap:14px;padding:17px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.section-heading>div{min-width:0}.section-heading h3,.section-block h3{font-size:16px;line-height:1.2;letter-spacing:-.02em}.section-heading p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}.learning-path{overflow:hidden;background:#f2efe6}.path-list{position:relative;display:grid;gap:0}.path-list:before{content:"";position:absolute;top:26px;bottom:26px;left:20px;width:1px;background:var(--line-strong)}.path-node{position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:41px minmax(0,1fr);align-items:center;gap:12px;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.path-node:last-child{border-bottom:0}.path-node>span{z-index:1;width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#f2efe6;color:var(--muted);font:750 12px/1 ui-monospace,monospace}.path-node strong,.path-node small{display:block}.path-node strong{font-size:14px}.path-node small{margin-top:3px;color:var(--muted);font-size:11px}.path-node--current{padding-left:8px;background:var(--cobalt);color:#fff}.path-node--current>span{border-color:#fff;background:#fff;color:var(--cobalt)}.path-node--current small{color:#ffffffb3}.path-node--completed>span{border-color:var(--good);background:var(--good);color:#fff}.path-node--locked{opacity:.55}.lesson-list,.course-list,.mistake-list,.admin-list{display:grid;gap:0}.lesson-row,.mistake-row{width:100%;min-height:74px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.lesson-row:last-child,.mistake-row:last-child{border-bottom:0}.lesson-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0}.lesson-row__mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--cobalt);font:750 12px/1 ui-monospace,monospace}.lesson-row strong,.lesson-row small{display:block}.lesson-row strong{font-size:13px;line-height:1.3}.lesson-row small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.lesson-row em{color:var(--muted);font: 700 10px/1 ui-monospace,monospace;white-space:nowrap}.lesson-row--current .lesson-row__mark{border-color:var(--cobalt);background:var(--cobalt);color:#fff}.lesson-row--completed .lesson-row__mark{border-color:var(--good);color:var(--good)}.course-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,84%);gap:12px;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x mandatory}.course-card{width:100%;display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-s);background:#fbfaf6;color:var(--ink);text-align:left;cursor:pointer;scroll-snap-align:start}.course-card:hover{border-color:var(--cobalt);transform:translateY(-2px)}.course-card.wide{grid-template-columns:124px minmax(0,1fr);margin-bottom:12px}.course-card .artwork{min-height:120px;border-left:0;border-right:1px solid var(--line)}.course-card__body{min-width:0;display:grid;align-content:center;gap:8px;padding:13px 14px 13px 0}.course-card h3{font-family:Charter,Georgia,serif;font-size:19px;font-weight:600;line-height:1;letter-spacing:-.035em}.course-card p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.35}.filter-panel{display:grid;gap:16px;padding:16px}.segmented{display:grid;gap:8px}.segmented>span,.field>span{color:var(--muted);font:700 10px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.segmented>div{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--line)}.segmented button{min-height:36px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.segmented button.active{border-bottom-color:var(--cobalt);color:var(--cobalt)}.course-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;overflow:hidden}.course-hero .artwork{min-height:178px;border-left:0;border-right:1px solid var(--line)}.course-hero>div:last-child{min-width:0;display:grid;align-content:center;gap:10px;padding:18px 18px 18px 0}.course-hero p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.45}.trust-block{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px}.trust-block>div{display:grid;gap:4px;min-width:0}.trust-block span{color:var(--muted);font:700 9px/1.2 ui-monospace,monospace;text-transform:uppercase}.trust-block strong{font-size:12px;line-height:1.25}.trust-block p{grid-column:1/-1;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.4}.flow-header,.flow-actions,.result-actions,.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-header span{color:var(--muted);font:700 11px/1 ui-monospace,monospace}.learning-card,.quiz-card,.review-card,.admin-panel,.settings-panel{display:grid;gap:16px;padding:20px}.learning-card{position:relative;min-height:430px;align-content:start;padding-top:28px}.learning-card:before{content:"READ / NOTE / APPLY";position:absolute;top:8px;left:20px;color:var(--muted);font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em}.learning-card>p:not(.eyebrow){max-width:53ch;color:#343c45;font-family:Charter,Georgia,serif;font-size:18px;line-height:1.55}.lesson-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bookmark-button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-s);background:transparent;color:var(--muted);font-size:10px;font-weight:750;cursor:pointer}.bookmark-button.active{border-color:var(--cobalt);color:var(--cobalt);background:#e9edfb}.learning-card pre{margin:0;padding:15px;overflow-x:auto;border-left:4px solid var(--cobalt);background:var(--ink);color:#e8ecf1;font:12px/1.5 ui-monospace,monospace;white-space:pre-wrap}.checkpoint{margin-top:auto;padding:14px;border:1px solid #9ca9d0;background:#e9edfb;color:#18316d;font-size:13px;font-weight:700;line-height:1.4}.options-list{display:grid;gap:9px}.option-button{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font-size:13px;font-weight:650}.option-button:hover:not(.is-correct):not(.is-wrong){border-color:var(--cobalt)}.option-button strong{color:var(--muted);font:700 9px/1 ui-monospace,monospace;text-transform:uppercase}.option-button.is-selected{border-color:var(--cobalt);box-shadow:inset 4px 0 var(--cobalt)}.option-button.is-correct{border-color:var(--good);background:#e5f0e9}.option-button.is-correct strong{color:var(--good)}.option-button.is-wrong{border-color:var(--bad);background:#f7e8e5}.option-button.is-wrong strong{color:var(--bad)}.explanation{padding:14px;border-left:4px solid currentColor;font-size:13px;line-height:1.45}.explanation p{margin-top:4px}.explanation.success{background:#e5f0e9;color:#19583c}.explanation.danger{background:#f7e8e5;color:#842d28}.result-panel{display:grid;justify-items:center;gap:14px;padding:28px 20px;text-align:center}.score-ring{width:112px;height:112px;display:grid;place-items:center;border:2px solid var(--cobalt);border-radius:50%;color:var(--cobalt);font-family:Charter,Georgia,serif;font-size:31px;font-weight:600}.result-panel p{color:var(--muted);font-size:13px}.mistake-card{display:grid;gap:6px;padding:13px 0;border-bottom:1px solid var(--line)}.mistake-card strong{font-size:13px}.mistake-card p{color:var(--muted);font-size:12px}.mistake-card small{color:var(--warning);font-size:11px;line-height:1.4}.mistake-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px}.mistake-row.active{color:var(--cobalt);box-shadow:inset 3px 0 var(--cobalt);padding-left:10px}.small-counter{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--bad);border-radius:50%;color:var(--bad);font:750 11px/1 ui-monospace,monospace}.empty-state,.empty-screen{display:grid;justify-items:center;gap:9px;min-height:260px;place-content:center;padding:22px;border:1px dashed var(--line-strong);color:var(--muted);text-align:center}.empty-state{min-height:auto}.empty-screen p{max-width:38ch;font-size:13px;line-height:1.45}.empty-screen>span{color:var(--cobalt);font:700 42px/1 Charter,Georgia,serif}.empty-screen--compact{min-height:330px}.field{display:grid;gap:8px}.field input{min-height:46px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-s);background:transparent;color:var(--ink)}.admin-actions{flex-wrap:wrap}.admin-course{display:grid;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}.admin-course:last-child{border-bottom:0}.admin-course strong{font-size:13px}.admin-course span{color:var(--muted);font-size:11px}.billing-pill{min-height:30px;display:inline-grid;place-items:center;padding:0 9px;border:1px solid currentColor;border-radius:var(--radius-s);font:750 9px/1 ui-monospace,monospace}.billing-pill--trial{color:var(--cobalt)}.billing-pill--pending{color:var(--warning)}.billing-pill--paid{color:var(--good)}.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.billing-summary>div{display:grid;gap:4px;padding:12px 0}.billing-summary>div+div{padding-left:14px;border-left:1px solid var(--line)}.billing-summary span,.settings-toggle small,.payment-card span,.payment-card small{color:var(--muted);font-size:10px;line-height:1.4}.payment-grid{display:grid;gap:8px}.payment-card{min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-s);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.payment-card span{grid-column:1}.payment-card small{grid-row:1/3;grid-column:2;color:var(--ink);font-weight:750}.payment-card.active{border-color:var(--cobalt);box-shadow:inset 4px 0 var(--cobalt)}.payment-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-note{padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.45}.settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-toggle>span{display:grid;gap:3px}.settings-toggle input{width:21px;height:21px;accent-color:var(--cobalt)}.production-list{display:grid;gap:0}.production-list span{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.4}.bottom-nav{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:7px 12px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);background:#f2efe6}.bottom-nav button{position:relative;min-width:0;min-height:46px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:750}.bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{border-bottom-color:var(--cobalt);color:var(--cobalt)}.bottom-nav strong{position:absolute;right:4px;top:2px;min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--bad);color:#fff;font-size:9px}.system-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px;border:1px solid var(--bad);background:#f7e8e5;color:#842d28}.system-notice>div{display:grid;gap:3px}.system-notice strong{font-size:12px}.system-notice span{font-size:10px;line-height:1.35}.system-notice button{min-height:34px;border:1px solid currentColor;background:transparent;color:inherit}.loading-screen{display:grid;gap:13px;min-height:500px;align-content:start}.loading-screen__label{color:var(--cobalt);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.skeleton{position:relative;overflow:hidden;background:#e0ddd4}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c9c5bb;transform:translate(-100%);animation:skeleton 1.1s ease-in-out infinite}.skeleton--hero{height:245px}.skeleton--line{height:13px;width:88%}.skeleton--short{width:58%}@keyframes skeleton{to{transform:translate(100%)}}.fatal-screen{width:min(100% - 32px,560px);min-height:440px;margin:7vh auto;display:grid;align-content:center;gap:15px;padding:30px;border:1px solid var(--line-strong);background:var(--paper);box-shadow:var(--shadow)}.fatal-screen span{color:var(--bad);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em}.fatal-screen h1{font:600 clamp(34px,8vw,54px)/.95 Charter,Georgia,serif;letter-spacing:-.05em}.fatal-screen p{max-width:45ch;color:var(--muted);font-size:14px;line-height:1.5}.fatal-screen button{justify-self:start;padding:0 16px;border:1px solid var(--ink);background:var(--ink);color:#fff}@media(max-width:520px){.app-shell{padding:0}.phone-frame{min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.topbar{padding-inline:16px}.screen{padding:15px 16px 24px}.hero-panel{grid-template-columns:minmax(0,1fr) 100px;min-height:280px}.hero-panel__copy{padding:18px}.artwork{padding:10px}.artwork>strong{font-size:46px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:nth-child(3){grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid var(--line)}.goal-card{grid-template-columns:1fr;gap:10px}.course-hero{grid-template-columns:108px minmax(0,1fr)}.course-hero .artwork{min-height:190px}.trust-block{grid-template-columns:1fr 1fr}.trust-block>div:nth-child(3){grid-column:1/-1}.flow-actions>button{flex:1}.learning-card{min-height:410px}}@media(max-width:370px){.hero-panel{grid-template-columns:1fr}.hero-panel .artwork{display:none}.metric-grid{grid-template-columns:1fr}.metric-card,.metric-card+.metric-card,.metric-card:nth-child(3){grid-column:auto;padding:10px 0;border-left:0;border-top:1px solid var(--line)}.metric-card:first-child{border-top:0}.course-card,.course-card.wide{grid-template-columns:88px minmax(0,1fr)}.bottom-nav{padding-inline:5px}.bottom-nav button{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}