@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#202321;background:#f7f4ed;font-synthesis:none;--ink: #202321;--muted: #7e837d;--line: #e7e2d8;--green: #2d5a45;--pale-green: #e7f0e8;--cream: #fffdf8;--coral: #d77d6b}*{box-sizing:border-box}body{margin:0;min-width:1080px;background:#f7f4ed}button,input{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:246px;min-height:100vh;padding:30px 18px 22px;border-right:1px solid var(--line);background:#f4f1e9;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 13px 32px;color:var(--green);font-weight:800;font-size:18px;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--green);color:#f5eecf;font-size:16px}.profile{display:flex;align-items:center;gap:10px;padding:10px 12px 24px;border-bottom:1px solid var(--line)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edc6a5;color:#6e4732;font-weight:800}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span:not(.online){margin-top:3px;color:var(--muted);font-size:10px}.online{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#72a87b;box-shadow:0 0 0 3px #d9eadc}.nav{padding:22px 0 28px;display:grid;gap:5px}.nav-item,.mini-link{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;color:#6d746d;background:transparent;border-radius:10px;text-align:left;font-size:12px}.nav-item.active{color:var(--green);background:#e7eee7;font-weight:700}.nav-item kbd{margin-left:auto;color:#a6aaa4;font:10px DM Mono}.count{margin-left:auto;padding:2px 6px;border-radius:9px;background:#e5e2d9;color:#92978f;font-size:10px}.sidebar-label,.section-kicker{color:#a0a49e;font:10px DM Mono;letter-spacing:.12em;text-transform:uppercase}.sidebar-label{padding:0 12px 12px}.lesson-list{display:grid;gap:3px}.lesson-link{position:relative;display:grid;grid-template-columns:8px 1fr;column-gap:9px;width:100%;padding:9px 11px;color:#757a74;background:transparent;border-radius:9px;text-align:left;font-size:11px;line-height:1.4}.lesson-link small{grid-column:2;color:#a7aaa4;font-size:9px;margin-top:3px}.lesson-link.selected{color:var(--ink);background:#fffaf1;box-shadow:inset 3px 0 var(--coral)}.lesson-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--coral)}.lesson-dot.sage{background:#7b9f83}.sidebar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.mini-link{padding:9px 12px}.mini-link.muted{color:#9a9e98;justify-content:space-between}.main{flex:1;min-width:0}.topbar{height:74px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f7f4edbf}.breadcrumb{display:flex;gap:10px;color:#9b9e98;font-size:11px}.breadcrumb strong{color:#4b514c;font-weight:600}.top-actions{display:flex;gap:14px;align-items:center}.icon-button{display:grid;place-items:center;width:32px;height:32px;color:#8c928b;background:transparent}.user-chip{padding:8px 12px;border:1px solid var(--line);border-radius:20px;color:#646a64;background:var(--cream);font-size:11px}.content{max-width:1280px;padding:42px 48px 70px;margin:0 auto}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:34px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--green);font:10px DM Mono;letter-spacing:.13em;text-transform:uppercase}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#7eb08b;box-shadow:0 0 0 4px #dcebdc}h1{max-width:700px;margin:12px 0 8px;color:#222822;font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-.055em}.hero-copy{margin:0;color:#858b84;font-size:13px}.record-button{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:12px;color:#fffdf8;background:var(--green);box-shadow:0 7px 20px #2d5a4524;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.record-button:hover{transform:translateY(-2px);background:#244a39}.record-button.recording{background:#bd5d50}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(330px,.76fr);gap:18px;align-items:start}.left-column,.right-column{display:grid;gap:18px}.card{border:1px solid var(--line);border-radius:18px;background:#fffdf8cc;box-shadow:0 8px 30px #3c372d09}.capture-card,.transcript-card,.summary-card,.material-card,.chat-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.card h2{margin:7px 0 0;font-size:16px;letter-spacing:-.03em}.more-button{padding:0;color:#a5a9a2;background:transparent}.sparkle{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--green);background:#e7f0e8}.player{padding:24px 0 15px}.waveform{height:64px;display:flex;align-items:center;gap:4px;overflow:hidden}.waveform i{display:block;flex:1;min-width:3px;border-radius:4px;background:#cadccf}.waveform i:nth-child(-n+18){background:#5d8b6b}.player-controls{display:flex;align-items:center;gap:12px}.play-button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--green)}.time-label{color:#536159;font:11px DM Mono}.time-label em{color:#a2a59f;font-style:normal}.progress{height:3px;flex:1;overflow:hidden;border-radius:5px;background:#e8e5dc}.progress span{display:block;height:100%;background:var(--green);border-radius:5px}.speed{color:#8e938c;background:transparent;font:10px DM Mono}.now-playing{display:flex;align-items:center;gap:10px;padding:12px;border-radius:11px;background:#f2f5ef}.speaker-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--green);background:#dcebdc}.now-playing strong,.now-playing span{display:block}.now-playing strong{color:#4c574e;font-size:11px}.now-playing span{margin-top:3px;color:#8e978c;font-size:10px}.live-badge{margin-left:auto;padding:4px 7px;border-radius:5px;color:#77977b!important;background:#e0eee0;font:9px DM Mono!important}.text-button{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #dfe5dc;border-radius:8px;color:var(--green);background:#f1f6ef;font-size:10px}.transcript-list{margin-top:18px;display:grid}.transcript-row{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:baseline;width:100%;padding:14px 8px;border-bottom:1px solid #efebe3;color:#6e756f;background:transparent;text-align:left;font-size:12px;line-height:1.65}.transcript-row:hover,.transcript-row.current{color:#344b3c;background:#f1f6ef}.timestamp{color:#9ba29a;font:10px DM Mono}.transcript-row.current .timestamp{color:var(--green)}.current-label{padding:3px 6px;border-radius:4px;color:#6c9675;background:#e0eee0;font-size:9px;white-space:nowrap}.load-more{display:flex;align-items:center;gap:5px;margin:16px auto 0;color:#929891;background:transparent;font-size:10px}.summary-text{margin:19px 0 15px;color:#606961;font-size:12px;line-height:1.8}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:5px 8px;border-radius:6px;color:#6c8a73;background:#eaf1e8;font-size:10px}.takeaway{display:flex;gap:9px;margin-top:21px;padding:13px;border-top:1px solid var(--line)}.check-circle{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--green);background:#e1eee1}.takeaway strong{color:#58645b;font-size:10px}.takeaway p{margin:4px 0 0;color:#899088;font-size:10px;line-height:1.5}.takeaway b{color:var(--green);font-family:DM Mono;font-weight:500}.upload-zone{display:flex;align-items:center;gap:11px;width:100%;margin-top:18px;padding:13px;border:1px dashed #ccd8ca;border-radius:12px;color:var(--green);background:#f4f8f1;text-align:left}.upload-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dfebdf}.upload-zone strong,.upload-zone small{display:block}.upload-zone strong{font-size:11px}.upload-zone small{margin-top:3px;color:#98a098;font-size:9px}.upload-arrow{margin-left:auto;color:#90a794}.material-item{display:flex;align-items:center;gap:9px;margin-top:12px}.file-icon{display:grid;place-items:center;width:28px;height:31px;border-radius:6px;color:#c77161;background:#fae6df;font:8px DM Mono}.material-item strong,.material-item small{display:block}.material-item strong{color:#667067;font-size:10px}.material-item small{margin-top:3px;color:#a2a69f;font-size:9px}.remove-material{margin-left:auto;color:#b4b8b1;background:transparent;font-size:18px}.ai-status{display:flex;align-items:center;gap:5px;color:#7a9b80;font-size:10px}.ai-status i{width:5px;height:5px;border-radius:50%;background:#80ae88}.chat-messages{max-height:180px;margin:16px -4px 12px;overflow:auto;display:grid;gap:10px}.chat-message{display:flex;gap:7px;align-items:flex-start}.chat-message.user{flex-direction:row-reverse}.chat-avatar{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:7px;color:var(--green);background:#e6efe5;font-size:10px}.chat-message.user .chat-avatar{color:#785240;background:#f0dccb}.chat-message p{max-width:85%;margin:0;padding:8px 10px;border-radius:9px 9px 9px 2px;color:#687169;background:#f3f2ec;font-size:10px;line-height:1.6}.chat-message.user p{border-radius:9px 9px 2px;color:#536157;background:#e7f0e8}.chat-form{display:flex;gap:7px;padding:5px 5px 5px 10px;border:1px solid var(--line);border-radius:10px;background:#fffdf9}.chat-form input{min-width:0;flex:1;border:0;outline:0;color:#566058;background:transparent;font-size:10px}.chat-form input::placeholder{color:#b2b4ad}.chat-form button{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;color:#fff;background:var(--green)}.toast{position:fixed;right:28px;bottom:25px;padding:11px 15px;border:1px solid #d9e3d7;border-radius:10px;color:#54705b;background:#eef6ec;box-shadow:0 10px 30px #2d5a451f;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.new-badge{margin-left:auto;padding:3px 5px;border-radius:4px;color:#c27b5f;background:#f7e4da;font:8px DM Mono}.course-side-intro{padding:18px 12px 28px;border-bottom:1px solid var(--line)}.course-side-intro h2{margin:12px 0 8px;font-size:18px;line-height:1.3;letter-spacing:-.05em}.course-side-intro p{margin:0;color:#8c928b;font-size:11px;line-height:1.7}.course-steps{display:grid;gap:3px;padding:28px 0}.course-step{display:flex;gap:10px;align-items:center;padding:10px 12px;color:#989e96}.course-step>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d9dcd4;border-radius:50%;font:10px DM Mono}.course-step strong,.course-step small{display:block}.course-step strong{font-size:11px}.course-step small{margin-top:3px;font-size:9px}.course-step.active{color:var(--green);background:#e7eee7;border-radius:10px}.course-step.active>span,.course-step.done>span{border-color:var(--green);color:#fff;background:var(--green)}.back-dashboard{margin-top:auto;padding:10px 12px;color:#80877f;background:transparent;text-align:left;font-size:11px}.tiny-note{color:#a2a79f;font-size:10px}.course-content{max-width:1180px}.course-hero{padding:18px 0 38px}.course-hero h1{max-width:760px;margin:14px 0 13px;font-size:clamp(34px,4vw,58px)}.course-hero h1 em{color:var(--green);font-style:normal}.course-hero p{margin:0;color:#858b84;font-size:14px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.7fr);gap:18px}.builder-card,.preview-card{padding:28px}.step-count{color:#b1b5ae;font:11px DM Mono}.source-tabs{display:flex;gap:5px;margin:25px 0 13px;padding:4px;border-radius:9px;background:#f0eee6}.source-tab{flex:1;padding:9px 10px;border-radius:6px;color:#979d96;background:transparent;font-size:11px}.source-tab.active{color:var(--green);background:#fffdf8;box-shadow:0 2px 8px #4b514c10;font-weight:700}.input-wrap{border:1px solid #deded6;border-radius:13px;background:#fffdf8}textarea{display:block;width:100%;padding:15px;resize:vertical;border:0;outline:0;color:#4f5c52;background:transparent;font:13px/1.75 Manrope,Noto Sans SC,sans-serif}textarea::placeholder{color:#b7bab2}.input-meta{display:flex;justify-content:space-between;padding:0 15px 12px;color:#a8aca5;font-size:9px}.generate-button{display:flex;align-items:center;gap:9px;width:100%;margin-top:16px;padding:14px 17px;border-radius:11px;color:#fff;background:var(--green);font-size:12px;font-weight:700}.generate-button span{margin-left:auto;font-size:17px}.preview-card{display:flex;flex-direction:column;justify-content:center;min-height:350px;background:#f0f5ed}.preview-orbit{position:relative;display:grid;place-items:center;width:110px;height:110px;margin:0 auto 28px;border:1px dashed #9ab5a0;border-radius:50%}.preview-core{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;color:#f7f1d8;background:var(--green);box-shadow:0 9px 25px #2d5a4530}.orbit-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d98b76}.orbit-dot.one{top:3px;right:16px}.orbit-dot.two{bottom:13px;left:7px;background:#8aaa8d}.preview-list{display:grid;gap:17px;margin-top:18px}.preview-list>div{display:flex;gap:12px}.preview-list>div>span{color:#97a999;font:10px DM Mono}.preview-list p{margin:0}.preview-list strong,.preview-list small{display:block}.preview-list strong{color:#4e6453;font-size:11px}.preview-list small{margin-top:4px;color:#96a197;font-size:10px}.builder-footnote{margin-top:15px;color:#a4a9a1;font-size:10px}.generated-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 0 30px}.generated-head h1{margin:12px 0 8px;font-size:33px}.generated-head p{margin:0;color:#858c84;font-size:12px}.outline-button{padding:10px 13px;border:1px solid #d6ddd3;border-radius:8px;color:var(--green);background:transparent;font-size:11px}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.course-main,.course-aside{display:grid;gap:18px}.lesson-player-card{padding:22px}.lesson-player-top{display:flex;align-items:start;justify-content:space-between}.lesson-player-top h2{margin-top:8px;font-size:19px}.voice-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d3e0d2;border-radius:9px;color:var(--green);background:#eef6ed;font-size:10px}.voice-button.speaking{color:#b96152;background:#fff0ea;border-color:#f1d4c7}.board{position:relative;min-height:278px;margin:21px 0 16px;overflow:hidden;border-radius:10px;color:#eef2df;background:#264d3b;box-shadow:inset 0 0 45px #173529}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:linear-gradient(#b6cfb4 1px,transparent 1px),linear-gradient(90deg,#b6cfb4 1px,transparent 1px);background-size:30px 30px}.board-title{position:absolute;top:48px;left:56px;font:700 26px Noto Sans SC;letter-spacing:-.05em}.board-line{position:absolute;height:2px;background:#a9c5a1;opacity:.75;transform:rotate(-2deg)}.line-a{top:100px;left:58px;width:210px}.line-b{top:180px;left:290px;width:210px;transform:rotate(2deg)}.board-pill{position:absolute;padding:8px 11px;border:1px solid #b7d1aa;border-radius:7px;color:#e5efd8;font-size:12px}.pill-a{top:127px;left:62px}.pill-b{top:127px;left:310px}.board-arrow{position:absolute;top:130px;left:278px;color:#dfc786;font-size:28px}.board-note{position:absolute;bottom:40px;left:63px;color:#f2d687;font:700 19px Noto Sans SC;transform:rotate(-2deg)}.board-note small{color:#bed0b7;font:11px Noto Sans SC}.board-stamp{position:absolute;right:25px;bottom:19px;color:#98b794;font:9px DM Mono;letter-spacing:.16em}.course-controls{padding-top:3px}.captions{margin-left:auto;color:#7f9d84;font:10px DM Mono}.module-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module{min-height:74px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fffdf8;text-align:left}.module.active{border-color:#a9c2aa;background:#eff6ed}.module span,.module strong,.module small{display:block}.module span{color:#91a997;font:9px DM Mono}.module strong{margin-top:7px;color:#5a665d;font-size:11px}.module small{margin-top:4px;color:#9fa49d;font-size:9px}.course-transcript{padding:21px}.auto-caption{padding:5px 7px;border-radius:5px;color:#74937a;background:#e6f0e5;font-size:9px}.teacher-line{display:flex;gap:9px;align-items:flex-start;margin-top:17px;padding:12px;border-radius:10px;background:#eef5ec}.teacher-line p{flex:1;margin:0;color:#5d6b60;font-size:11px;line-height:1.7}.teacher-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;color:#fff;background:var(--green);font-size:10px}.replay-line{display:grid;place-items:center;width:24px;height:24px;color:var(--green);background:transparent}.muted-line{background:#f5f3ed}.muted-line .teacher-avatar{color:#799480;background:#e3eee2}.source-card,.course-chat,.video-card{padding:20px}.source-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#6f9878;background:#e4f0e3}.source-card>p{margin:17px 0 11px;color:#7f887f;font-size:10px;line-height:1.7}.small-link{padding:0;color:var(--green);background:transparent;font-size:10px}.video-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:132px;overflow:hidden;border-radius:11px;color:#fff;background:linear-gradient(135deg,#345f4a,#a3b99c)}.video-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.15;background-image:linear-gradient(45deg,#fff 1px,transparent 1px);background-size:12px 12px}.video-play{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff35}.video-label,.video-duration{position:absolute;top:10px;left:11px;font-size:9px}.video-duration{right:11px;left:auto;color:#e0ebdc}.video-copy{padding-top:14px}.video-copy strong{color:#58665b;font-size:11px}.video-copy p{margin:5px 0 10px;color:#9ba29a;font-size:9px;line-height:1.6}.video-copy button{padding:0;color:var(--green);background:transparent;font-size:10px}@media(max-width:1150px){.content,.topbar{padding-left:30px;padding-right:30px}}@media(max-width:980px){body{min-width:0}.sidebar{width:205px}.builder-grid,.course-layout{grid-template-columns:1fr}.course-aside{grid-template-columns:1fr 1fr}.video-card{grid-column:span 2}}