:root{--bg:#f7f8f4;--ink:#262e25;--muted:#8a9185;--line:#e7eae1;--primary:#71864f;--soft:#edf1e5;--sidebar:238px;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe4d8;border-radius:7px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#91a474;box-shadow:0 0 0 3px #71864f13}input[readonly],textarea[readonly],select:disabled{background:#f6f8f2}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}textarea{resize:vertical;line-height:1.7}label{flex-direction:column;gap:8px;margin-bottom:19px;font-size:13px;font-weight:500;display:flex}small{font-size:12px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-weight:650}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.8}svg{flex-shrink:0}.btn,.text-btn,.icon-btn{justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s;display:inline-flex}.btn{white-space:nowrap;background:#fff;border:1px solid #dfe4d8;border-radius:7px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:550}.btn:hover{background:#f5f7f1}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:#596d3b}.btn.dark{color:#fff;background:#33412c;border-color:#33412c}.btn.full{width:100%}.text-btn{color:#657c45;white-space:nowrap;padding:4px 0;font-size:12px;font-weight:550}.text-btn:hover{color:#354e1c}.icon-btn{border-radius:6px;min-width:32px;height:32px}.icon-btn:hover{background:#ecf0e5}.icon-btn.selected{color:var(--primary);background:var(--soft)}.muted,.helper{color:var(--muted)}.helper{font-size:11px;font-weight:400;line-height:1.7}.mono{font-family:Consolas,monospace;font-size:12px}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.error-text,.danger{color:#b16b59}.eyebrow{letter-spacing:1.8px;color:#8b967b;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:#758953;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.brand>span{letter-spacing:1px;font-size:20px;font-weight:650}.brand small{letter-spacing:1.1px;color:#89947d;margin-top:4px;font-size:8px;font-weight:500;display:block}.brand.light{color:#eef3e4}.brand.light .brand-icon{color:#3b4e2e;background:#dce6cb}.brand.light small{color:#a2b48e}.connection-dot{background:#869d62;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:20;background:#fcfdf9;flex-direction:column;height:100vh;padding:30px 21px 18px;display:flex;position:fixed;top:0;left:0}.sidebar .brand{margin:0 7px 28px}.workspace-label{color:#647452;background:#f1f4eb;border-radius:7px;align-items:center;gap:8px;margin-bottom:29px;padding:12px 10px;font-size:12px;display:flex}.mini-tag{border:1px solid #d5ddc8;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.nav-label{color:#a3aa9b;letter-spacing:1px;margin-bottom:10px;padding:0 12px;font-size:10px}nav{flex-direction:column;gap:7px;display:flex}nav button{text-align:left;color:#737c6d;border-radius:7px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}nav button.active{color:#627845;background:#eaf0df;font-weight:600}nav button:hover{background:#f0f4e9}nav b{color:#fff;text-align:center;background:#738a4e;border-radius:5px;min-width:20px;height:20px;margin-left:auto;padding-top:2px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:25px}.support-card{border:1px solid var(--line);color:#73835f;background:linear-gradient(145deg,#f1f4e9,#fafbf7);border-radius:9px;margin-bottom:24px;padding:16px 12px}.support-card strong{margin:11px 0 5px;font-size:11px;display:block}.support-card p{color:#8e9981;font-size:9px}.profile{text-align:left;align-items:center;gap:10px;width:100%;padding:8px 2px;display:flex}.avatar{color:#6b7f52;background:#e7ecdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:flex}.profile strong{font-size:12px;font-weight:550}.profile small{color:#9aa18f;text-overflow:ellipsis;max-width:125px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.profile>svg{color:#9ba68d;margin-left:auto}.logout{color:#99a18f;align-items:center;gap:8px;margin:13px 0 0 46px;font-size:11px;display:flex}.main-area{margin-left:var(--sidebar);min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fbfcf8;justify-content:space-between;align-items:center;gap:16px;height:70px;padding:0 35px;display:flex}.breadcrumb{color:#969e8e;white-space:nowrap;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumb strong{color:#536148;font-weight:500}.top-right{color:#929b86;white-space:nowrap;align-items:center;gap:9px;font-size:10px;display:flex}.top-divider{background:#dfe5d6;width:1px;height:13px;margin:0 12px}.content{max-width:1510px;margin:auto;padding:36px 36px 60px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-title h1{margin-bottom:9px;font-size:29px}.page-title p{color:#929a88;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 21px 16px}.metric>div{color:#7c8770;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.metric>div svg{color:#9aa98c}.metric>strong{letter-spacing:-1px;margin:10px 0 9px;font-size:31px;font-weight:550;line-height:1.4;display:block}.metric small{color:#9ca48f;align-items:center;gap:6px;font-size:10px;display:flex}.metric-dot{background:#9bad80;border-radius:50%;width:5px;height:5px}.metric-dot.m1{background:#c4a76b}.metric-dot.m2{background:#839fac}.metric-dot.m3{background:#9d92ab}.overview-grid{grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:22px;display:grid}.hero-panel{background:#eaf0df;border:1px solid #e1e8d4;border-radius:11px;min-height:318px;display:flex;position:relative;overflow:hidden}.hero-text{z-index:2;width:56%;padding:30px 0 30px 29px;position:relative}.pill{color:#788e59;background:#dfe9ce;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:inline-flex}.hero-text h2{letter-spacing:.5px;margin:16px 0 9px;font-size:27px;font-weight:600;line-height:1.55}.hero-text p{color:#8c987d;max-width:280px;margin-bottom:19px;font-size:11px;line-height:1.9}.hero-visual{justify-content:center;align-items:center;width:49%;height:100%;display:flex;position:absolute;right:0}.hero-visual .robot-scene{width:150%;min-width:360px;margin-top:14px;margin-right:20px;position:relative}.orbit{border:1px solid #d9e2c9;border-radius:50%;width:240px;height:240px;position:absolute}.orbit.o2{width:310px;height:310px}.visual-tag{letter-spacing:1.4px;color:#8b9d72;align-items:center;gap:6px;font-size:7px;display:flex;position:absolute;bottom:20px;right:18px}.journey-panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:23px 23px 0}.section-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-head h2{font-size:15px}.section-head>span{color:#97a18a;font-size:10px}.section-head p{color:#9aa38e;margin-top:7px;font-size:11px}.section-margin{margin-top:32px;margin-bottom:18px}.journey-step{text-align:left;border-bottom:1px solid #f0f2eb;align-items:center;gap:13px;width:100%;padding:20px 0;display:flex}.journey-step:nth-last-child(2){border:0}.step-icon{color:#8e9e77;background:#f1f4eb;border:1px solid #e4eadb;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.step-icon.complete{color:#6d8849;background:#e5efda}.journey-step strong{font-size:12px;font-weight:550}.journey-step small{color:#9ca48f;margin-top:6px;font-size:9px;display:block}.step-number{color:#dce3d0;margin-left:auto;font-family:Georgia,serif;font-size:21px}.journey-footer{color:#9aa68a;border-top:1px solid var(--line);gap:7px;padding:15px 0;font-size:9px;display:flex}.quiet-card{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:17px;padding:25px;display:flex}.quiet-card>div:nth-child(2){flex:1}.quiet-card strong{font-size:13px;font-weight:550}.quiet-card p{color:#9ba38e;margin-top:6px;font-size:11px}.quiet-icon{color:#95a97a;background:#f1f5e9;border:1px solid #e9efdf;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.task-card{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.task-preview{background:linear-gradient(130deg,#edf1e4,#e0e6d6);justify-content:center;align-items:center;height:154px;display:flex;position:relative;overflow:hidden}.task-preview .robot-scene{width:100%;height:185px;transform:translateY(-8px)}.task-preview>video{object-fit:contain;background:#12171c;width:100%;height:100%}.preview-badge{color:#73835c;background:#ffffffa6;border-radius:4px;padding:4px 7px;font-size:8px;position:absolute;top:13px;left:13px}.duration{color:#fff;background:#526343c9;border-radius:3px;padding:3px 6px;font-size:9px;position:absolute;bottom:10px;right:11px}.task-card-body{padding:17px}.task-meta{color:#9da68f;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;display:flex}.task-card h3{margin-bottom:9px;font-size:13px;font-weight:600}.task-card p{color:#929c85;min-height:38px;font-size:10px}.task-card-bottom{border-top:1px solid #f0f3eb;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;display:flex}.task-card-bottom>span{color:#a1a891;align-items:center;gap:5px;font-size:9px;display:flex}.task-card-bottom .text-btn{font-size:10px}.badge{white-space:nowrap;color:#88917e;background:#f0f2ed;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:5px 8px;font-size:10px;display:inline-flex}.badge.passed{color:#7a9554;background:#edf3e4}.badge.submitted{color:#b29a61;background:#faf2df}.badge.returned{color:#b38c5a;background:#f9eddf}.badge.failed{color:#b47d6d;background:#f7e9e5}.badge.draft{color:#8796a0;background:#edf1f5}.table-card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%}th{color:#9aa58b;border-bottom:1px solid var(--line);background:#f9fbf5;padding:15px 21px;font-size:10px;font-weight:500}td{color:#78856a;border-bottom:1px solid #eff2e9;padding:18px 21px;font-size:12px}tbody tr:last-child td{border-bottom:0}td strong{color:#5b6a50;font-size:12px;font-weight:500}.table-sub{color:#a8af9c;margin-top:6px;font-size:9px;display:block}.score-passed{color:#829b5b;font-weight:600}.empty{color:#b1bba3;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:52px 20px;font-size:12px;display:flex}.notice{color:#85946d;background:#eef2e6;border:1px solid #e2e9d5;border-radius:8px;align-items:center;gap:16px;margin-bottom:23px;padding:22px 24px;display:flex}.notice p{margin-top:5px;font-size:11px}.notice strong{color:#6d8053;font-size:13px;font-weight:550}.notice .btn,.notice .text-btn{margin-left:auto}.notice.compact{gap:10px;padding:14px 18px;font-size:11px}.notice.success{background:#edf4e7}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.tabs{flex-wrap:wrap;align-items:center;gap:19px;display:flex}.tabs button{color:#95a084;white-space:nowrap;border-bottom:2px solid #0000;padding:10px 0;font-size:12px}.tabs button.active{color:#6f864e;border-color:#81975e;font-weight:600}.tabs button span{background:#edf1e5;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:9px}.search{border:1px solid var(--line);color:#a7b197;background:#fff;border-radius:6px;align-items:center;gap:7px;min-width:200px;padding:0 12px;display:flex}.search input{box-shadow:none;border:0;min-width:0;padding:9px 0;font-size:11px}.inline-actions{align-items:center;gap:14px;display:flex}.learning-layout{grid-template-columns:290px 1fr;align-items:start;gap:25px;display:grid}.lesson-list,.lesson-article{border:1px solid var(--line);background:#fff;border-radius:10px}.lesson-list{padding:23px 16px}.progress{background:#edf1e5;border-radius:5px;height:5px;margin:18px 6px 22px;overflow:hidden}.progress>span{background:#81975e;border-radius:5px;height:100%;display:block}.lesson-item{text-align:left;border-radius:7px;align-items:center;gap:11px;width:100%;margin-bottom:6px;padding:17px 10px;display:flex}.lesson-item.active{background:#eff4e8}.lesson-item>span:nth-child(2){flex:1}.lesson-item strong{font-size:11px;font-weight:550}.lesson-item small{color:#a1ac93;margin-top:7px;font-size:9px;display:block}.lesson-item svg{color:#9aab82}.lesson-number{color:#8da16e;background:#f3f6ed;border:1px solid #e6eddb;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;display:flex}.lesson-article{max-width:900px;padding:35px}.lesson-article>h2{margin-bottom:12px;font-size:25px}.lesson-summary{color:#9ca58e;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:24px;font-size:12px}.lesson-article section{margin-bottom:25px}.lesson-article section h3{color:#a6b493;margin-bottom:12px;font-family:Consolas,monospace;font-size:13px}.lesson-article section h3>span{color:#68795a;margin-left:12px;font-family:Microsoft YaHei,sans-serif;font-size:13px}.lesson-article section p{color:#919e81;font-size:12px;line-height:2.1}.quiz{background:#f6f8f1;border-radius:8px;margin-top:30px;padding:24px}.quiz h3{color:#778c5c;align-items:center;gap:8px;font-size:13px;display:flex}.quiz>p{margin:15px 0;font-size:12px}.quiz-option{color:#879675;background:#fff;border:1px solid #e4eadb;border-radius:6px;flex-direction:row;align-items:center;gap:9px;margin:10px 0;padding:12px;font-size:11px}.quiz-option.selected{background:#f4f8ed;border-color:#9daf83}.quiz-option>span{color:#b0ba9f}.quiz .btn{margin-top:17px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#252e2366;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e9eddf;border-radius:13px;width:480px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 90px #27332225}.modal.wide{width:730px}.modal-head{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:20px 25px;display:flex;position:sticky;top:0}.modal-head h2{font-size:16px}.modal-body{padding:25px}.modal-body>p{color:#8b987c;margin-bottom:16px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;display:flex}.form-actions>.helper{margin-right:auto}.segmented{margin-bottom:24px}.upload-zone{color:#8da471;cursor:pointer;background:#f5f8ef;border:1px dashed #b7c6a1;align-items:center;padding:23px;font-size:12px}.upload-zone input{background:#fff;max-width:260px;margin-top:7px;padding:8px;font-size:10px}.checkbox-group{flex-direction:column;justify-content:center;gap:12px;display:flex}.checkbox-group label{flex-direction:row;align-items:center;margin:0;font-size:12px}.file-inline{color:#8a9d70;cursor:pointer;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:11px;display:inline-flex;position:relative;overflow:hidden}.file-inline input{opacity:0;cursor:pointer;position:absolute;inset:0}.prose{color:#8c9a7b;font-size:12px;line-height:1.9}.prose p{margin-bottom:18px}.prose h3{color:#6d7f59;margin:20px 0 12px;font-size:13px}.toast{color:#f4f7ee;z-index:200;background:#33402d;border:1px solid #526b41;border-radius:8px;align-items:center;gap:11px;max-width:90vw;padding:14px 17px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 7px 35px #34462c30}.toast .icon-btn{color:#acba9b;min-width:20px;height:20px}.auth-page{background:#fbfcf8;grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-story{background:#35442e;flex-direction:column;min-height:100vh;padding:45px 60px 30px;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;border:1px solid #75876021;border-radius:50%;width:800px;height:800px;position:absolute;top:190px;left:-70px}.auth-copy{z-index:1;margin:auto 0;padding-top:55px;position:relative}.auth-copy .eyebrow{color:#a6b890;letter-spacing:2px;font-size:9px}.auth-copy h1{color:#e9efdf;letter-spacing:2px;margin:20px 0 17px;font-size:38px;font-weight:500;line-height:1.65}.auth-copy p{color:#a2b192;font-size:12px;line-height:2}.auth-copy .robot-scene{width:100%;height:260px;margin:5px 0 20px}.auth-pills{border-top:1px solid #91a97923;gap:25px;margin-bottom:50px;padding-top:20px;display:flex}.auth-pills>span{color:#b5c4a2;align-items:center;gap:7px;font-size:10px;display:flex}.auth-story>small{color:#92a37c;font-size:10px}.auth-panel{justify-content:center;align-items:center;padding:55px;display:flex;position:relative}.auth-form{width:350px;max-width:100%}.auth-form>.eyebrow{letter-spacing:2px;font-size:8px}.auth-form h2{margin:18px 0 13px;font-size:28px;font-weight:550}.auth-form>p{color:#a0aa92;margin-bottom:32px;font-size:12px}.auth-form label{color:#788769;margin-bottom:20px;font-size:12px}.auth-form input{background:#fff;border-color:#dfe6d5;height:46px;font-size:12px}.auth-form .btn{justify-content:space-between;height:46px;margin-top:7px;padding:0 18px}.auth-note{color:#a4ae96;border-top:1px solid #e6ebde;gap:10px;margin-top:28px;padding:18px 0;font-size:10px;line-height:1.9;display:flex}.auth-note svg{color:#9cad84;margin-top:3px}.auth-footer{color:#b0b9a3;font-size:9px;position:absolute;bottom:30px}.loading-screen{color:#95a67f;flex-direction:column;justify-content:center;align-items:center;gap:25px;height:100vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.annotation-desk{max-width:1900px;margin:auto;padding:22px 26px 100px}.desk-header{align-items:center;gap:13px;margin-bottom:20px;display:flex}.desk-header h1{letter-spacing:0;margin-bottom:6px;font-size:17px}.desk-header .muted{font-size:10px}.desk-header-spacer{flex:1}.desk-student{color:#8c9b79;font-size:10px}.review-feedback{color:#a19064;white-space:pre-wrap;background:#f8f4e9;border:1px solid #e4dfcd;border-radius:6px;gap:15px;margin-bottom:18px;padding:13px 17px;font-size:11px;display:flex}.review-feedback.passed{color:#899e6c;background:#eff5e8;border-color:#dde7d1}.review-feedback strong{white-space:nowrap}.phase-bar{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:18px;padding:15px 17px}.phase-bar .section-head{color:#8f9d7d;margin-bottom:12px;font-size:10px}.phase-bar .section-head>span:first-child{align-items:center;gap:7px;display:flex}.phase-track{color:#7b9060;background:#e7eedc;border-left:3px solid #99ad7d;border-radius:3px;padding:10px 13px;font-size:11px;line-height:1.6}.desk-grid{grid-template-columns:minmax(0,1.65fr) minmax(315px,1fr);align-items:start;gap:20px;display:grid}.video-column{min-width:0}.video-player{aspect-ratio:16/9;background:#e5ebdb;border:1px solid #dfe6d3;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-player .robot-scene{width:100%;height:100%}.video-player video{object-fit:contain;background:#1c241b;width:100%;height:100%}.video-meta{letter-spacing:1.4px;color:#8f9f7a;z-index:1;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;top:13px;left:15px;right:15px}.video-meta>span:last-child{align-items:center;gap:5px;display:flex}.video-overlay-label{color:#8d9c79;background:#f6f9efaa;border-radius:3px;padding:3px 7px;font-size:8px;position:absolute;bottom:11px;left:14px}.playback{border-left:1px solid var(--line);border-right:1px solid var(--line);color:#8b9a79;background:#fff;border-radius:6px 6px 0 0;align-items:center;gap:8px;margin-top:9px;padding:12px 13px 6px;display:flex}.play-btn{color:#fff;background:#819661;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.playback .icon-btn{width:22px;min-width:22px;height:27px}.timecode{color:#657a51;white-space:nowrap;margin:0 6px;font-family:Consolas,monospace;font-size:11px}.timecode>span{color:#b0b99f}.framecode{color:#a0ac91;white-space:nowrap;margin-right:auto;font-family:Consolas,monospace;font-size:9px}.playback select{background:#f2f5ec;border:0;width:55px;padding:5px 3px;font-size:10px}.scrubber{accent-color:#839860;background:#fff;border:0;border-radius:0;height:15px;margin:0 0 15px;padding:0 12px;box-shadow:none!important}.timeline-panel{border:1px solid var(--line);background:#fff;border-radius:7px;margin-bottom:16px;padding:17px 16px}.timeline-panel .section-head{color:#7f906a;font-size:9px}.timeline-panel strong{letter-spacing:.6px;font-weight:550}.timeline-panel strong>span{color:#aab399;font-size:8px}.timeline-panel .section-head>span{align-items:center;gap:4px;font-size:8px;display:flex}.legend{border-radius:1px;width:5px;height:5px;margin-left:9px;display:inline-block}.legend.pending{background:#d7d3c6}.legend.confirmed{background:#9cac82}.timeline-ruler{color:#b0b99f;justify-content:space-between;padding:20px 0 8px;font-family:Consolas,monospace;font-size:8px;display:flex}.segments-track{background:#f1f4eb;border:1px solid #e8edde;border-radius:3px;height:43px;position:relative;overflow:hidden}.segment-block{opacity:.64;color:#fff;white-space:nowrap;border:2px solid #fff8;border-radius:3px;justify-content:space-between;align-items:center;gap:2px;min-width:3px;padding:0 5px;font-size:8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.segment-block.active{opacity:1;border-color:#3c4e2e}.segment-block.confirmed{opacity:1}.segment-block>span{overflow:hidden}.playhead{pointer-events:none;background:#435433;width:2px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-top:7px solid #435433;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:0;left:-3px}.timeline-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:13px;display:flex}.timeline-tools .helper{font-size:8px}.timeline-tools .text-btn{font-size:9px}.segment-list{border:1px solid var(--line);background:#fff;border-radius:7px;overflow:hidden}.segment-list-head{border-bottom:1px solid var(--line);color:#8a9b75;justify-content:space-between;align-items:center;padding:14px 16px;font-size:11px;display:flex}.segment-list-head .helper{font-size:9px}.segment-row{text-align:left;color:#91a17d;border-bottom:1px solid #f0f3e9;align-items:center;gap:12px;width:100%;padding:13px 16px;display:flex}.segment-row:last-child{border:0}.segment-row.active{background:#f1f6e8}.segment-index{color:#a3b18f;background:#f4f6ef;border:1px solid #e6ecdc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Consolas,monospace;font-size:9px;display:flex}.segment-index.done{color:#819c5a;background:#e7f0da}.segment-row-label{flex:1;min-width:0;font-size:11px}.segment-row-label>small{color:#a9b29c;white-space:nowrap;text-overflow:ellipsis;max-width:300px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.segment-row>.mono{white-space:nowrap;font-size:9px}.editor-column{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.editor-tabs{border-bottom:1px solid var(--line);white-space:nowrap;gap:18px;padding:0 16px;display:flex;overflow-x:auto}.editor-tabs button{color:#9ca98b;border-bottom:2px solid #0000;padding:16px 0 13px;font-size:10px}.editor-tabs button.active{color:#789457;border-bottom-color:#8ba46a}.editor-body{padding:20px}.editor-body>.section-head{color:#9ba98a;margin-bottom:22px;font-size:10px}.editor-body label{color:#9caa8c;margin-bottom:17px;font-size:10px}.editor-body input,.editor-body select,.editor-body textarea{padding:10px;font-size:11px}.editor-body .text-btn{justify-content:flex-start;font-size:8px}.editor-body .form-grid{gap:13px}.editor-body .btn{font-size:10px}.editor-body .form-actions{margin-top:12px}.reference-box{color:#8a9f73;background:#f1f6e9;border:1px solid #e2ebd6;border-radius:6px;margin-bottom:19px;padding:15px;font-size:11px;line-height:1.9}.reference-box strong{font-size:11px;font-weight:550}.reference-box p{margin-top:7px;font-size:10px}.history-card{border-bottom:1px solid var(--line);padding:16px 0}.history-card p{color:#8f9f7b;margin:15px 0;font-size:11px;line-height:1.9}.history-card small{color:#acb89c;font-size:9px}.desk-footer{bottom:0;left:var(--sidebar);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;background:#fcfdf9f5;justify-content:space-between;align-items:center;gap:12px;padding:15px 27px;display:flex;position:fixed;right:0}.desk-footer .btn{min-height:35px;padding:8px 12px;font-size:10px}.desk-footer .helper{font-size:9px}@media (width>=1500px){.content{padding:40px 48px 70px}.hero-panel{min-height:342px}.hero-text h2{font-size:31px}.hero-text{padding-left:34px}.task-preview{height:180px}.task-preview .robot-scene{height:220px}.hero-visual .robot-scene{min-width:430px}.desk-grid{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)}}@media (width<=1180px){:root{--sidebar:208px}.sidebar{padding:25px 15px}.brand>span{font-size:18px}.topbar{padding:0 25px}.content{padding:28px 25px 50px}.overview-grid{grid-template-columns:1.65fr 1fr;gap:17px}.hero-text{width:63%;padding-left:23px}.hero-text h2{font-size:23px}.hero-text p{max-width:230px;font-size:10px}.journey-panel{padding:20px 17px 0}.journey-step{gap:9px}.journey-step strong{font-size:11px}.journey-step small{font-size:8px}.step-number{font-size:17px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-preview{height:170px}.metrics{gap:12px}.metric{padding:17px}.metric small{font-size:9px}.learning-layout{grid-template-columns:250px 1fr}.desk-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:15px}.annotation-desk{padding:18px 18px 100px}.framecode,.desk-footer .helper{display:none}.editor-tabs{gap:13px;padding:0 12px}.editor-body{padding:16px}.toolbar{flex-wrap:wrap}}@media (width<=900px){:root{--sidebar:180px}.sidebar{padding:23px 12px}.sidebar .brand{gap:7px;margin:0 5px 25px}.brand-icon{border-radius:8px;width:32px;height:32px}.brand>span{font-size:16px}.brand small{font-size:6px}.workspace-label{padding:11px 8px;font-size:10px}.mini-tag{display:none}nav button{padding:11px 12px;font-size:11px}.support-card{padding:13px 10px}.support-card strong{font-size:10px}.support-card p{font-size:8px}.profile{gap:8px}.profile>svg{display:none}.profile small{max-width:95px;font-size:8px}.overview-grid{grid-template-columns:1fr}.hero-panel{min-height:290px}.hero-text{width:58%}.hero-text h2{font-size:27px}.journey-panel{padding-bottom:10px}.journey-step{padding:15px 0}.journey-step strong{font-size:12px}.journey-step small,.journey-footer{font-size:10px}.top-right>span:nth-last-child(2),.top-divider{display:none}.page-title h1{font-size:26px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{align-items:flex-start}.learning-layout{grid-template-columns:1fr}.lesson-list{padding:18px}.lesson-article{padding:25px}.desk-grid{grid-template-columns:1fr}.editor-column{margin-bottom:10px}.editor-tabs{gap:24px}.editor-tabs button{font-size:12px}.editor-body{padding:23px}.desk-header{flex-wrap:wrap}.desk-header>span.muted{margin-left:auto}.desk-student{display:none}.auth-story{padding:35px}.auth-copy h1{font-size:30px}.auth-copy p{font-size:11px}.auth-panel{padding:35px}.auth-form h2{font-size:23px}.auth-copy .robot-scene{height:220px}.auth-pills{gap:15px}.auth-pills>span{gap:4px;font-size:9px}.topbar{padding:0 20px}.content{padding:28px 20px 50px}.quiet-card{flex-wrap:wrap}.quiet-card .btn{margin-left:62px}.task-card h3{font-size:12px}.task-card-bottom{flex-wrap:wrap}}@media (width<=650px){:root{--sidebar:0px}.sidebar{border:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:18px;display:block;position:relative}.sidebar .brand{margin:0 0 18px}.brand>span{font-size:18px}.brand small{font-size:7px}.workspace-label,.nav-label,.support-card,.sidebar-bottom{display:none}.sidebar nav{scrollbar-width:none;flex-direction:row;gap:5px;overflow-x:auto}.sidebar nav button{white-space:nowrap;gap:6px;padding:10px 11px;font-size:11px}.sidebar nav button svg{width:15px}.sidebar nav button b{min-width:15px;height:15px;margin-left:0;font-size:8px}.topbar{height:49px;padding:0 18px}.top-right{font-size:9px}.top-right .icon-btn{width:25px;height:25px}.content{padding:26px 18px 45px}.page-title{flex-wrap:wrap;gap:12px;margin-bottom:22px}.page-title h1{font-size:25px}.page-title p{font-size:11px}.eyebrow{font-size:8px}.metric{padding:15px}.metric>div{font-size:11px}.metric strong{margin:8px 0;font-size:27px}.hero-panel{min-height:310px}.hero-text{width:67%;padding:25px 0 25px 23px}.hero-text h2{font-size:25px}.hero-text p{max-width:205px;font-size:10px}.hero-visual{opacity:.7;width:44%;right:-17px}.hero-visual .robot-scene{min-width:290px}.visual-tag{letter-spacing:.8px;font-size:5px;right:20px}.task-grid{grid-template-columns:1fr}.task-preview{height:190px}.task-preview .robot-scene{height:225px}.task-card h3{font-size:14px}.task-card p{font-size:11px}.task-card-bottom>span{font-size:10px}.task-card-bottom .text-btn{font-size:11px}.toolbar{gap:16px}.tabs{gap:15px}.tabs button{font-size:11px}.search{width:100%}.quiet-card{gap:13px;padding:20px}.quiet-card strong{font-size:12px}.quiet-card p{font-size:10px}.quiet-card .btn{margin-left:60px}.notice{gap:11px;padding:16px}.notice.compact{flex-wrap:wrap;font-size:10px}.learning-layout{gap:20px}.lesson-article{padding:23px}.lesson-article>h2{font-size:21px}.quiz{padding:17px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-head{padding:17px 20px}.modal-body{padding:20px}.form-grid.three{grid-template-columns:1fr}.form-grid{gap:13px}.form-actions{flex-wrap:wrap}.form-actions>.helper{width:100%;margin-bottom:7px}.annotation-desk{padding:17px 13px 110px}.desk-header{gap:9px}.desk-header h1{max-width:240px;font-size:14px}.desk-header .mono{font-size:8px}.desk-header-spacer{display:none}.phase-bar{padding:13px}.phase-bar .section-head,.phase-bar .section-head>span{font-size:8px}.phase-track{font-size:9px}.playback{gap:6px;padding:10px 8px 6px}.timecode{margin:0 3px;font-size:10px}.playback select{width:47px}.segment-list-head .helper{display:none}.segment-row-label>small{max-width:165px}.segment-row{gap:8px;padding:12px}.segment-row>.mono{font-size:8px}.timeline-panel{padding:15px 12px}.desk-footer{flex-wrap:wrap;gap:9px;padding:13px}.desk-footer .inline-actions{gap:8px}.desk-footer .btn{padding:8px 10px;font-size:10px}.review-feedback{flex-direction:column;gap:7px}.auth-page{grid-template-columns:1fr}.auth-story{min-height:0;padding:24px}.auth-story>.brand{margin-bottom:28px}.auth-copy{padding:0}.auth-copy h1{margin:14px 0;font-size:29px}.auth-copy>p,.auth-copy .robot-scene,.auth-pills,.auth-story>small{display:none}.auth-panel{min-height:520px;padding:42px 27px 75px}.auth-form{width:100%}.auth-form h2{font-size:25px}.auth-footer{font-size:8px;bottom:25px}.toast{width:max-content;max-width:94vw;font-size:11px;bottom:15px}.section-margin{margin-top:28px}.modal .inline-actions{flex-wrap:wrap}}.mobile-account{color:#7c8d65;text-overflow:ellipsis;white-space:nowrap;background:#eef2e6;border:1px solid #e3e9d8;border-radius:5px;max-width:80px;padding:4px 8px;font-size:10px;overflow:hidden}body{-webkit-font-smoothing:antialiased}.metric small,.hero-text p,.task-card p,.page-title p,.prose,.lesson-article section p{color:#7a876d}button:focus-visible{outline-offset:3px;outline:2px solid #728650}.auth-entry-link{color:#8c9c78;align-items:center;gap:7px;width:max-content;margin-top:12px;font-size:11px;text-decoration:none;display:flex}.submission-details{color:#9baa89;margin-top:16px;font-size:10px}.submission-details summary{cursor:pointer;color:#859c65}.submission-details>div{border-bottom:1px solid #eef2e7;padding:13px 0}.submission-details strong{font-size:10px;font-weight:500}.submission-details p{margin:6px 0!important;font-size:10px!important}