:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#171717;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6;--muted:#777;--line:#e5e5e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #171717;outline-offset:4px}button{transition:background .15s,color .15s}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.25}button svg{display:block}.site-shell{max-width:1440px;margin:auto;padding:0 64px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:22px;font-weight:600;display:flex;align-items:center;gap:12px;white-space:nowrap;letter-spacing:-.7px}.brand-mark{display:inline-flex;border:1px solid #171717;width:31px;height:31px;border-radius:50%;align-items:center;justify-content:center;font-size:16px;letter-spacing:-3px;padding-right:3px;line-height:1}.brand-mark span{transform:translateY(3px)}.brand-sub{font-size:12px;font-weight:400;letter-spacing:0;color:#777;margin-left:5px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.text-button{background:transparent;border:0;padding:8px 0;color:#171717}.text-button:hover{color:#777}.text-button span{margin-left:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;padding:88px 0 100px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin-bottom:24px}.hero h1{font-size:clamp(42px,4.8vw,66px);letter-spacing:-2.6px;line-height:1.18}.hero-description{font-size:17px;line-height:1.9;color:#666;margin-top:30px}.underlined-link{display:inline-flex;align-items:center;gap:26px;font-size:14px;border-bottom:1px solid #171717;padding:6px 0;margin-top:30px}.hero-tags{display:flex;gap:24px;color:#777;font-size:11px;margin-top:70px}.hero-tags span:before{content:"+";margin-right:8px;color:#333}.login-card{border-radius:22px;background:#f6f6f5;padding:36px 36px 30px;max-width:440px;width:100%;justify-self:end}.card-topline{font-size:9px;letter-spacing:1.8px;display:flex;gap:8px;align-items:center;margin-bottom:25px}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.login-card h2{font-size:25px;letter-spacing:-.6px;margin-bottom:9px}.muted{color:var(--muted)}.login-card>.muted{font-size:13px;margin-bottom:22px}.login-card label{display:block;font-size:12px;margin:17px 0 8px}.login-card input{width:100%;border:1px solid #dededd;border-radius:8px;padding:12px 14px;background:#fff;font-size:13px;min-height:46px;color:#171717}.login-card input::placeholder{color:#999}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;border-radius:999px;padding:12px 20px;font-size:13px;border:1px solid #171717;font-weight:500}.button span{font-size:17px;line-height:1}.primary{background:#171717;color:#fff}.primary:hover:not(:disabled){background:#3c3c3c}.secondary{background:transparent;color:#171717;border-color:#d3d3d3}.secondary:hover:not(:disabled){background:#eaeaea}.full{width:100%}.login-card form>.button{margin-top:24px}.or-divider{position:relative;text-align:center;margin:22px 0;color:#888;font-size:11px}.or-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #ddd}.or-divider span{position:relative;background:#f6f6f5;padding:0 14px}.privacy-note{color:#858585;font-size:10px;line-height:1.9;margin-top:22px}.notice{font-size:12px;line-height:1.8;border-left:2px solid #999;padding:8px 12px;background:#ededeb;margin:16px 0;border-radius:0 4px 4px 0}.how-section{border-top:1px solid var(--line);padding:60px 0 74px;scroll-margin-top:24px}.how-heading{margin-bottom:45px}.how-heading .eyebrow{margin-bottom:15px}.how-heading h2{font-size:32px;letter-spacing:-1px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.step-number{display:block;font-size:11px;color:#999;margin-bottom:26px}.steps-grid h3{font-size:18px;margin-bottom:14px}.steps-grid p{font-size:13px;color:#777;line-height:1.9;max-width:290px}.site-footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:27px 0 35px;font-size:11px}.site-footer>span:last-child{color:#999}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff3f0;border:1px solid #ebc9c1;color:#79372d;border-radius:8px;padding:12px 16px;margin-top:24px;font-size:13px}.error-banner button{background:transparent;border:0;color:inherit;font-size:22px;line-height:1;padding:4px}.workspace{padding:60px 0 55px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px}.workspace-heading .eyebrow{margin-bottom:15px}.workspace-heading h1{font-size:42px;letter-spacing:-1.8px}.session-badge{font-size:11px;display:flex;gap:8px;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.session-badge.demo{background:#f5f5f3}.demo-note{background:#f5f5f3;padding:12px 18px;border-radius:8px;font-size:12px;color:#777;margin-bottom:24px}.workspace-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.course-panel,.task-panel{border:1px solid var(--line);border-radius:16px;padding:28px;min-width:0}.task-panel{background:#f7f7f5;border-color:transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading h2{font-size:18px}.section-heading>span{font-size:10px;color:#777}.small{font-size:12px}.course-list{margin-top:25px}.course-item{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:20px 0;color:#171717}.course-item:first-child{border-top:1px solid var(--line)}.course-item:hover:not(:disabled),.course-item.selected{background:#f6f6f5;padding-left:12px;padding-right:12px}.course-item strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.course-item small{display:block;font-size:11px;color:#888;margin-top:7px}.course-arrow{font-size:19px}.start-confirm{background:#f6f6f5;border-radius:10px;padding:18px;margin-top:24px}.start-confirm h3{font-size:14px}.start-confirm p{font-size:11px;color:#777;margin:12px 0 18px}.button-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.help-note{color:#888;font-size:11px;margin-top:22px}.empty-state{color:#888;font-size:13px;padding:45px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.live-label{display:inline-flex;align-items:center;gap:7px}.task-empty{padding:60px 10px 70px;text-align:center}.empty-symbol{font-size:44px;font-weight:400;color:#aaa;margin-bottom:20px}.task-empty h3{font-size:21px;letter-spacing:-.5px}.task-empty p{font-size:12px;color:#888;margin-top:14px;line-height:1.9}.task-content{padding-top:28px}.task-content .eyebrow{font-size:9px;color:#888;margin-bottom:12px}.task-course{font-size:26px;letter-spacing:-.7px;overflow-wrap:anywhere}.chapter-title{font-size:12px;color:#888;margin-top:10px}.video-block{padding:25px 0 20px}.video-label{font-size:10px;display:block;color:#888;margin-bottom:7px}.video-block strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.progress-track{height:4px;border-radius:4px;background:#dededc;margin:22px 0 10px;overflow:hidden}.progress-track>span{display:block;background:#171717;height:100%;transition:width .4s}.progress-meta{font-size:10px;color:#888;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0;border-top:1px solid #dededc;border-bottom:1px solid #dededc}.stats-grid strong{display:block;font-size:26px;font-weight:500;line-height:1.3}.stats-grid span{font-size:10px;color:#888}.task-message{font-size:12px;color:#666;margin:20px 0;overflow-wrap:anywhere}.updated-at{font-size:9px;color:#999;margin-top:22px}.task-controls .text-button{font-size:12px}.workspace-footnote{font-size:11px;color:#888;margin-top:22px;line-height:1.8}@media(min-width:1440px){.hero{gap:130px}.hero h1{font-size:66px}}@media(max-width:1050px){.site-shell{padding:0 36px}.hero{gap:50px;padding:65px 0 75px}.hero h1{font-size:48px}.login-card{padding:28px}.brand-sub{display:none}.workspace-heading h1{font-size:35px}.workspace-grid{gap:18px}.course-panel,.task-panel{padding:22px}.steps-grid{gap:30px}}@media(max-width:720px){.site-shell{padding:0 22px}.site-header{height:78px;gap:14px}.brand{font-size:19px;gap:8px}.site-header nav{font-size:11px;gap:14px}.site-header nav .text-button{max-width:100px;text-align:right;line-height:1.5}.hero{grid-template-columns:1fr;gap:42px;padding:52px 0 55px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-description{font-size:15px;margin-top:22px}.eyebrow{margin-bottom:20px;font-size:9px}.hero-tags{margin-top:30px;gap:20px}.underlined-link{margin-top:23px;font-size:13px}.login-card{justify-self:stretch;max-width:none;padding:28px 24px;border-radius:16px}.how-section{padding:40px 0 45px}.how-heading{margin-bottom:32px}.how-heading h2{font-size:26px}.steps-grid{grid-template-columns:1fr;gap:28px}.steps-grid article{display:grid;grid-template-columns:35px 1fr;gap:6px 10px}.step-number{grid-row:1 / 3;margin:3px 0 0}.steps-grid h3{font-size:16px;margin:0}.steps-grid p{max-width:none;font-size:12px}.site-footer{flex-direction:column;gap:9px;padding:24px 0;font-size:10px}.workspace{padding:40px 0}.workspace-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:25px}.workspace-heading h1{font-size:33px;letter-spacing:-1px}.workspace-grid{grid-template-columns:1fr}.course-panel,.task-panel{padding:22px}.task-empty{padding:40px 5px}.task-course{font-size:23px}.task-panel{min-height:300px}.task-content{padding-top:20px}.workspace-footnote{font-size:10px}.demo-note{font-size:11px}.button-row{gap:18px}.button,.error-banner{font-size:12px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.scan-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:#f7f7f5;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.scan-bar strong{font-weight:500;font-size:15px}.scan-bar p{font-size:12px;color:#777;margin:5px 0}.scan-bar span{font-size:11px;color:#777;font-variant-numeric:tabular-nums}.scan-bar .button{flex-shrink:0}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:28px;gap:20px}.overview-stats strong{display:block;font-size:29px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}.overview-stats strong small{font-size:15px;color:#999;font-weight:400}.overview-stats span{font-size:11px;color:#777;display:block;margin-top:5px}.scan-layout{grid-template-columns:minmax(200px,.85fr) minmax(320px,1.5fr) minmax(250px,1fr);gap:16px;align-items:start}.scan-layout .course-panel,.scan-layout .task-panel,.chapter-panel{padding:20px}.chapter-panel{border:1px solid var(--line);border-radius:16px;min-width:0}.scan-layout .section-heading h2{font-size:16px}.scan-layout .course-list{max-height:720px;overflow:auto;margin-top:20px}.scan-layout .course-item{padding:18px 4px}.scan-layout .course-item.selected{background:#f4f4f2;box-shadow:inset 2px 0 #171717;padding-left:12px}.course-counts{display:flex;gap:3px 10px;flex-wrap:wrap;font-size:10px;color:#777;margin-top:10px}.inline-error{color:#963e34!important}.browse-course-title{font-size:19px;line-height:1.5;margin-top:24px;overflow-wrap:anywhere}.chapter-overview{font-size:10px;color:#888;line-height:1.9;margin:10px 0 22px}.chapter-list{max-height:620px;overflow:auto}.chapter-row{border-top:1px solid var(--line)}.chapter-row:last-child{border-bottom:1px solid var(--line)}.chapter-row summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:15px 2px;font-size:12px;list-style:none}.chapter-row summary::-webkit-details-marker{display:none}.chapter-row summary>span:first-child{flex:1;overflow-wrap:anywhere}.chapter-row summary>span:first-child:before{content:"−";display:inline-block;width:18px;color:#888}.chapter-row:not([open]) summary>span:first-child:before{content:"+"}.chapter-row summary:focus-visible{outline:2px solid #171717;outline-offset:-2px}.state-pill{border-radius:20px;padding:3px 7px;background:#ededeb;color:#777;font-size:9px;white-space:nowrap;flex-shrink:0}.state-pill.done{background:#e9efea;color:#416348}.chapter-placeholder{font-size:11px;color:#999;padding:0 20px 16px}.task-row{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:11px 8px;text-align:left;color:#171717;border-radius:5px;margin-bottom:3px}.task-row:hover,.task-row.selected{background:#f3f3f1}.task-type{font-size:9px;color:#999;flex-shrink:0}.task-name{font-size:11px;flex:1;line-height:1.6;overflow-wrap:anywhere}.browse-start{margin-top:24px;font-size:11px}.scan-layout .start-confirm .button{padding:10px 14px;font-size:11px;min-height:40px;gap:12px}.scan-layout .start-confirm .button-row{gap:10px}.viewed-task{padding:24px 0;border-bottom:1px solid #dededc}.viewed-task .eyebrow{font-size:9px;color:#777;margin-bottom:10px;letter-spacing:1px}.viewed-task h3{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.detail-time{font-size:12px;color:#777;line-height:2.2;margin:18px 0;font-variant-numeric:tabular-nums}.scan-layout .task-course{font-size:21px}.scan-layout .stats-grid strong{font-size:24px}.scan-layout .stats-grid span{font-size:9px}.scan-layout .task-controls{gap:12px}.scan-layout .task-controls .button{padding:10px 14px;font-size:11px;gap:12px}.course-total-note{font-size:11px;line-height:1.9;color:#777;margin-top:16px}.scan-layout .task-empty{padding:42px 2px}.scan-layout .task-empty h3{font-size:16px}.scan-layout .task-empty p,.scan-layout .notice{font-size:11px}.scan-layout .updated-at{line-height:1.9}@media(min-width:1200px){.site-shell:has(.scan-layout){max-width:1600px;padding-left:40px;padding-right:40px}}@media(max-width:1150px){.scan-layout{grid-template-columns:minmax(190px,.8fr) minmax(320px,1.4fr)}.scan-layout .task-panel{grid-column:1 / -1}.scan-layout .task-content,.scan-layout .viewed-task{max-width:650px}.scan-layout .course-list{max-height:600px}}@media(max-width:720px){.scan-bar{padding:18px;align-items:flex-start;flex-direction:column;gap:14px}.scan-bar .button{min-height:38px;padding:9px 16px}.overview-stats{grid-template-columns:repeat(2,1fr);gap:20px 16px}.overview-stats strong{font-size:26px}.overview-stats span{font-size:10px}.scan-layout{grid-template-columns:1fr}.scan-layout .task-panel{grid-column:auto}.scan-layout .course-list{max-height:330px}.scan-layout .course-item{padding:15px 5px}.course-counts{font-size:11px}.chapter-list{max-height:none}.scan-layout .course-panel,.scan-layout .task-panel,.chapter-panel{padding:20px}.task-row{gap:7px;padding:11px 4px}.task-name{font-size:12px}.chapter-row summary{font-size:13px}.state-pill{font-size:9px}.scan-layout .task-content{max-width:none}.overview-stats{margin-bottom:20px}.scan-layout .task-controls .button{font-size:12px}.scan-layout .stats-grid span{font-size:10px}}
