:root{--ink:#222c27;--muted:#748078;--paper:#f5f5f0;--white:#fff;--line:#e1e4db;--accent:#d9603b;--green:#384f42;--serif:Georgia,'Times New Roman',serif;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #df8c4b;outline-offset:3px}button{border:0}button svg,a svg{pointer-events:none}svg{width:21px;height:21px;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.16;letter-spacing:-1.1px;font-weight:600}h2{font-size:22px;letter-spacing:-.6px;font-weight:600}h3{font-size:18px;line-height:1.35;font-weight:600}p{line-height:1.7}small{font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#202925;color:#d9dfd8;display:flex;flex-direction:column;padding:35px 19px 23px;z-index:30}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-size:28px;font-weight:600;letter-spacing:-1px;margin:0 12px 47px}.brand-mark{font-size:22px;display:grid;place-items:center;width:41px;height:41px;border:1px solid #81927f;border-radius:12px;color:#c0d1ab;position:relative;letter-spacing:-5px;padding-right:5px}.brand-mark span{position:absolute;font-size:12px;right:4px;bottom:4px;letter-spacing:0}.brand-sub{display:block;font-size:9px;letter-spacing:3px;color:#a4b09f;margin-top:1px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;margin:0 14px 15px;color:#839184}.nav-link{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:8px;text-decoration:none;font-size:13px;color:#abb7ab;margin-bottom:6px}.nav-link.active{background:#38463a;color:#e6eddf}.nav-link:hover{background:#2e3b31}.nav-link svg{width:19px;height:19px}.nav-link .nav-num{margin-left:auto;color:#c5d9b0;font-size:10px}.side-bottom{margin-top:auto;padding:38px 13px 0;font-size:11px;line-height:1.7;color:#96a593}.side-bottom .live-dot{display:inline-block;margin-right:7px}.side-bottom>a{display:block;margin:20px 0 12px;color:#c6d2c0}.side-bottom small{font-size:10px;color:#788978}.workspace{margin-left:232px;width:calc(100% - 232px);min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper)}.breadcrumb{font-size:12px;color:#849084}.breadcrumb span{margin:0 12px;color:#b1b8ad}.breadcrumb b{font-weight:400;color:#455348}.top-actions{display:flex;align-items:center;gap:23px}.lang{font-size:12px;background:transparent;color:var(--ink);padding:8px}.lang span{margin-left:8px;color:#8c968a}.account{background:#e8ebdf;min-height:36px;padding:8px 13px;border-radius:30px;color:#3c4a39;font-size:12px}.network{font-size:10px;color:#84917f}.live-dot{width:6px;height:6px;background:#a5c68b;border-radius:50%}.mobile-menu{display:none}main{padding:42px 48px 36px;max-width:1510px;margin:auto;min-height:calc(100vh - 153px)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);font-size:13px;max-width:630px;margin-top:10px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:7px 10px;border-radius:30px;background:#e9ecdf;color:#52614c;white-space:nowrap}.hero{display:grid;grid-template-columns:1.1fr 1fr;background:#e4e9dc;border:1px solid #d9dfcd;border-radius:13px;min-height:310px;overflow:hidden;margin-bottom:24px}.hero-copy{padding:37px 37px 35px}.hero h2{font-family:var(--serif);font-size:37px;line-height:1.17;letter-spacing:-1.2px;font-weight:400;max-width:470px}.hero p{font-size:12px;max-width:340px;margin:15px 0 22px;color:#67725e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#fff;text-decoration:none;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:500;line-height:1.4}.btn:hover{filter:brightness(.96)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #cbd2c3}.btn.dark{background:var(--ink)}.btn svg{width:16px;height:16px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:24px 28px 25px 0;background:radial-gradient(ellipse at 40% 30%,#d6dec8,transparent 65%)}.editor{width:100%;max-width:400px;background:#26302a;border-radius:9px;transform:rotate(-3deg);box-shadow:8px 22px 30px #4c604033;color:#9ca996;overflow:hidden;border:1px solid #66765a}.editor-top{font-size:7px;padding:9px 11px;display:flex;justify-content:space-between;border-bottom:1px solid #445040}.editor-stage{position:relative;margin:12px 42px 8px;background:#a5ac8a;aspect-ratio:1.85;overflow:hidden}.sun{position:absolute;width:36px;height:36px;border-radius:50%;background:#e7d899;left:56%;top:20%}.mountain{position:absolute;width:200px;height:130px;background:#647958;transform:rotate(35deg);left:-20px;top:65px}.mountain.two{background:#3c5345;left:150px;top:60px;transform:rotate(-35deg)}.frame-lines{position:absolute;inset:9px;border:1px solid #ffffff50}.frame-lines:after{content:'REC';position:absolute;top:5px;left:6px;font-size:6px;color:#fbf2d0;letter-spacing:2px}.editor-controls{font-size:7px;text-align:center;padding:5px;color:#c8d4bf}.timeline{border-top:1px solid #45523e;padding:11px 12px 14px;position:relative}.timeline:after{content:'';position:absolute;height:75px;width:1px;background:#f3d29a;left:53%;top:4px}.timeline-track{display:flex;gap:3px;margin-bottom:5px;height:16px}.timeline-track>i{border-radius:2px;background:#84916a;width:38%;border:1px solid #a1b18550}.timeline-track>i:nth-child(2){width:22%;background:#a58e66}.timeline-track>i:nth-child(3){width:40%;background:#75866c}.timeline-track.audio{height:12px;margin-left:20px;background:repeating-linear-gradient(90deg,#536a52 0px,#536a52 3px,#7d9479 3px,#7d9479 4px);border-radius:2px}.art-badge{position:absolute;bottom:18px;right:16px;padding:8px 12px;background:#f8f8ee;border:1px solid #d4dcc6;border-radius:7px;box-shadow:0 5px 12px #354b3620;transform:rotate(2deg);font-size:9px;color:#4a6045}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:38px}.stat{border:1px solid var(--line);padding:19px 22px;border-radius:9px;display:flex;gap:15px;align-items:center;background:#fafbf6}.stat-icon{background:#ebeee4;width:39px;height:39px;display:grid;place-items:center;border-radius:9px;color:#68765c}.stat strong{font-size:23px;font-weight:500;letter-spacing:-.5px}.stat span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 20px}.text-link{font-size:11px;color:#718165;text-decoration:none;background:none}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.course-card{border:1px solid var(--line);border-radius:10px;background:var(--white);overflow:hidden;display:flex;flex-direction:column}.course-art{height:128px;position:relative;overflow:hidden;background:#ece7df;display:flex;align-items:center;justify-content:center}.course-art .big-symbol{font-size:69px;line-height:1;font-weight:300;letter-spacing:-6px;opacity:.7}.course-art:before,.course-art:after{content:'';position:absolute;inset:21px 28px;border:1px solid currentColor;opacity:.14}.course-art:after{inset:35px 45px}.course-art .corner{position:absolute;left:19px;top:15px;letter-spacing:2px;font-size:8px}.course-art .mini{position:absolute;bottom:14px;right:18px;font-size:8px;letter-spacing:1px}.course-body{padding:23px;flex:1;display:flex;flex-direction:column}.course-meta{display:flex;gap:12px;color:#8a9385;text-transform:uppercase;font-size:8px;letter-spacing:1px;margin-bottom:12px}.course-body p{font-size:12px;color:var(--muted);margin:9px 0 23px;flex:1}.course-bottom{border-top:1px solid #eef0e9;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.circle-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce3d5;border-radius:50%;color:#5f7257}.course-card>a{text-decoration:none;display:flex;flex-direction:column;height:100%}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.panel{border:1px solid var(--line);border-radius:10px;background:white;padding:26px}.panel h3{font-size:17px}.panel p{font-size:12px;color:var(--muted);margin:10px 0 18px}.ai-callout{background:#293a30;color:#e8eddf;border:0}.ai-callout p{color:#a3b29e}.ai-callout .eyebrow{color:#a5b699}.tiny-list{padding:0;margin:17px 0 0;list-style:none}.tiny-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.tiny-list .number{color:#97a18f;font-size:10px}.tiny-list a{text-decoration:none}.search{display:flex;gap:10px;margin-bottom:25px}input,select,textarea{border:1px solid #d9dfd2;background:white;border-radius:6px;color:var(--ink);padding:12px;width:100%;font-size:13px}textarea{resize:vertical;line-height:1.65;min-height:130px}label{font-size:12px;display:block;margin-bottom:15px}label input,label select,label textarea{margin-top:7px}.course-detail{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.lesson-list{padding:20px;border:1px solid var(--line);border-radius:10px;background:white;align-self:start;position:sticky;top:20px}.lesson-list h3{font-size:14px;margin-bottom:15px}.lesson-link{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:11px;line-height:1.5;padding:13px 6px;border-top:1px solid #e7ebe1;color:#6c7967}.lesson-link.active{color:#c05535}.lesson-link span{font-size:10px;min-width:21px}.lesson-reader{min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px}.lesson-reader h1{font-size:29px}.objective{margin:20px 0;padding:15px 18px;border-left:3px solid #91a275;background:#f2f5ec;font-size:13px;line-height:1.7}.lesson-text p{font-size:14px;margin:20px 0;line-height:1.85}.task{padding:20px;background:#fbf4e9;border:1px solid #eee0c9;border-radius:7px;margin:28px 0}.task h3{font-size:14px;margin-bottom:9px}.task p{font-size:13px}.quiz{margin:25px 0}.quiz h3{font-size:15px;margin:10px 0 15px}.quiz-option{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:6px;margin:8px 0;font-size:12px;cursor:pointer}.quiz-option input{width:auto;margin:0}.quiz-result{font-size:12px;line-height:1.6;margin:12px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.lesson-navigation{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.muted{color:var(--muted);font-size:12px;line-height:1.7}.notice{padding:15px 18px;border:1px solid #e4d6b9;background:#fbf6e9;border-radius:7px;font-size:12px;line-height:1.7;margin-bottom:20px}.empty{text-align:center;padding:50px 20px;color:var(--muted);font-size:13px;line-height:1.8}.empty svg{width:35px;height:35px;margin-bottom:15px}.tutor-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px}.chat{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden;display:flex;flex-direction:column;min-height:560px}.chat-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.chat-head select{width:auto;padding:7px;font-size:11px}.messages{padding:25px;flex:1;max-height:650px;overflow:auto}.welcome{padding:35px 15px 20px;text-align:center}.ai-logo{width:48px;height:48px;border-radius:14px;background:#e6ecdc;display:grid;place-items:center;margin:0 auto 20px;color:#5d7551;font-size:24px}.welcome h2{font-size:24px;font-family:var(--serif);font-weight:400}.welcome p{font-size:12px;color:var(--muted);max-width:370px;margin:13px auto 20px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.suggestions button{background:#f7f8f2;border:1px solid var(--line);font-size:10px;padding:10px;text-align:left;line-height:1.5;border-radius:6px;max-width:250px;color:#52604d}.message{margin:0 0 22px;line-height:1.8;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#edf1e5;border-radius:8px;padding:12px 17px;margin-left:35px}.message.assistant{padding:0 4px}.message small{display:block;color:#8a9682;margin-bottom:7px;font-size:9px;text-transform:uppercase;letter-spacing:1.2px}.chat-form{border-top:1px solid var(--line);padding:17px;display:flex;gap:10px}.chat-form textarea{min-height:48px;max-height:170px;height:48px;resize:vertical;font-size:12px}.chat-form button{width:46px;min-width:46px;background:var(--ink);color:white;border-radius:6px}.chat-note{font-size:9px;color:#9ba391;padding:0 18px 15px;line-height:1.5}.source{background:#f6f7f0;border:1px solid var(--line);border-radius:6px;padding:11px;margin-top:8px;font-size:11px;white-space:normal}.source summary{cursor:pointer}.source p{font-size:11px;margin:10px 0}.tutor-aside .panel{padding:21px;margin-bottom:16px}.tutor-aside h3{font-size:13px}.tutor-aside p{font-size:11px}.step{display:flex;gap:12px;font-size:12px;line-height:1.65;margin:18px 0}.step>span{color:#9baa8d}.upload-zone{display:block;padding:30px;border:1px dashed #b6c4a7;background:#f5f8ef;border-radius:9px;text-align:center;cursor:pointer;margin:18px 0}.upload-zone input{margin-top:20px}.upload-zone strong{font-size:15px;font-weight:500}.upload-zone p{font-size:12px;margin:10px 0}.documents{display:grid;gap:12px;margin-top:24px}.document,.submission{padding:22px;border:1px solid var(--line);border-radius:8px;background:white}.document-title{font-size:14px;overflow-wrap:anywhere}.document-meta{font-size:11px;color:var(--muted);margin:8px 0 15px}.document .btn{font-size:10px;padding:8px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-table-wrap{overflow-x:auto;margin:18px 0}.work-table{width:100%;border-collapse:collapse;min-width:660px}.work-table th{text-align:left;font-size:10px;font-weight:500;color:#839076;padding:10px}.work-table td{border-top:1px solid var(--line);padding:8px}.work-table input{font-size:11px;padding:9px;min-width:75px}.work-table .delete-row{background:none;color:#9b7366;font-size:20px}.submission{margin:12px 0}.submission pre{white-space:pre-wrap;font-family:inherit;font-size:12px;line-height:1.8;max-height:280px;overflow:auto;background:#fafbf6;padding:15px;border-radius:5px;overflow-wrap:anywhere}.feedback{border-left:3px solid #a5b68d;padding:12px 16px;font-size:12px;line-height:1.8;white-space:pre-wrap}.progress-track{height:4px;background:#e8ecdf;border-radius:3px;overflow:hidden;margin:17px 0 10px}.progress-track i{height:100%;display:block;background:#8b9f6e}.modal-overlay{position:fixed;inset:0;z-index:100;background:#17231ccc;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal{width:min(100%,490px);background:var(--paper);border-radius:13px;padding:32px;max-height:92vh;overflow:auto;position:relative;box-shadow:0 25px 70px #0004}.modal h2{margin:5px 0 13px;font-size:26px}.modal p{font-size:12px;color:var(--muted);margin-bottom:20px}.close-modal{position:absolute;right:13px;top:13px;background:none;font-size:24px;color:#87927f}.modal code{display:block;overflow-wrap:anywhere;background:#e6eadf;padding:14px;font-size:12px;line-height:1.8;margin:15px 0}.error{color:#a34430;font-size:12px;line-height:1.7;margin:12px 0}.check-label{display:flex;gap:10px;align-items:center}.check-label input{width:auto;margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#243328;color:white;z-index:200;padding:13px 21px;border-radius:8px;font-size:12px;max-width:90vw;display:none;box-shadow:0 5px 30px #0003}footer{display:flex;justify-content:space-between;gap:15px;padding:20px 48px;border-top:1px solid var(--line);font-size:9px;color:#96a08c}code{font-size:.9em}.about-copy{max-width:800px}.about-copy h2{margin:28px 0 12px}.about-copy p{font-size:13px;margin:15px 0}.loading{padding:80px;text-align:center;color:var(--muted)}@media(min-width:1450px){.course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.course-art{height:150px}.hero{grid-template-columns:1.2fr 1fr}.hero-art{padding-right:60px}.hero-copy{padding-left:45px}}@media(max-width:1100px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.workspace{margin-left:200px;width:calc(100% - 200px)}main{padding:30px}.topbar{padding:0 30px}.hero h2{font-size:31px}.hero-copy{padding:28px}.hero-art{padding-right:15px}.course-detail{grid-template-columns:210px minmax(0,1fr)}.lesson-reader{padding:25px}.tutor-layout{grid-template-columns:1fr}.tutor-aside{display:none}.stat{padding:17px;gap:10px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:235px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #182a2066}.workspace{margin:0;width:100%}.mobile-menu{display:block;background:none;color:var(--ink);font-size:20px;padding:4px}.topbar{height:67px;padding:0 20px}.breadcrumb{margin-right:auto;font-size:11px}.breadcrumb>span,.breadcrumb>b{display:none}.top-actions{gap:8px}.network{display:none}.account{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}main{padding:28px 20px}h1{font-size:30px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading>.pill{display:none}.page-heading p{font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero h2{font-size:33px;max-width:350px}.hero-art{padding:0 35px 35px 45px}.editor{max-width:330px}.art-badge{right:25px;bottom:15px}.stats{gap:8px;margin-bottom:30px}.stat{padding:13px 11px;display:block}.stat-icon{width:28px;height:28px;margin-bottom:12px}.stat-icon svg{width:16px}.stat strong{font-size:22px}.stat span{font-size:9px}.course-grid{grid-template-columns:1fr 1fr;gap:12px}.course-art{height:100px}.course-body{padding:17px}.course-body h3{font-size:15px}.course-body p{font-size:11px}.course-meta{font-size:7px;gap:8px}.course-bottom{font-size:8px}.course-art .big-symbol{font-size:50px}.course-art:before{inset:18px}.course-art:after{inset:27px}.course-art .corner{font-size:6px;left:12px;top:10px}.course-art .mini{font-size:6px;right:10px;bottom:10px}.lower-grid{grid-template-columns:1fr;gap:15px}.section-head h2{font-size:20px}.course-detail{grid-template-columns:1fr}.lesson-list{position:static;padding:15px}.lesson-list .lesson-links{display:flex;gap:8px;overflow-x:auto}.lesson-link{min-width:160px;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:10px}.lesson-reader{padding:22px}.lesson-reader h1{font-size:25px}.lesson-text p{font-size:13px}.chat-head{padding:15px;font-size:11px}.messages{padding:18px}.welcome{padding:20px 0}.chat{min-height:530px}.message.user{margin-left:15px}.form-grid{grid-template-columns:1fr}.panel{padding:21px}.modal{padding:28px 23px}footer{padding:20px;font-size:8px}.search{flex-wrap:wrap}.search input{flex:1;min-width:160px}.page-heading .btn{font-size:10px;padding:9px 12px}.row .btn{font-size:11px}.document{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.topbar,footer,.chat,.modal-overlay,.lesson-list,.quiz,.btn,.search{display:none!important}.workspace{margin:0;width:100%}main{padding:0}.course-detail{display:block}.lesson-reader{border:0}.task{break-inside:avoid}}
.art-edit{color:#b16f4b;background:#ede3d7}.art-sound{color:#5c7c62;background:#e4e9dd}.art-camera{color:#80718c;background:#e7e2e9}.art-direct{color:#a7854d;background:#eee8da}.progress-0{width:0}.progress-1{width:16.66%}.progress-2{width:33.33%}.progress-3{width:50%}.progress-4{width:66.66%}.progress-5{width:83.33%}.progress-6{width:100%}.invite-code{display:block;padding:15px;background:#f0f3e8;overflow-wrap:anywhere;line-height:1.8;border-radius:6px}