:root{--bg:#edf6ff;--paper:#fff;--paper-soft:#f8fbff;--ink:#172946;--muted:#6f809d;--line:#d7e6f6;--brand:#5d66e9;--brand-deep:#3f49c4;--violet:#906ce9;--mint:#28b889;--amber:#f4ad35;--coral:#ee7276;--blue:#43a9dc;--road:#b9cef0;--shadow:0 18px 42px rgba(39,72,124,.14);--shadow-soft:0 7px 21px rgba(39,72,124,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}:root[data-theme="dark"]{--bg:#0d1729;--paper:#18233a;--paper-soft:#202e49;--ink:#f0f5ff;--muted:#aab8d0;--line:#2c3d5c;--brand:#a5aeff;--brand-deep:#c2c8ff;--violet:#bea6ff;--mint:#58d9ae;--amber:#ffd078;--coral:#ff9da0;--blue:#78cbf3;--road:#3a4d70;--shadow:0 18px 46px rgba(0,0,0,.3);--shadow-soft:0 7px 22px rgba(0,0,0,.2);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 75% -10%,color-mix(in srgb,var(--blue) 18%,transparent),transparent 34%),radial-gradient(circle at 10% 100%,color-mix(in srgb,var(--violet) 14%,transparent),transparent 35%),var(--bg);transition:background .25s,color .25s}button,input{font:inherit}button{cursor:pointer}.app{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr) 258px}.sidebar,.rightbar{position:sticky;top:0;height:100dvh;background:color-mix(in srgb,var(--paper) 91%,transparent);backdrop-filter:blur(16px)}.sidebar{border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column;gap:25px}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:850;letter-spacing:-.035em}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--brand),var(--violet));color:#fff;box-shadow:0 8px 16px color-mix(in srgb,var(--brand) 32%,transparent)}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:2px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:9px;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:11px;text-align:left;font-weight:750}.nav button.active,.nav button:hover{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand-deep)}.sidebar-note{margin-top:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper-soft);padding:14px;color:var(--muted);font-size:13px;line-height:1.45}.sidebar-note strong{display:block;margin-bottom:4px;color:var(--ink)}.main{min-width:0;padding:30px clamp(18px,4vw,58px) 68px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.eyebrow{margin:0 0 7px;color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.14em}.top h1{margin:0;letter-spacing:-.055em;font-size:clamp(28px,3vw,41px)}.theme-toggle{width:46px;height:46px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-soft);font-weight:850}.theme-toggle:active,.map-node:active,.variant-island:active,.question-help:active,.bottom-intellect:active{transform:scale(.97)}.map-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:29px;background:linear-gradient(145deg,color-mix(in srgb,var(--paper) 98%,transparent),color-mix(in srgb,var(--paper-soft) 85%,transparent));box-shadow:var(--shadow)}.map-shell::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(color-mix(in srgb,var(--brand) 42%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in srgb,var(--blue) 18%,transparent) 30%,transparent 31%);background-size:24px 24px,360px 360px;background-position:0 0,100px 150px}.map-shell::after{content:"";position:absolute;width:310px;height:115px;border-radius:50%;background:color-mix(in srgb,var(--paper) 77%,transparent);filter:blur(2px);top:150px;right:-80px;box-shadow:-340px 310px 0 18px color-mix(in srgb,var(--paper) 55%,transparent),-85px 750px 0 30px color-mix(in srgb,var(--paper) 48%,transparent);pointer-events:none}.map-heading{position:relative;z-index:2;padding:24px 28px 15px;border-bottom:1px solid var(--line)}.map-heading h2{margin:0;font-size:19px}.map-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}.map-canvas{position:relative;z-index:1;height:min(720px,calc(100dvh - 215px));min-height:560px;overflow-y:auto;overscroll-behavior:contain;padding:28px 0 34px;scrollbar-width:thin;scrollbar-color:var(--brand) transparent}.route-stack{position:relative;min-height:1040px;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:45px;padding:45px 30px 58px}.route-stack::before{content:"";position:absolute;left:104px;top:48px;bottom:50px;width:6px;border-radius:9px;background:repeating-linear-gradient(to bottom,var(--road) 0 13px,transparent 13px 26px)}.route-stack::after{content:"↑  следующий шаг выше";position:absolute;z-index:2;top:14px;left:76px;border:1px solid var(--line);border-radius:99px;background:var(--paper-soft);padding:7px 10px;color:var(--muted);font-size:11px;font-weight:800}.start-marker{position:relative;z-index:2;align-self:flex-start;margin-left:46px;border:1px solid var(--line);border-radius:99px;background:var(--paper-soft);padding:8px 11px;color:var(--muted);font-size:11px;font-weight:800}.theme-stop{position:relative;z-index:2;display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:center}.map-node{position:relative;width:144px;min-height:112px;border:5px solid var(--paper);border-radius:47% 53% 50% 50% / 58% 46% 54% 42%;padding:13px 10px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--violet));box-shadow:0 10px 0 color-mix(in srgb,var(--ink) 12%,transparent),0 17px 26px color-mix(in srgb,var(--ink) 18%,transparent);display:grid;place-content:center;gap:4px;text-align:center}.map-node[data-kind="fractions"]{background:linear-gradient(145deg,#28bb8a,#198d75)}.map-node[data-kind="calc"]{background:linear-gradient(145deg,#5f86ef,#5365d6)}.map-node[data-kind="percent"]{background:linear-gradient(145deg,#f5b43c,#e38540)}.map-node[data-kind="equation"]{background:linear-gradient(145deg,#f78379,#d85077)}.map-node[data-kind="formula"]{background:linear-gradient(145deg,#45b9d5,#2786ad)}.node-number{font-size:10px;font-weight:850;letter-spacing:.11em;opacity:.86}.map-node strong{font-size:16px;line-height:1.05}.map-node small{font-size:10px;opacity:.9}.node-done{position:absolute;top:-8px;right:-7px;width:30px;height:30px;display:grid;place-items:center;border:3px solid var(--paper);border-radius:50%;background:var(--mint);font-weight:900}.node-question{position:absolute;z-index:3;right:-14px;bottom:-10px;width:34px;height:34px;border:3px solid var(--paper);border-radius:50%;background:var(--paper-soft);color:var(--brand-deep);box-shadow:var(--shadow-soft);font-weight:900;font-size:17px}.branch{position:relative;min-width:0}.branch::before{content:"";position:absolute;left:-22px;top:50%;width:22px;border-top:3px dashed color-mix(in srgb,var(--brand) 42%,transparent)}.branch-label{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:var(--muted);font-size:12px;font-weight:800}.branch-label b{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.variants-scroll{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--brand) transparent}.variant-island{flex:0 0 62px;height:62px;border:4px solid var(--paper);border-radius:47% 53% 48% 52% / 58% 45% 55% 42%;background:linear-gradient(145deg,var(--paper-soft),var(--paper));color:var(--brand-deep);box-shadow:0 7px 0 color-mix(in srgb,var(--ink) 8%,transparent),0 11px 18px color-mix(in srgb,var(--ink) 10%,transparent);font-size:13px;font-weight:900;scroll-snap-align:start;transition:transform .15s ease,border .15s ease}.variant-island:hover{border-color:var(--brand);transform:translateY(-4px)}.variant-island.done{background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 35%,var(--paper)),color-mix(in srgb,var(--mint) 12%,var(--paper)));border-color:color-mix(in srgb,var(--mint) 54%,var(--paper));color:var(--mint)}.add-variants{flex:0 0 103px;height:55px;border:1px dashed color-mix(in srgb,var(--brand) 65%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--brand) 9%,var(--paper));color:var(--brand-deep);font-size:12px;font-weight:850;scroll-snap-align:start}.add-variants:hover{background:color-mix(in srgb,var(--brand) 17%,var(--paper))}.bottom-intellect{display:flex;align-items:center;justify-content:center;gap:12px;max-width:400px;margin:18px auto;border:5px solid var(--paper);border-radius:22px;padding:14px 20px;background:linear-gradient(145deg,#8e72ed,#5945bb);color:#fff;box-shadow:0 0 0 10px color-mix(in srgb,var(--violet) 12%,transparent),0 15px 27px color-mix(in srgb,var(--violet) 27%,transparent)}.bottom-intellect span{font-size:24px}.bottom-intellect strong{display:block;font-size:16px}.bottom-intellect small{display:block;margin-top:2px;font-size:11px;opacity:.88}.topics-caption{margin:22px 4px 0;color:var(--muted);font-size:12px;text-align:center}.rightbar{border-left:1px solid var(--line);padding:29px 19px;display:flex;flex-direction:column;gap:14px}.rightbar h2{margin:0;font-size:18px}.progress-card,.tip-card{border:1px solid var(--line);border-radius:19px;background:var(--paper);padding:17px;box-shadow:var(--shadow-soft)}.progress-card span,.tip-card span{font-size:13px;font-weight:700;color:var(--muted)}.progress-card b{display:block;margin:5px 0 10px;color:var(--brand);font-size:38px;letter-spacing:-.055em}.progress{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--blue));transition:width .2s}.tip-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:rgba(12,25,49,.48)}.modal[hidden]{display:none}.modal-card{width:min(100%,620px);max-height:min(780px,calc(100dvh - 40px));overflow:auto;border:1px solid var(--line);border-radius:25px;background:var(--paper);color:var(--ink);padding:25px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.close{width:36px;height:36px;border:0;border-radius:11px;background:var(--paper-soft);color:var(--muted);font-size:23px}.kicker{margin:19px 0 8px;color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.12em}.theory,.feedback,.steps{border-radius:17px;padding:16px;line-height:1.55}.theory,.steps{border:1px solid var(--line);background:var(--paper-soft)}.theory strong{color:var(--brand-deep)}.steps{display:grid;gap:10px}.step{display:flex;gap:10px;align-items:flex-start}.step b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;background:color-mix(in srgb,var(--brand) 14%,var(--paper));color:var(--brand-deep);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px}.button{border:0;border-radius:14px;padding:12px 15px;background:var(--brand);color:#fff;font-weight:850;box-shadow:0 8px 17px color-mix(in srgb,var(--brand) 23%,transparent)}.problem{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.problem p{font-size:18px;line-height:1.45;font-weight:750}.answer-row{display:flex;gap:8px}.answer-row input,.chat-row input{flex:1;min-width:0;border:2px solid var(--line);border-radius:13px;background:var(--paper-soft);color:var(--ink);padding:12px;outline:none}.answer-row input:focus,.chat-row input:focus{border-color:var(--brand)}.feedback{margin-top:15px}.feedback.ok{background:color-mix(in srgb,var(--mint) 16%,var(--paper));color:color-mix(in srgb,var(--mint) 76%,var(--ink))}.feedback.bad{background:color-mix(in srgb,var(--coral) 14%,var(--paper));color:color-mix(in srgb,var(--coral) 80%,var(--ink))}.feedback b{display:block;margin-bottom:4px}.chat-log{display:grid;gap:10px;min-height:145px;margin:19px 0}.message{max-width:86%;border-radius:15px;padding:11px 13px;font-size:14px;line-height:1.45}.message.bot{border-top-left-radius:4px;background:color-mix(in srgb,var(--violet) 14%,var(--paper))}.message.user{margin-left:auto;border-top-right-radius:4px;background:var(--brand);color:#fff}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.suggestions button{border:1px solid var(--line);border-radius:11px;background:var(--paper-soft);color:var(--brand-deep);padding:8px 10px;font-size:12px;font-weight:800}.chat-row{display:flex;gap:8px}.mobile-dock{display:none}@media(max-width:1060px){.app{grid-template-columns:205px minmax(0,1fr)}.rightbar{display:none}.main{padding:28px 28px}.route-stack{padding-left:20px}.route-stack::before{left:93px}}@media(max-width:720px){.app{display:block;padding-bottom:72px}.sidebar{display:none}.main{padding:20px 13px 35px}.top{margin-bottom:19px}.top h1{font-size:30px}.map-shell{border-radius:23px}.map-heading{padding:19px 18px 12px}.map-heading p{font-size:12px}.map-canvas{height:calc(100dvh - 195px);min-height:535px}.route-stack{min-height:970px;gap:33px;padding:38px 11px 44px}.route-stack::before{left:54px;top:42px;bottom:40px;width:5px}.route-stack::after{left:29px;font-size:10px}.start-marker{margin-left:22px}.theme-stop{grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}.map-node{width:104px;min-height:92px;border-width:4px;padding:9px 6px}.map-node strong{font-size:13px}.map-node small{font-size:9px}.node-question{right:-11px;bottom:-8px;width:31px;height:31px;font-size:15px}.branch::before{left:-12px;top:44px;width:12px;border-top-width:2px}.branch-label{margin:7px 0 7px;font-size:10px;line-height:1.2}.branch-label b{width:17px;height:17px}.variants-scroll{gap:7px;padding:3px 2px 10px}.variant-island{flex-basis:52px;height:52px;border-width:3px;font-size:12px}.add-variants{flex-basis:91px;height:49px;font-size:11px}.bottom-intellect{margin:15px auto;padding:12px 15px;border-radius:19px}.topics-caption{font-size:11px}.rightbar{display:none}.mobile-dock{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;height:70px;padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.mobile-dock button{min-width:70px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:750}.mobile-dock button.active{color:var(--brand)}.modal{align-items:end;padding:0}.modal-card{width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding:21px}.answer-row{flex-wrap:wrap}.answer-row .button{width:100%}.chat-row .button{width:45px;padding:0;font-size:0}.chat-row .button::after{content:"➤";font-size:18px}}