:root{--ink:#171914;--paper:#f6f6f1;--lime:#c8f45e;--orange:#ff6b3d;--blue:#4f7cff;--line:#e2e3da;--muted:#73756e;--white:#fff;--panel:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.app-shell>aside{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 18px;background:var(--ink);color:#fff;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:10px}.logo>span{width:41px;height:37px;background:var(--lime);color:var(--ink);border-radius:5px 13px;display:grid;place-items:center;font-weight:950}.logo strong,.logo small{display:block}.logo strong{font-size:16px;letter-spacing:-.4px}.logo small{font-size:8px;letter-spacing:2.5px;color:var(--lime);margin-top:2px}.app-shell aside nav{display:grid;gap:5px;margin-top:48px}.app-shell aside nav button{border:0;background:transparent;color:#aaa;padding:12px;border-radius:9px;text-align:left;font-size:13px;font-weight:700}.app-shell aside nav button span{display:inline-block;width:27px;font-size:17px}.app-shell aside nav button:hover,.app-shell aside nav button.active{background:#2d302a;color:#fff}.app-shell aside nav button.active span{color:var(--lime)}.user-mini{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid #393c34;padding-top:18px}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:11px}.user-mini small{font-size:8px;color:#9da094;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:inline-grid;place-items:center;font-size:9px;font-weight:900;flex:none}.app-shell>main{margin-left:230px}.app-shell main>header{height:72px;background:#fffffff0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 4vw;position:sticky;top:0;z-index:5}.search{width:min(410px,45vw);height:39px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#999;margin-right:auto}.search input{border:0;outline:0;width:100%;background:transparent;font-size:11px}.tagline{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#777}.quiet{border:0;background:transparent;font-size:9px;color:#777}.page{max-width:1140px;margin:auto;padding:44px 4vw 70px}.eyebrow,.title>b,.modal>b{font-size:8px;letter-spacing:1.7px;color:#687235}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0 28px}.welcome h1,.title h1{font-size:34px;letter-spacing:-1.5px;margin:0 0 7px}.welcome em{color:var(--orange);font-style:normal}.welcome p,.title p{margin:0;color:var(--muted);font-size:12px}.primary{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:11px 16px;font-size:10px;font-weight:800}.primary:hover{background:#2e3129}.primary:disabled{opacity:.5}.wide{width:100%;padding:13px}.hero-course{width:100%;border:0;background:var(--ink);color:#fff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:31% 1fr auto;align-items:center;text-align:left;padding:0}.hero-art{height:225px;background:var(--lime);display:grid;place-items:center;position:relative;overflow:hidden}.hero-art>span{font-size:58px;font-weight:950;transform:rotate(-8deg);z-index:2}.hero-art i{position:absolute;width:210px;height:210px;border:40px solid rgba(23,25,20,.15);border-radius:50%}.hero-course>div:nth-child(2){padding:26px 34px}.hero-course b{font-size:8px;color:var(--lime);letter-spacing:1px}.hero-course h2{font-size:24px;margin:11px 0 7px}.hero-course p{font-size:10px;color:#aaa}.hero-course>strong{width:52px;height:52px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;margin-right:35px}.bar{height:5px;background:#3e4139;border-radius:10px;margin-top:20px}.bar span{height:100%;display:block;background:var(--lime);border-radius:10px}.hero-course small{display:block;color:#a8aaa2;font-size:8px;margin-top:7px}.section-title{display:flex;align-items:center;margin:38px 0 18px}.section-title h2{font-size:21px;margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-card{border:1px solid var(--line);background:var(--panel);padding:0;border-radius:13px;overflow:hidden;text-align:left;color:inherit}.course-card:hover{transform:translateY(-2px);box-shadow:0 13px 25px #191b1520}.cover{height:145px;display:grid;place-items:center;position:relative;overflow:hidden}.cover:after{content:"";position:absolute;width:170px;height:170px;border:30px solid #ffffff35;border-radius:50%;right:-80px;top:-90px}.cover.c0{background:#ff7654}.cover.c1{background:#c8f45e}.cover.c2{background:#6488f4;color:#fff}.cover.c3{background:#f3b94d}.cover>span{font-size:42px;font-weight:950}.cover>i{position:absolute;top:10px;right:10px;background:#ffffffd9;color:var(--ink);border-radius:15px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:800}.course-card>div:last-child{padding:16px}.course-card b{font-size:8px;color:#687235;text-transform:uppercase;letter-spacing:1px}.course-card h3{font-size:14px;line-height:1.35;margin:7px 0}.course-card p{font-size:8px;color:#888;margin:0}.title{margin-bottom:28px}.title h1{margin-top:8px}.create{float:right;margin-top:-70px}.empty{background:#fff;border:1px dashed #c7c9bf;border-radius:12px;padding:25px;text-align:center}.empty p{font-size:10px;color:#777}.toast{position:fixed;right:25px;top:88px;background:var(--ink);color:#fff;border-radius:9px;padding:12px 16px;z-index:50;font-size:10px;box-shadow:0 12px 35px #0004}.auth{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fff}.auth-visual{background:var(--ink);color:#fff;padding:42px 6vw;display:flex;flex-direction:column}.auth-visual>div:nth-child(2){margin:auto 0}.auth-visual>div:nth-child(2) span{display:block;font-size:54px;line-height:1;font-weight:950;letter-spacing:-3px}.auth-visual>div:nth-child(2) span:nth-child(2){color:var(--lime);margin-left:35px}.auth-visual>p{font-size:11px;color:#a5a79e}.auth-form{display:grid;place-items:center;padding:30px}.auth-form form{width:min(380px,100%)}.auth-form form>b{font-size:8px;letter-spacing:1.5px;color:#687235}.auth-form h1{font-size:34px;letter-spacing:-1.4px;margin:10px 0 6px}.auth-form form>p{font-size:11px;color:#777;margin-bottom:25px}.auth-form label,.modal label{display:block;font-size:9px;font-weight:800;margin-top:14px}.auth-form input,.modal input,.modal select{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:6px;outline:0}.auth-form input:focus,.modal input:focus{border-color:#7e8c44;box-shadow:0 0 0 3px #eff6d7}.auth-form .primary{margin-top:20px}.switch{border:0;background:transparent;color:#687235;width:100%;margin-top:18px;font-size:9px}.error{background:#fff0eb;color:#a03c20;padding:10px;border-radius:7px;font-size:9px}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:var(--ink);color:#fff}.splash>span{font-size:9px;color:#aaa}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-width:1400px;margin:auto}.learning{padding:28px 3vw 60px}.video{aspect-ratio:16/9;background:#090a08;border-radius:12px;overflow:hidden;position:relative}.video video{width:100%;height:100%;display:block}.video-empty{height:100%;display:grid;place-items:center;color:#777;font-size:11px}.watermark{position:absolute;right:12px;top:10px;color:#fff5;font-size:7px;pointer-events:none}.lesson-title{display:flex;justify-content:space-between;padding:22px 0 16px;border-bottom:1px solid var(--line)}.lesson-title b{font-size:8px;color:#687235}.lesson-title h1{font-size:24px;margin:6px 0}.lesson-title button{align-self:center;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;font-size:9px}.learning article h2{font-size:14px}.learning article>p{font-size:11px;line-height:1.7;color:#666}.tutor-note{background:#eef6d8;border-radius:9px;padding:14px}.tutor-note strong{font-size:9px}.tutor-note p{font-size:10px}.curriculum{background:#fff;border-left:1px solid var(--line);min-height:calc(100vh - 72px);padding:20px 0}.curriculum>h3{padding:0 18px;font-size:13px}.module>b{display:block;background:#f2f3ed;padding:11px 18px;font-size:9px}.module button{border:0;border-bottom:1px solid #eee;background:#fff;width:100%;padding:11px 15px;display:flex;align-items:center;gap:9px;text-align:left}.module button.current{background:#f0f6da}.module button>span{width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:8px}.module button>div{flex:1}.module button strong,.module button small{display:block}.module button strong{font-size:9px}.module button small{font-size:7px;color:#888;margin-top:3px}.practice-card,.question,.table>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px;margin-bottom:9px;display:flex;align-items:center;gap:12px}.practice-card>span{width:34px;height:34px;background:#eef6d8;border-radius:8px;display:grid;place-items:center}.practice-card>div,.table>div>div{flex:1}.practice-card b,.practice-card p{display:block}.practice-card b{font-size:11px}.practice-card p{font-size:9px;color:#777}.practice-card button,.table button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px;font-size:8px}.ask{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:14px}.ask textarea{border:0;outline:0;resize:vertical;width:100%;min-height:70px}.ask .primary{float:right;margin-bottom:12px}.question{clear:both}.question b{font-size:10px}.question p{font-size:11px}.question button{border:0;background:transparent;color:#687235;padding:0;font-size:8px}.tiny-cover{width:39px;height:34px;border-radius:7px;background:var(--lime);display:grid;place-items:center;font-weight:950}.table small{display:block;color:#888;font-size:8px;margin-top:3px}.badge{border-radius:15px;background:#eef6d8;color:#5d692f;padding:5px 8px;font-size:7px}.onvo{background:var(--ink);color:#fff;border-radius:13px;padding:20px;display:flex;align-items:center;gap:14px}.onvo>span{width:55px;height:50px;background:#4f7cff;border-radius:10px;display:grid;place-items:center;font-weight:900}.onvo>div{flex:1}.onvo h2{font-size:14px;margin:0 0 4px}.onvo p{font-size:8px;color:#aaa;margin:0}.onvo i{color:#ffb49c;font-size:8px}.onvo button{border:1px solid #555;background:transparent;color:#fff;border-radius:7px;padding:8px;font-size:8px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:40;display:grid;place-items:center;padding:18px}.modal{width:min(480px,100%);background:#fff;border-radius:14px;padding:25px;position:relative}.modal h2{font-size:21px}.modal .close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:20px}.modal .primary{margin-top:20px}@media(prefers-color-scheme:dark){:root{--paper:#11130f;--ink:#f4f5ed;--white:#1b1e18;--panel:#1b1e18;--line:#353830;--muted:#aaa}.app-shell>aside{background:#090b08}.app-shell main>header,.course-card,.empty,.practice-card,.question,.table>div,.auth-form,.curriculum,.module button,.lesson-title button,.ask,.modal{background:#1b1e18;color:#f4f5ed}.search input,.auth-form input,.modal input,.modal select,.ask textarea{color:#fff;background:#151713}.hero-course,.primary{background:#30332b}.curriculum{border-left-color:#353830}.module>b{background:#252821}.module button.current{background:#303b25}.cover>i{background:#111d;color:#fff}}@media(max-width:900px){.app-shell>aside{width:70px;padding:24px 9px}.app-shell>aside .logo>div,.app-shell>aside nav button:not(.active),.user-mini>div{font-size:0}.app-shell>aside nav button{font-size:0;text-align:center}.app-shell>aside nav button span{font-size:17px;width:auto}.app-shell>main{margin-left:70px}.course-grid{grid-template-columns:repeat(2,1fr)}.course-layout{grid-template-columns:1fr}.curriculum{border-left:0;min-height:auto}.tagline{display:none}}@media(max-width:620px){.app-shell>aside{display:none}.app-shell>main{margin:0}.app-shell main>header{padding:0 14px}.search{width:100%}.page{padding:30px 15px}.welcome{align-items:flex-start;flex-direction:column;gap:15px}.welcome h1,.title h1{font-size:28px}.hero-course{grid-template-columns:1fr}.hero-art{height:145px}.hero-course>strong{position:absolute;right:0}.course-grid{grid-template-columns:1fr}.create{float:none;margin:-14px 0 20px}.auth{grid-template-columns:1fr}.auth-visual{display:none}.learning{padding:15px}.lesson-title{align-items:flex-start;gap:10px}.lesson-title h1{font-size:20px}.onvo{align-items:flex-start;flex-wrap:wrap}.onvo>div{min-width:65%}}