.learn-page{background:var(--bg,#faf9f6);color:var(--ink,#202020)}.learn-layout{max-width:1280px;margin:0 auto;padding:64px 40px 80px;display:grid;grid-template-columns:minmax(0,1fr) 260px;column-gap:76px}.chapter-banner{padding:8px 0 38px;border-bottom:1px solid var(--line,#dedcd6)}.chapter-banner>span,.side-label,.lesson-kicker{font-size:12px;font-weight:700;letter-spacing:1.8px}.chapter-banner h1{font:800 clamp(38px,4.4vw,64px)/1.08 Manrope,sans-serif;letter-spacing:-2.6px;margin:24px 0}.chapter-banner h1 em{font-style:normal;color:var(--accent,#e60033)}.chapter-banner p{max-width:530px;font-size:17px;line-height:1.7;color:var(--muted,#74736b);margin:0}.route-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 0;font-size:13px;color:var(--muted)}.route-toolbar button{border:1px solid var(--line);padding:12px 16px;min-height:44px;font-size:12px;cursor:pointer}.route-toolbar button[aria-pressed=true]{color:var(--accent)}.journey-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 28px}.pill{font-size:11px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:var(--accent)}.journey-intro p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.unit-stop{padding:32px 0 40px;border-top:1px solid var(--line)}.unit-heading h2{font:700 28px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:14px 0 10px}.unit-heading>p{font-size:15px;color:var(--muted);margin:0}.unit-body{display:flex;align-items:center;gap:48px;padding:34px 0 14px}.unit-orbit{flex:0 0 208px;position:relative;text-align:center}.segmented-circle{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;background:var(--bg);border:5px solid var(--bg);outline:1px solid var(--line);margin:auto}.quarter{display:grid;place-items:center;background:#e8e5de;color:#8d897e;font:700 24px Manrope,sans-serif;padding:0;cursor:pointer;transition:background .2s}.quarter:disabled{cursor:default}.quarter.q0{grid-area:1/1}.quarter.q1{grid-area:1/2}.quarter.q2{grid-area:2/2}.quarter.q3{grid-area:2/1}.quarter.ready{background:var(--accent,#e60033);color:white}.quarter.done{background:#262626;color:#fff}.quarter:not(:disabled):hover{background:#ba002a}.quarter:focus-visible{outline:3px solid #eaba57;outline-offset:-6px}.circle-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:5px solid var(--bg);border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:14px;font-weight:700;pointer-events:none}.unit-star{position:absolute;right:0;bottom:24px;width:49px;height:49px;border:4px solid var(--bg);border-radius:50%;background:#ece8de;color:#a29a87;padding:10px;cursor:pointer}.unit-star svg,.result-star svg{width:100%;height:100%;fill:currentColor}.unit-star:disabled{cursor:default}.unit-star:not(:disabled){background:#f3e3b6;color:#a27921}.unit-star.earned{background:#efcb70;color:#7f5811}.orbit-caption{display:block;margin-top:20px;font-size:12px;color:var(--muted)}.unit-parts{flex:1;list-style:none;margin:0;padding:0;min-width:0}.unit-parts li{position:relative;padding:12px 0 12px 34px;font-size:14px;font-weight:500;border-bottom:1px solid var(--line);line-height:1.4}.unit-parts li:last-child{border:0}.unit-parts li>span{position:absolute;left:0;top:13px;color:#a79d8d;font-size:12px}.unit-parts small{display:block;font-size:11px;color:var(--muted);margin-top:5px;font-weight:400}.unit-parts li.finished>span{color:var(--accent)}.unit-status{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}.learning-side{position:sticky;top:30px;align-self:start;padding-top:10px}.progress-card{border-top:2px solid var(--accent);padding-top:22px}.stats{display:flex;justify-content:space-between;gap:15px;margin:18px 0}.stats p{margin:0}.stats b{display:block;font:700 38px Manrope,sans-serif;letter-spacing:-1px}.stats span{font-size:12px;color:var(--muted)}progress{display:block;width:100%;height:4px;border:0;accent-color:var(--accent);background:#e8e5de}progress::-webkit-progress-bar{background:#e8e5de}progress::-webkit-progress-value{background:var(--accent)}.session-note{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 30px}.source-link{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin:14px 0;text-underline-offset:3px}.route-end{border-top:1px solid var(--line);padding-top:28px}.route-end b{font:700 22px Manrope,sans-serif;letter-spacing:-.5px}.route-end p{font-size:14px;color:var(--muted);line-height:1.6}#lesson-dialog{width:calc(100% - 32px);max-width:600px;max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:0;padding:42px 36px;background:var(--bg);color:var(--ink)}#lesson-dialog::backdrop{background:#24211e88;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:10px;top:8px;width:40px;height:40px;font-size:28px;color:var(--muted);cursor:pointer}#lesson-content{position:relative}#lesson-content h2{font:700 29px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:24px 0}#lesson-content p{font-size:16px;line-height:1.7}.lesson-kicker{color:var(--accent);font-size:11px}.concept{padding:20px;background:#eeece5}.hint{font-size:13px!important;color:var(--muted)}.learn-primary,.learn-secondary{display:block;width:100%;padding:16px 20px;min-height:50px;margin-top:14px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--line)}.learn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.learn-primary:hover{background:#bf002b}.learn-secondary{background:transparent;color:var(--ink)}.lesson-figure{margin:20px 0;background:white;border:1px solid var(--line);padding:14px}.lesson-figure>img{display:block;width:100%;max-height:260px;object-fit:contain}.lesson-figure figcaption{font-size:10px;line-height:1.5;color:var(--muted);margin-top:10px}.lesson-figure details img{width:100%;max-height:none}.lesson-figure summary,.visual-help>summary{padding:12px 0;cursor:pointer;font-size:13px;color:var(--accent)}.visual-help{margin-bottom:14px}.history-visual{padding:24px 0;border-block:1px solid var(--line);margin:20px 0}.history-visual span{font-size:10px;letter-spacing:1px;color:var(--muted)}.history-visual strong{display:block;font:800 56px Manrope,sans-serif;letter-spacing:-2px;color:var(--accent)}.history-visual p{margin:0}.exercise-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.exercise-top>span:last-child{font-size:12px;color:var(--muted)}#lesson-content progress{margin-top:20px}.answers{display:grid;gap:10px}.answers button{display:flex;align-items:center;gap:12px;padding:18px;text-align:left;border:1px solid var(--line);font-size:16px;line-height:1.4;cursor:pointer;background:transparent;min-height:54px}.answer-dot{flex-shrink:0;width:18px;height:18px;border:1px solid #bdb7ad;border-radius:50%}.answers button.correct{background:#edf1e8;border-color:#849777;color:#43583a}.answers button.incorrect{background:#fae9e9;border-color:#c98392}.correct .answer-dot{background:#849777;border-color:#849777}.incorrect .answer-dot{background:#c98392;border-color:#c98392}#feedback:not(:empty){margin-top:18px;padding:16px;font-size:14px;line-height:1.6}.feedback-good{background:#edf1e8;color:#43583a}.feedback-wrong{background:#fae9e9;color:#893449}.result-star{height:64px;width:64px;margin:18px auto;color:#bfb7a7}.result-star.earned{color:#cca347}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-10px;left:calc(var(--i)*6%);width:6px;height:10px;background:#e60033;animation:confetti 1.4s calc(var(--i)*.035s) ease both}.confetti i:nth-child(2n){background:#d0b87e}.enter{animation:enter .2s ease}.shake .answers{animation:shake .25s ease}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes confetti{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(350px) rotate(160deg)}}
@media(max-width:1000px){.learn-layout{gap:36px;padding:44px 28px;grid-template-columns:minmax(0,1fr) 220px}.unit-body{gap:24px}.unit-orbit{flex-basis:168px}.segmented-circle{width:160px;height:160px}.chapter-banner h1{font-size:46px;letter-spacing:-2px}.journey-intro{display:block}.journey-intro p{margin-top:12px}}@media(max-width:760px){.learn-layout{display:flex;flex-direction:column;padding:32px 20px 50px;gap:38px}.chapter-banner h1{font-size:clamp(36px,8vw,52px);letter-spacing:-1.7px}.chapter-banner p{font-size:16px}.learning-side{position:static;width:100%;max-width:none}.progress-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.progress-card>.side-label{grid-column:1/-1}.stats{margin:0}.progress-card progress{grid-column:1/-1;grid-row:3}.session-note{margin:0;font-size:11px}.unit-body{gap:26px}.unit-heading h2{font-size:25px}.unit-parts li{font-size:13px}.journey-intro{display:flex}.source-link{margin:12px 0}#lesson-dialog{padding:40px 22px 26px}.unit-status{font-size:12px}}@media(max-width:400px){.journey-intro{display:block}.journey-intro p{margin-top:10px}.unit-body{gap:18px}.unit-orbit{flex-basis:136px}.segmented-circle{width:130px;height:130px;gap:4px;border-width:4px}.quarter{font-size:19px}.circle-core{width:43px;height:43px;font-size:12px}.unit-star{width:42px;height:42px;padding:8px}.unit-parts li{padding-left:23px;font-size:12px}.route-toolbar{font-size:12px}.route-toolbar button{font-size:11px}}@media(prefers-reduced-motion:reduce){.enter,.shake .answers,.confetti i{animation:none}.confetti{display:none}.quarter{transition:none}}