:root{--bg:#060915;--panel:#0c1224;--panel2:#11172c;--text:#eef4ff;--muted:#9aa7c7;--line:rgba(255,255,255,.12);--cyan:#37f6ff;--pink:#ff58b4;--green:#40f2a4;--sidebar:374px;--mentor:420px;--mentorClosed:62px;--shadow:0 24px 90px rgba(0,0,0,.48)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(55,246,255,.15),transparent 30%),radial-gradient(circle at 88% 10%,rgba(255,88,180,.14),transparent 28%),#060915;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{border:1px solid var(--line);background:#fff1;color:var(--text);padding:12px 14px;border-radius:15px;cursor:pointer;font-weight:800}button:hover{background:#ffffff1c;transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:linear-gradient(135deg,var(--cyan),#8b5cf6);color:#05101e}.complete{background:linear-gradient(135deg,var(--green),#22d3ee);color:#041018}.app{height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--mentor);transition:grid-template-columns .25s ease}.app.mentor-collapsed{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--mentorClosed)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#0c1224fa,#060b18fa);overflow:hidden;display:flex;flex-direction:column}.brand{padding:22px;border-bottom:1px solid var(--line)}.logo{display:flex;gap:13px;align-items:center}.logoMark{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 34px #37f6ff42;font-size:23px}.logo h1{font-size:17px;margin:0}.logo p{margin:4px 0 0;color:var(--muted);font-size:13px}.search{margin-top:18px}.search input{width:100%;padding:13px 14px;border-radius:15px;border:1px solid var(--line);background:#ffffff0e;color:var(--text);outline:none}.sideActions{display:flex;gap:10px;margin-top:12px}.sideActions button{flex:1;padding:10px}.moduleList{padding:14px;overflow:auto}.moduleCard{border:1px solid var(--line);border-radius:21px;margin-bottom:12px;overflow:hidden;background:#ffffff09}.moduleHead{display:grid;grid-template-columns:54px 1fr auto;gap:12px;padding:14px;align-items:center}.moduleNum{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#ffffff17;font-weight:900}.moduleHead h3{font-size:14px;margin:0;line-height:1.3}.moduleHead p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.modulePct{color:var(--muted);font-size:12px;font-weight:900}.lessons{border-top:1px solid var(--line)}.lessonLink{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.055);cursor:pointer;color:#dbe6ff}.lessonLink:hover,.lessonLink.active{background:#37f6ff1a}.dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.25);margin-top:2px}.dot.done{background:var(--green);border-color:var(--green);box-shadow:0 0 16px #40f2a459}.lessonLink b{font-size:14px}.lessonLink span{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.35}.main{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.crumb{font-size:13px;color:var(--muted)}.topTitle{font-size:20px;font-weight:900;margin-top:5px}.topRight{display:flex;gap:12px;align-items:center}.progressBox{width:220px}.progressMeta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:800;margin-bottom:7px}.bar{height:9px;border-radius:999px;background:#ffffff17;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--green));border-radius:999px}.scroll{overflow:auto;padding:28px 32px 80px}.hero{border:1px solid var(--line);border-radius:30px;padding:34px;background:linear-gradient(135deg,#37f6ff1f,#ff58b414);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(55,246,255,.25),transparent 65%)}.hero h2{font-size:42px;line-height:1.05;margin:16px 0 12px}.hero p{font-size:18px;line-height:1.65;color:#d9e4ff;max-width:900px}.tagrow{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff12;color:#dce8ff;font-size:12px;font-weight:900}.heroBtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.statGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.stat{padding:16px;border:1px solid var(--line);border-radius:20px;background:#0000002e}.stat b{font-size:26px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.sectionTitle{margin:28px 0 14px}.moduleGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.bigModule{border:1px solid var(--line);border-radius:24px;padding:16px;background:#ffffff0b;cursor:pointer;transition:.18s;overflow:hidden}.bigModule:hover{transform:translateY(-3px);background:#ffffff13}.bigModule h3{margin:14px 0 8px;line-height:1.25}.bigModule p{color:var(--muted);line-height:1.5}.moduleMeta{color:#b7c4e8;font-size:13px;line-height:1.5}.art{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0a1020}.lessonHeader{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.lessonIntro{border:1px solid var(--line);border-radius:28px;padding:28px;background:#ffffff0b}.lessonIntro h2{font-size:36px;line-height:1.08;margin:18px 0 12px}.lessonIntro p,.lessonIntro li{font-size:17px;line-height:1.65;color:#dce7ff}.moduleArt{border:1px solid var(--line);border-radius:28px;padding:14px;background:#ffffff0a}.tabs{margin:20px 0 16px;display:flex;gap:10px;flex-wrap:wrap}.tab.active{outline:2px solid var(--cyan);background:#37f6ff1f}.tabPanel{display:none}.tabPanel.active{display:block}.contentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.box{border:1px solid var(--line);border-radius:24px;padding:22px;background:#ffffff0b;line-height:1.65}.box h3{margin:0 0 10px;font-size:20px}.box p,.box li{color:#dce7ff;font-size:16px}.box ol,.box ul{padding-left:22px}.badgood{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bad{border-color:#fb718552;background:#fb718514}.good{border-color:#40f2a452;background:#40f2a414}.quote{border-left:4px solid var(--cyan);padding:12px 14px;background:#37f6ff14;border-radius:12px;color:#dff9ff}.promptBox{white-space:pre-wrap;background:#07101f;border:1px solid var(--line);border-radius:18px;padding:18px;color:#dbeafe;line-height:1.6}.checkArea textarea{width:100%;min-height:220px;border-radius:18px;border:1px solid var(--line);background:#00000038;color:var(--text);padding:16px;outline:none;resize:vertical}.lessonNav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.mentor{border-left:1px solid var(--line);background:linear-gradient(180deg,#0d1224fa,#060a16fa);position:relative;overflow:hidden}.mentorInner{height:100%;display:flex;flex-direction:column;transition:opacity .18s}.app.mentor-collapsed .mentorInner{opacity:0;pointer-events:none}.mentorRail{display:none;position:absolute;inset:0;align-items:center;justify-content:center}.app.mentor-collapsed .mentorRail{display:flex}.railBtn{writing-mode:vertical-rl;transform:rotate(180deg);height:calc(100vh - 32px);width:48px;border-radius:22px;background:linear-gradient(180deg,var(--cyan),#8b5cf6);color:#06101d}.mentorHead{display:grid;grid-template-columns:54px 1fr 44px;gap:12px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.mentorIcon{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--pink));font-size:23px}.mentorHead h2{margin:0;font-size:18px}.mentorHead p{margin:3px 0 0;color:var(--muted);font-size:12px}.mentorChat{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.msg{padding:14px 15px;border-radius:18px;line-height:1.55;font-size:14px;white-space:pre-wrap}.msg.assistant{background:#37f6ff14;border:1px solid rgba(55,246,255,.22);white-space:normal}.msg.assistant p{margin:0 0 10px}.msg.assistant p:last-child{margin-bottom:0}.msg.assistant h3{margin:0 0 10px;font-size:16px;line-height:1.35;color:#eafcff}.msg.assistant ul,.msg.assistant ol{margin:0 0 10px;padding-left:20px}.msg.assistant li{margin:5px 0}.msg.assistant strong{color:#fff;font-weight:900}.msg.assistant code{padding:2px 5px;border-radius:6px;background:#ffffff1a;font-size:.92em}.msg.user{background:#ff58b41f;border:1px solid rgba(255,88,180,.25);align-self:flex-end}.mentorActions{padding:12px 18px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line)}.miniBtn{padding:9px 10px;font-size:12px}.mentorInput{padding:14px 18px 20px;border-top:1px solid var(--line)}.mentorSend{display:grid;grid-template-columns:1fr 52px;gap:10px}.mentorSend textarea{height:58px;border-radius:17px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);padding:12px;resize:none;outline:none}.sendBtn{border-radius:17px;background:linear-gradient(135deg,var(--cyan),var(--pink));color:#06101d;font-size:22px}.score{height:10px;background:#ffffff17;border-radius:999px;overflow:hidden}.score i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px}.slideOverlay{position:fixed;inset:0;z-index:20;background:#03060ff5;display:none;padding:48px}.slideOverlay.show{display:block}.slide{height:calc(100vh - 130px);border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 80% 10%,rgba(255,88,180,.15),transparent 32%),#ffffff0a;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:50px;align-items:center}.slideText h2{font-size:52px;line-height:1.04;margin:18px 0}.slideText p,.slideText li{font-size:20px;line-height:1.55;color:#dce7ff}.slideVisual .art{box-shadow:var(--shadow)}.closeSlide{position:absolute;right:48px;top:20px}.slideControls{position:absolute;bottom:22px;left:48px;right:48px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;background:#0b1428;border:1px solid var(--line);border-radius:16px;padding:12px 16px;z-index:40;transition:.2s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1200px){:root{--sidebar:320px;--mentor:360px}.lessonHeader{grid-template-columns:1fr}.moduleArt{display:none}.contentGrid,.badgood{grid-template-columns:1fr}.statGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){body{overflow:auto}.app,.app.mentor-collapsed{height:auto;min-height:100vh;display:block}.sidebar{height:45vh}.mentor{height:60vh;border-left:0;border-top:1px solid var(--line)}.mentorRail{display:none!important}.topbar{height:auto;padding:18px;display:block}.topRight{margin-top:14px;flex-wrap:wrap}.scroll{padding:18px}.hero h2,.lessonIntro h2{font-size:30px}.slide{grid-template-columns:1fr;padding:25px}.slideVisual{display:none}}html,body{width:100%;min-height:0}body{overscroll-behavior:none}.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.sidebar,.main,.mentor{min-height:0;max-height:100vh;max-height:100dvh}.sidebar{height:100%}.brand,.topbar,.mentorHead,.mentorActions,.mentorInput{flex:0 0 auto}.moduleList{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:44px}.main{overflow:hidden;min-width:0}.topbar{flex:0 0 82px;min-height:82px}.topbar>div:first-child{min-width:0}.crumb,.topTitle{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll{flex:1 1 auto;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.mentor{min-width:0;overflow:hidden}.mentorInner{min-height:0}.mentorChat{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.lessonLink,.moduleHead,.logo,.topRight,.box,.lessonIntro,.moduleArt,.msg,.promptBox,.quote{min-width:0}.lessonLink>div,.moduleHead>div,.logo>div{min-width:0}.lessonLink b,.lessonLink span,.moduleHead h3,.moduleHead p,.topTitle,.crumb{overflow-wrap:anywhere}.lessonIntro h2{font-size:clamp(27px,3.1vw,38px);line-height:1.16;letter-spacing:-.02em}.hero h2{font-size:clamp(31px,4.2vw,46px);line-height:1.12;letter-spacing:-.025em}.lessonIntro p,.lessonIntro li,.box p,.box li,.promptBox,.quote,.msg{line-height:1.72;overflow-wrap:anywhere;word-break:normal}.box p{margin:0 0 14px}.box p:last-child{margin-bottom:0}.box li{margin:0 0 10px;padding-left:2px}.box ul,.box ol{margin:8px 0 0}.contentGrid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:start}.badgood{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:start}.promptBox{max-height:52vh;overflow:auto}.checkArea textarea{max-height:45vh}@media(max-width:1500px){:root{--sidebar: 340px;--mentor: 380px}.lessonHeader{grid-template-columns:1fr}.moduleArt{display:none}.contentGrid,.badgood{grid-template-columns:1fr}.scroll{padding:24px 26px 96px}.lessonNav{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}}@media(max-width:1100px){body{overflow:auto}.app,.app.mentor-collapsed{display:block;height:auto;min-height:100vh;overflow:visible}.sidebar,.main,.mentor{max-height:none;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.moduleList{max-height:52vh}.topbar{height:auto;min-height:0;flex-basis:auto}.scroll{overflow:visible}.mentor{border-left:0;border-top:1px solid var(--line);min-height:64vh}.mentorChat{max-height:52vh}.mentorRail{display:none!important}.lessonNav{position:static;margin:18px 0 0;padding:0;background:transparent;border-top:0}}@media(max-width:720px){.brand{padding:16px}.sideActions,.topRight,.lessonNav,.heroBtns{flex-direction:column;align-items:stretch}.topRight>*,.progressBox{width:100%}.scroll{padding:16px}.hero,.lessonIntro,.box{padding:18px;border-radius:22px}.statGrid{grid-template-columns:1fr 1fr}.tabs{gap:8px}.tab{padding:10px 12px}}.lessonNav{position:static!important;bottom:auto!important;z-index:1!important;margin:34px 0 8px!important;padding:20px!important;background:linear-gradient(135deg,#37f6ff14,#ff58b40f)!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--shadow)}.lessonNav button{min-width:170px}.themeBtn{white-space:nowrap}.mentorQuota{color:var(--cyan)!important;font-weight:900;letter-spacing:.02em}body[data-theme=light]{--bg:#f6faff;--panel:#ffffff;--panel2:#eef6ff;--text:#101827;--muted:#5a6880;--line:rgba(15,23,42,.14);--shadow:0 22px 70px rgba(15,23,42,.12);background:radial-gradient(circle at 12% 8%,rgba(55,246,255,.22),transparent 34%),radial-gradient(circle at 88% 10%,rgba(139,92,246,.14),transparent 28%),#f6faff;color:var(--text)}body[data-theme=light] .sidebar{background:linear-gradient(180deg,#fffffff5,#ebf5fffa)}body[data-theme=light] .main{background:linear-gradient(180deg,#ffffffb8,#ebf5ff73)}body[data-theme=light] .mentor{background:linear-gradient(180deg,#fffffff7,#eef7fff7)}body[data-theme=light] .moduleCard,body[data-theme=light] .bigModule,body[data-theme=light] .lessonIntro,body[data-theme=light] .moduleArt,body[data-theme=light] .box,body[data-theme=light] .stat{background:#ffffffc2}body[data-theme=light] .hero{background:linear-gradient(135deg,#37f6ff2e,#8b5cf614)}body[data-theme=light] .hero p,body[data-theme=light] .lessonIntro p,body[data-theme=light] .lessonIntro li,body[data-theme=light] .box p,body[data-theme=light] .box li,body[data-theme=light] .moduleMeta,body[data-theme=light] .lessonLink,body[data-theme=light] .tag,body[data-theme=light] .slideText p,body[data-theme=light] .slideText li{color:#1f2a3d}body[data-theme=light] .logo p,body[data-theme=light] .moduleHead p,body[data-theme=light] .modulePct,body[data-theme=light] .lessonLink span,body[data-theme=light] .crumb,body[data-theme=light] .progressMeta,body[data-theme=light] .mentorHead p{color:#5d6d86}body[data-theme=light] button{background:#fffc;color:#101827}body[data-theme=light] button:hover{background:#edf6fff2}body[data-theme=light] .primary,body[data-theme=light] .complete,body[data-theme=light] .sendBtn,body[data-theme=light] .railBtn{color:#06101d}body[data-theme=light] input,body[data-theme=light] textarea,body[data-theme=light] .mentorSend textarea,body[data-theme=light] .checkArea textarea{background:#ffffffeb;color:#101827}body[data-theme=light] .promptBox{background:#fff;color:#122033;border-color:#0f172a24}body[data-theme=light] .quote{background:#37f6ff1f;color:#123044}body[data-theme=light] .bad{background:#fb71851a}body[data-theme=light] .good{background:#10b9811a}body[data-theme=light] .msg.assistant{background:#37f6ff21;color:#102033}body[data-theme=light] .msg.assistant h3,body[data-theme=light] .msg.assistant strong{color:#102033}body[data-theme=light] .msg.assistant code{background:#0f172a14}body[data-theme=light] .mentorQuota{color:#0e7490!important}body[data-theme=light] .msg.user{background:#8b5cf61f;color:#102033}body[data-theme=light] .lessonNav{background:linear-gradient(135deg,#ffffffe0,#e2f6ffd1)!important}body[data-theme=light] .slideOverlay{background:#f6fafff5}body[data-theme=light] .slide{background:radial-gradient(circle at 80% 10%,rgba(139,92,246,.14),transparent 32%),#ffffffd6}body[data-theme=light] .toast{background:#fff;color:#101827}.hidden{display:none!important}.logo{text-decoration:none;color:inherit}.learningGate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 12%,rgba(55,246,255,.16),transparent 34%),radial-gradient(circle at 82% 8%,rgba(255,88,180,.14),transparent 30%),#060915}.learningGate__card{width:min(620px,100%);border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#0c1224f0,#060b18f0);box-shadow:var(--shadow);padding:34px}.learningGate__brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:900;margin-bottom:28px}.learningGate__eyebrow{margin:0 0 12px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.learningGate h1{font-size:42px;line-height:1.05;margin:0 0 16px}.learningGate p{color:#dbe6ff;line-height:1.65}.learningGate__actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px}.learningGate__actions a{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border-radius:17px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);text-decoration:none;font-weight:900}.learningGate__actions a.primary{background:linear-gradient(135deg,var(--cyan),#26e0bd);color:#06101d;border:0}.learningGate__note{font-size:13px;margin:20px 0 0;color:var(--muted)!important}