:root{--ink:#e7f1e9;--ink2:#b9d7ca;--muted:#91a69c;--line:#20352f;--bg:#07110f;--mint:#102620;--green:#a8f06b;--gold:#e8c95f;--purple:#28223b;--shadow:0 14px 36px #0006;color-scheme:dark}body{background:#07110f;color:#e7f1e9;background-image:radial-gradient(ellipse at 76% 6%,#12342b55,transparent 34%),radial-gradient(ellipse at 12% 65%,#132b3444,transparent 36%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.2;background-image:linear-gradient(#6fffc009 1px,transparent 1px),linear-gradient(90deg,#6fffc009 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.sidebar{background:#0b1714;border-color:#1d302b;box-shadow:-8px 0 40px #0002}.brand-icon{background:#b8ff70;color:#102018;box-shadow:0 0 25px #a8f06b30}.brand-icon span{color:#357960}.brand small,.side-label,.eyebrow{color:#809a8d}.nav-item{color:#a0b2a8}.nav-item:hover,.nav-item.active{background:#152921;color:#baff72}.sidebar-bottom{border-color:#20352f;color:#a9c0b3}.sidebar-bottom small{color:#70867b}.offline-dot span{box-shadow:0 0 0 4px #193827}.topbar{border-color:#1c3029}.crumb{color:#82988c}.crumb b{color:#d4e5d9}.avatar{background:#203c30;color:#baff72}.streak{background:#292414;color:#e6cb70}.install-btn{border:1px solid #496749;color:#c9f4a0;background:#11241c;border-radius:8px;padding:9px 13px;font:9px 'Alexandria';cursor:pointer}.install-btn[hidden]{display:none}.hero{background:linear-gradient(115deg,#101b1b 0%,#0e2722 55%,#123b32 100%);border:1px solid #25483a;box-shadow:0 25px 60px #0004}.hero:before,.hero:after{border-color:#79ffb520}.hero .eyebrow{color:#b4ef73}.hero h1 em{color:#c5ff77;text-shadow:0 0 30px #b9ff6b42}.hero p{color:#aec4b7}.primary{background:#baff72;color:#102018;box-shadow:0 0 22px #a8f06b22}.primary:hover{background:#d0ff9c}.secondary{background:#172822;color:#b8ddc1;border:1px solid #294339}.hero-actions{display:flex;gap:10px;align-items:center}.hero-upload{border:1px solid #476755;color:#c4e0c9;background:#10231d;border-radius:8px;padding:11px 14px;font:9px 'Alexandria';cursor:pointer}.hero-upload span{color:#baff72;font-size:15px;padding-left:5px}.hero-upload:hover,.watch-btn:hover{border-color:#a8f06b;color:#caff8a}.hero-orbit{position:absolute;left:29%;top:8%;border:1px solid #baff721c;border-radius:50%;width:320px;height:250px;transform:rotate(-33deg);pointer-events:none}.orbit-b{width:245px;height:350px;left:32%;top:-12%;transform:rotate(38deg);border-color:#60dcc41c}.globe{background:radial-gradient(circle at 35% 30%,#a5e678 0,#318f70 27%,#164e45 58%,#0b2420 82%);box-shadow:inset -24px -14px 40px #03110f91,0 24px 50px #0008,0 0 55px #52ce8b28;animation:globeFloat 7s ease-in-out infinite}.globe:before,.globe:after,.globe-lines{border-color:#d4ffbd61}.pin{text-shadow:0 0 14px #d9ff7c}.float-card{background:#15251f;color:#e5f3e7;border:1px solid #355345;box-shadow:0 12px 30px #0007}.float-card small{color:#9fb4a8}.section-head h2{color:#e5f1e8}.text-btn{color:#b2e486}.stat-card,.course-card,.continue-card,.tip-card,.lesson-main,.lesson-aside,.quiz-shell,.tool-card,.guide-card,.file-row,.mistake,.summary-box,.upload-panel{background:#0d1b17;border-color:#1e352e;box-shadow:var(--shadow);color:#dcebe0}.stat-card small,.course-meta,.course-body p,.page-intro p,.tool-card>p,.guide-card ol,.file-row small{color:#90a59a}.stat-card strong{color:#e5f3e8}.stat-card strong i{color:#91a79a}.stat-icon.mint{background:#193b2d;color:#b2ef7c}.stat-icon.yellow{background:#3a321b;color:#edcf65}.stat-icon.lilac{background:#2c2640;color:#baa9f2}.stat-note{color:#88a094}.course-card:hover{box-shadow:0 20px 42px #0009}.course-body h3,.guide-card h3,.tool-card h3{color:#e3f0e7}.course-foot{border-color:#20342e;color:#b6e584}.course-cover:before,.course-cover:after{border-color:#ffffff35}.cover-1{background:linear-gradient(125deg,#194533,#438f64)}.cover-2{background:linear-gradient(125deg,#273a63,#627eb0)}.cover-3{background:linear-gradient(125deg,#654d25,#ae8846)}.cover-4{background:linear-gradient(125deg,#493c68,#8669a8)}.cover-5{background:linear-gradient(125deg,#214b4b,#4b8f83)}.cover-6{background:linear-gradient(125deg,#693c36,#ac6851)}.continue-card{background:linear-gradient(120deg,#101f19,#182c20)}.continue-card p,.tip-card p{color:#a0b3a7}.continue-illustration{background:radial-gradient(circle,#254632,#12281c);color:#b8f274}.tip-card{background:linear-gradient(120deg,#211e13,#242117);border-color:#3c3420}.tip-card p{color:#c5b983}.tip-card small{color:#d0b96a}.adapt-card{background:#11221b;border-color:#244437;color:#e7f1e9}.adapt-icon{background:#1c382b;color:#b8f274}.adapt-card p,.adapt-count{color:#93aa9d}.page-intro h1{color:#e5f2e9}.upload-panel{border-color:#365743;background:linear-gradient(115deg,#0d1b17,#132820)}.upload-icon{background:#1d3a2c;color:#b8f274}.upload-panel p{color:#a0b3a7}.upload-panel small{color:#799187}.notice{background:#302a18;color:#decf8d}.notice.info{background:#13291f;color:#b6d6b9}.file-row .file-icon{background:#39251f;color:#f1a38b}.empty-state{background:#0d1b17;border-color:#1e352e;color:#95a99e}.tool-tag{background:#172722;color:#9eb3a5}.tool-card input{background:#091410;border-color:#284137;color:#e3f2e6}.tool-card input::placeholder,.clarify-row input::placeholder{color:#60766b}.result{background:#152a20;color:#b8e0bd}.guide-logo{background:#1b2e45;color:#a8c9ff}.guide-card .guide-tip{background:#14221d;color:#9fb4a7}.lesson-toolbar,.quiz-top{color:#91a59a}.back-btn{color:#b7e48e}.lesson-progress,.quiz-progress{background:#20352d}.lesson-progress span,.quiz-progress span{background:#b8f274}.lesson-main .lead{color:#a5b8ac}.lesson-main .explain{background:#12271d;border-color:#95d46e;color:#c2ddbc}.lesson-main ul{color:#a9bbb0}.term-chip{background:#24223a;color:#c4b8ff}.segment-link{color:#a2b2a7}.segment-link.active{background:#1a3327;color:#bef77f}.aside-tip{background:#2a2516;color:#dec982}.answer{background:#111e19;border-color:#263c33;color:#b7cec0}.answer:hover{border-color:#86c858;background:#17271d}.answer.selected{border-color:#85c658;background:#1a3021}.answer.correct{border-color:#67b47a;background:#163321}.answer.wrong{border-color:#cf7767;background:#38221e}.feedback.ok{background:#173522;color:#b9e5bd}.feedback.no{background:#36241f;color:#efb2a0}.lesson-feedback{border-color:#294137}.lesson-feedback>b{color:#d8e9dc}.lesson-feedback>span{color:#9aada2}.feedback-btn{background:#102019;border-color:#30473b;color:#b4cbb9}.feedback-btn.chosen{background:#1a3822;border-color:#82bf61;color:#ccf1a3}.guide-card ol{color:#a5b8ab}footer{color:#789086}.toast{background:#c3f879;color:#102018}.explainer-modal{position:fixed;inset:0;background:#020a08d9;backdrop-filter:blur(14px);z-index:20;display:none;place-items:center;padding:18px}.explainer-modal.open{display:grid;animation:fade .25s ease}.explainer-panel{position:relative;width:min(760px,100%);max-height:min(92dvh,850px);overflow:auto;border:1px solid #315444;border-radius:19px;background:linear-gradient(145deg,#0d1b17,#101f1c 55%,#102b24);padding:24px;box-shadow:0 30px 100px #000b}.modal-close{position:absolute;left:16px;top:12px;border:0;background:#20352b;color:#c8e6c7;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.explainer-top{display:flex;justify-content:space-between;padding-left:36px}.step-counter{font-size:9px;color:#b9ed84;background:#203425;border-radius:20px;padding:7px 10px}.explainer-panel h2{font-size:18px;margin:13px 0;color:#ecf5ed}.animation-stage{height:225px;border:1px solid #28463a;border-radius:13px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#173b2b,#0a1714 68%);margin:13px 0 16px}.stage-grid{position:absolute;inset:0;opacity:.44;background-image:linear-gradient(#6ecb8a18 1px,transparent 1px),linear-gradient(90deg,#6ecb8a18 1px,transparent 1px);background-size:27px 27px;transform:perspective(280px) rotateX(25deg) scale(1.25);animation:gridMove 12s linear infinite}.stage-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:115px;border-radius:50%;display:grid;place-items:center;color:#15231a;font-size:37px;background:radial-gradient(circle at 32% 28%,#d1ff89,#6bc47e 46%,#21624f 77%);box-shadow:0 0 60px #90ee7745,inset -14px -12px 22px #0b302b77;animation:orbPulse 4s ease-in-out infinite}.stage-orb:before,.stage-orb:after{content:"";position:absolute;border:1px solid #d2ffc55e;border-radius:50%;inset:8px -20px;transform:rotate(30deg)}.stage-orb:after{inset:-14px 27px;transform:rotate(-40deg)}.stage-satellite{position:absolute;left:calc(50% - 103px);top:calc(50% - 84px);color:#dbff79;font-size:21px;filter:drop-shadow(0 0 8px #d4ff6c);animation:satelliteOrbit 9s linear infinite}.stage-signal{position:absolute;left:50%;top:50%;width:40px;height:40px;border:1px solid #bfff7533;border-radius:50%;transform:translate(-50%,-50%);animation:signal 2.5s ease-out infinite}.explainer-caption{min-height:58px;background:#142820;border-right:3px solid #b4ed73;border-radius:9px;padding:13px 15px;color:#c7dccb;font-size:11px;line-height:2}.explainer-clarify{margin-top:13px;border:1px solid #4b4430;background:#221f16;border-radius:10px;padding:13px}.explainer-clarify label{color:#f1d979;font-size:10px}.explainer-clarify p{color:#c6b888;font-size:9px;margin:6px 0}.clarify-row{display:flex;gap:8px}.clarify-row input{flex:1;min-width:0;background:#121912;border:1px solid #554c31;border-radius:7px;color:#e8f1e7;padding:10px;font:10px 'Alexandria'}.clarify-answer{margin-top:10px;padding:11px;background:#332e1d;color:#ede0a2;border-radius:8px;font-size:10px;line-height:1.9}.explainer-actions{display:flex;justify-content:space-between;gap:9px;margin-top:14px}.explainer-actions[hidden],.explainer-clarify[hidden]{display:none}.understood-btn,.watch-btn{border:1px solid #385346;background:#11221b;color:#bdd7c2;border-radius:8px;padding:11px 14px;font:9px 'Alexandria';cursor:pointer}.watch-btn{border-color:#466b4a;color:#c7f08e}.watch-btn span{font-size:9px;padding-right:6px}.lesson-next-actions{display:flex;gap:9px}.voice-note{font-size:8px;color:#789086;margin-top:11px}@keyframes globeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes satelliteOrbit{from{transform:rotate(0deg) translateX(89px) rotate(0deg)}to{transform:rotate(360deg) translateX(89px) rotate(-360deg)}}@keyframes signal{0%{width:35px;height:35px;opacity:.8}100%{width:210px;height:210px;opacity:0}}@keyframes orbPulse{0%,100%{filter:saturate(.85);transform:translate(-50%,-50%) scale(.96)}50%{filter:saturate(1.3);transform:translate(-50%,-50%) scale(1.04)}}@keyframes gridMove{from{background-position:0 0}to{background-position:0 108px}}@media(max-width:800px){.hero-orbit{left:15%}.hero-upload{font-size:8px;padding:10px}.install-btn{font-size:8px;padding:8px}}@media(max-width:560px){.hero{background:linear-gradient(140deg,#101d1c,#0e2e25 70%,#10221c);min-height:300px}.hero-actions{flex-wrap:wrap}.hero-upload{background:#132820}.hero-art{opacity:.52}.hero-orbit{left:-25%;top:34%}.explainer-panel{padding:17px}.animation-stage{height:175px}.clarify-row{flex-direction:column}.clarify-row button{width:100%}.lesson-controls{align-items:center}.lesson-next-actions{flex-direction:column;align-items:stretch}.lesson-next-actions>*{white-space:nowrap}.install-btn{max-width:120px;overflow:hidden}.explainer-actions .primary{padding:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}