:root{--ink:#27332b;--sage:#6f816c;--mist:#eef1eb;--sand:#f7f3eb;--gold:#b58a48;--line:#d9dfd5}*{box-sizing:border-box}body{color:var(--ink);background:#fbfaf7;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{background:#fbfaf7;border-bottom:1px solid #e6e8e2;justify-content:space-between;align-items:center;height:78px;padding:0 max(5vw,28px);display:flex}.logo{letter-spacing:-1.5px;font-size:24px;font-weight:700}.logo span{color:var(--sage)}.logo small{letter-spacing:0;font-size:12px}nav{align-items:center;gap:22px;font-size:14px;display:flex}.btn{background:var(--sage);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px 22px;font-weight:700;display:inline-block}.btn.small{padding:10px 17px}.btn.secondary{border:1px solid var(--sage);color:var(--sage);background:0 0}.btn.danger{background:#9d4d49}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:11px;font-weight:700}.hero{background:linear-gradient(120deg,#f7f4ec 40%,#dfe7dd);flex-direction:column;justify-content:center;min-height:530px;padding:110px 10vw;display:flex}.hero h1,.intro h2,.authPage h1,.memberTop h1,.lessonPage h1,.adminTop h1{margin:15px 0;font-family:Georgia,serif;font-size:clamp(43px,6vw,74px);font-weight:400;line-height:1.04}.hero h1 em{color:var(--sage)}.hero p{max-width:560px;font-size:18px;line-height:1.7}.heroActions{align-items:center;gap:24px;margin-top:22px;display:flex}.textLink{color:var(--sage);cursor:pointer;background:0 0;border:0;font-weight:700}.featureGrid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;max-width:1120px;margin:-44px auto 0;display:grid;position:relative}.featureGrid article{background:#fff;padding:30px}.featureGrid b{margin-bottom:8px;font-family:Georgia,serif;font-size:25px;display:block}.featureGrid span{color:#667068;font-size:14px}.intro{text-align:center;max-width:760px;margin:110px auto;padding:0 24px}.intro h2{font-size:45px}.intro p,.courseLead{color:#5b675e;font-size:17px;line-height:1.7}.authPage{place-items:center;min-height:calc(100vh - 140px);padding:50px 20px;display:grid}.authPage section{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(460px,100%);padding:42px}.authPage h1{font-size:48px}.authForm{gap:17px;margin:28px 0;display:grid}.authForm label,.adminForm label{gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea,select{width:100%;font:inherit;background:#fff;border:1px solid #ccd4ca;border-radius:8px;padding:12px}.formMessage{color:#8f4b45;font-size:14px}.memberPage,.lessonPage,.adminShell{max-width:1120px;min-height:calc(100vh - 140px);margin:auto;padding:64px 24px}.memberTop,.adminTop{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:38px;display:flex}.memberTop h1,.adminTop h1,.lessonPage h1{font-size:52px}.memberLinks{align-items:center;gap:14px;display:flex}.courseGrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;display:grid}.courseCard{background:#e7eee5;border-radius:14px;flex-direction:column;min-height:215px;padding:28px;display:flex}.courseCard:nth-child(2n){background:#f3eadc}.courseCard span,.courseCard small{letter-spacing:1.4px;color:#637065;font-size:11px}.courseCard h2{margin:18px 0 8px;font-family:Georgia,serif;font-size:28px;font-weight:400}.courseCard p{margin:0;font-size:14px;line-height:1.5}.courseCard small{margin-top:auto;padding-top:18px}.empty{background:var(--mist);border-radius:14px;grid-column:1/-1;padding:35px}.back{color:var(--sage);margin-bottom:35px;font-weight:700;display:inline-block}.lessonPage{max-width:850px}.lessonList{border-top:1px solid var(--line);margin-top:38px}.lessonRow{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:20px 4px;display:grid}.lessonRow>b{background:var(--mist);width:30px;height:30px;color:var(--sage);border-radius:50%;place-items:center;display:grid}.lessonRow h2{margin:0 0 6px;font-size:18px}.lessonRow p{color:#687269;margin:0;font-size:14px}.lessonRow>span{color:var(--sage);font-size:13px}.mediaPanel{background:var(--mist);border-radius:14px;margin-top:35px;padding:27px}.mediaPanel h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.mediaPanel audio,.mediaPanel video{width:100%;margin:10px 0 28px}.documentLink{border:1px solid var(--line);color:var(--sage);background:#fff;border-radius:8px;padding:14px;font-weight:700;display:inline-block}.adminShell{max-width:1200px}.adminTop h1{margin-bottom:7px}.adminTop p{color:#617068}.adminCard{border:1px solid var(--line);background:#fff;border-radius:14px;margin:22px 0;padding:28px}.adminCard h2{margin-top:0;font-family:Georgia,serif;font-weight:400}.adminForm{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.adminForm .wide{grid-column:1/-1}.adminForm .btn{justify-self:start}.adminCheck{align-items:center;gap:8px!important;display:flex!important}.adminCheck input{width:auto}.adminNotice{border-radius:8px;margin-bottom:18px;padding:14px 18px}.adminNotice.success{color:#41633e;background:#e7f2e4}.adminNotice.error{color:#8b3e38;background:#fae7e3}.adminManageCourse,.adminEditLesson{border-top:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;padding:18px 0;display:flex}.adminManageBody{padding-bottom:18px}.adminEditLessons{margin-top:30px}.adminEditLesson form{padding:0 0 20px}.adminDangerForm{margin-top:18px}.adminHint{color:#667068}@media (max-width:700px){header{height:70px;padding:0 18px}nav>a:not(.btn){display:none}.hero{min-height:470px;padding:78px 24px}.featureGrid{grid-template-columns:1fr;margin:0}.intro{margin:70px auto}.memberTop,.adminTop{display:block}.memberLinks{margin-top:20px}.adminForm{grid-template-columns:1fr}.lessonRow{grid-template-columns:34px 1fr}.lessonRow>span{display:none}.adminTop h1,.memberTop h1,.lessonPage h1{font-size:42px}footer{padding:25px 18px!important}}footer{color:#dce4da;text-align:center;background:#26342b;padding:35px 5vw;font-size:13px}.appShell{color:#223129;background:#f4f3ee;grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.appSidebar{color:#f4f6f1;background:#1f3429;border-right:1px solid #ffffff12;flex-direction:column;height:100vh;padding:30px 22px 24px;display:flex;position:sticky;top:0}.appLogo{letter-spacing:-1.2px;color:#fff;margin:4px 10px 42px;font-size:21px;font-weight:700;display:block}.appLogo span{color:#a7b59e}.appNav{flex-direction:column;gap:7px;display:flex}.appNavItem{color:#cbd4cc;border-radius:10px;align-items:center;gap:13px;min-height:46px;padding:0 14px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.appNavItem:hover{color:#fff;background:#ffffff0f}.appNavItem.active{color:#24362c;background:#f2eee5}.navIcon{justify-content:center;width:22px;font-size:17px;display:inline-flex}.sidebarBottom{border-top:1px solid #ffffff17;gap:5px;margin-top:auto;padding:18px 8px 0;display:grid}.adminLink,.logoutButton{color:#bfc9c0;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 8px;font-size:13px;display:block}.adminLink:hover,.logoutButton:hover{color:#fff}.appContent{background:#f5f3ee;min-width:0}.appTopbar{background:#faf9f6f0;border-bottom:1px solid #dedfd8;justify-content:space-between;align-items:center;gap:24px;height:92px;padding:0 46px;display:flex}.appTopbar h1{letter-spacing:-.4px;margin:2px 0 0;font-family:Arial,sans-serif;font-size:23px;font-weight:700}.appTopbarLabel{color:#8b7657;letter-spacing:1.8px;margin:0;font-size:10px;font-weight:800}.topbarProfile{align-items:center;gap:11px;display:flex}.profileAvatar{color:#2d4938;background:#dfe6dc;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.topbarProfile div:last-child{gap:2px;display:grid}.topbarProfile strong{font-size:13px}.topbarProfile span{color:#788078;font-size:11px}.dashboard{max-width:1280px;margin:0 auto;padding:38px 44px 70px}.dashboardHero{background:radial-gradient(circle at 83% 16%,#bfcab761,#0000 34%),linear-gradient(135deg,#faf8f3,#ecefe7);border:1px solid #dcded7;border-radius:18px;justify-content:space-between;align-items:flex-end;gap:40px;padding:38px 40px;display:flex}.dashboardEyebrow,.sectionEyebrow,.courseType{letter-spacing:1.7px;color:#9a7950;font-size:10px;font-weight:800}.dashboardHero h2{letter-spacing:-1px;margin:10px 0 14px;font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.04}.dashboardHeroCopy p{color:#637068;max-width:610px;margin:0;font-size:15px;line-height:1.65}.todayStats{border-left:1px solid #d0d6cd;grid-template-columns:repeat(3,1fr);min-width:390px;display:grid}.todayStats div{padding:8px 20px}.todayStats strong{font-family:Georgia,serif;font-size:25px;font-weight:400;display:block}.todayStats span{color:#728076;margin-top:3px;font-size:11px;display:block}.continueSection,.quickSection,.coursesSection{margin-top:42px}.sectionTitleRow{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.sectionTitleRow h2{margin:6px 0 0;font-family:Georgia,serif;font-size:30px;font-weight:400}.courseCount{color:#758078;font-size:12px}.continueCard{background:#fff;border:1px solid #dcdfd8;border-radius:16px;grid-template-columns:240px minmax(0,1fr);transition:all .18s;display:grid;overflow:hidden}.continueCard:hover{transform:translateY(-2px);box-shadow:0 14px 35px #27332b14}.continueVisual{background:linear-gradient(#21322829,#21322829),linear-gradient(135deg,#8ea089,#c6cdbd);place-items:center;min-height:205px;display:grid}.playCircle{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff2e;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:62px;height:62px;padding-left:4px;font-size:18px;display:grid}.continueInfo{flex-direction:column;padding:30px 34px;display:flex}.continueInfo h3{margin:9px 0 8px;font-family:Georgia,serif;font-size:29px;font-weight:400}.continueInfo p{color:#68736b;max-width:620px;margin:0;font-size:14px;line-height:1.6}.continueMeta{color:#758078;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:24px;font-size:12px;display:flex}.continueAction{color:#31533e;font-weight:800}.quickGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quickCard{background:#faf9f6;border:1px solid #dfe1da;border-radius:14px;align-items:center;gap:18px;min-height:142px;padding:24px;transition:all .18s;display:flex}.quickCard:hover{background:#fff;transform:translateY(-2px)}.quickTime{color:#35543f;background:#e2e8df;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-family:Georgia,serif;font-size:24px;display:grid}.quickCard h3{margin:0 0 7px;font-family:Georgia,serif;font-size:20px;font-weight:400}.quickCard p{color:#737c75;margin:0;font-size:12px;line-height:1.45}.aiGuideCard{color:#f6f7f3;background:#21392d;border-radius:16px;grid-template-columns:64px minmax(0,1fr);gap:24px;margin-top:42px;padding:30px;display:grid}.aiBadge{color:#294535;letter-spacing:1px;background:#dfe6da;border-radius:14px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.aiGuideCopy h2{margin:7px 0 8px;font-family:Georgia,serif;font-size:29px;font-weight:400}.aiGuideCopy p{color:#c9d1ca;max-width:720px;margin:0;font-size:13px;line-height:1.6}.aiPrompt{background:#ffffff0f;border:1px solid #ffffff21;border-radius:10px;align-items:center;gap:10px;max-width:760px;margin-top:20px;padding:7px 7px 7px 15px;display:flex}.aiPrompt span{color:#cbd3cc;flex:1;font-size:12px}.aiPrompt button{color:#2a3c31;background:#f0eee7;border:0;border-radius:8px;padding:11px 18px;font-weight:800}.aiGuideCopy small{color:#98a49b;margin-top:10px;font-size:10px;display:block}.appCourseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.appCourseCard{background:#fff;border:1px solid #dcdfd9;border-radius:14px;transition:all .18s;overflow:hidden}.appCourseCard:hover{transform:translateY(-3px);box-shadow:0 16px 35px #28332c14}.courseArtwork{background:#cad5c7;justify-content:flex-end;align-items:flex-start;height:140px;padding:15px;display:flex}.courseArtwork span{color:#34463a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.artwork1{background:linear-gradient(135deg,#879b84,#d3d6c9)}.artwork2{background:linear-gradient(135deg,#b8a993,#e5dfd0)}.artwork3{background:linear-gradient(135deg,#8ea69c,#d9e0da)}.artwork4{background:linear-gradient(135deg,#9d927e,#d8ccb8)}.courseCardBody{padding:22px}.courseCardBody h3{margin:8px 0 7px;font-family:Georgia,serif;font-size:22px;font-weight:400}.courseCardBody p{color:#6e786f;min-height:42px;margin:0;font-size:12px;line-height:1.48}.courseCardFooter{color:#345640;border-top:1px solid #eceee9;justify-content:space-between;margin-top:22px;padding-top:15px;font-size:12px;font-weight:800;display:flex}.emptyDashboard{background:#faf9f6;border:1px dashed #cfd5cc;border-radius:14px;gap:18px;padding:28px;display:flex}.emptyIcon{background:#e4e9e1;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.emptyDashboard h3{margin:0 0 6px;font-size:17px}.emptyDashboard p{color:#717a72;margin:0;font-size:13px}.appShell+footer{display:none}@media (max-width:1050px){.appShell{grid-template-columns:210px minmax(0,1fr)}.dashboard{padding:30px}.appTopbar{padding:0 30px}.dashboardHero{display:block}.todayStats{border-top:1px solid #d0d6cd;border-left:0;min-width:0;margin-top:30px;padding-top:20px}.appCourseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.appShell{display:block}.appSidebar{width:100%;height:auto;padding:16px 18px;display:block;position:relative}.appLogo{margin:0 0 15px}.appNav{flex-direction:row;padding-bottom:3px;overflow-x:auto}.appNavItem{white-space:nowrap}.sidebarBottom{display:none}.appTopbar{height:auto;padding:20px}.topbarProfile{display:none}.dashboard{padding:22px 18px 45px}.dashboardHero{padding:26px}.dashboardHero h2{font-size:36px}.todayStats{grid-template-columns:1fr 1fr 1fr}.todayStats div{padding:8px}.continueCard{grid-template-columns:1fr}.continueVisual{min-height:170px}.quickGrid,.appCourseGrid,.aiGuideCard{grid-template-columns:1fr}}@media (max-width:500px){.todayStats{grid-template-columns:1fr}.todayStats div{border-bottom:1px solid #d7dbd3;padding:12px 0}.continueInfo{padding:24px}.sectionTitleRow{align-items:flex-start}.courseCount{display:none}}body:has(.appShell)>header{display:none}body:has(.appShell)>footer{display:none}body:has(.appShell){background:#f5f3ee}.dashboard{padding-top:28px}.dashboardHero{min-height:210px;padding:30px 36px}.dashboardHero h2{font-size:clamp(30px,3.2vw,46px)}.continueSection{margin-top:32px}.appTopbar{height:78px}.adminCoverPreview{border:1px solid var(--line);background:#f7f6f1;border-radius:12px;margin:8px 0 24px;padding:18px}.adminCoverPreview img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:min(420px,100%);margin-top:12px;display:block}
