@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#24211d;--muted:#777166;--cream:#f5f0e6;--paper:#fffdf8;--orange:#ce6532;--orange-soft:#f4dac8;--green:#486b56;--green-soft:#dce8df;--line:#dfd6c8;--shadow:0 18px 50px rgba(76,54,31,.1);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 88% -8%,#f5c992 0,transparent 32%),linear-gradient(180deg,#faf6ee 0,var(--cream) 55%);font-family:'DM Sans',sans-serif;min-height:100vh}.topbar{max-width:1180px;margin:auto;padding:28px 28px 22px;display:flex;align-items:end;justify-content:space-between;gap:28px}.brand h1,.section-heading h2,.hero-card h2,.lesson-header h2{font-family:'Playfair Display',serif}.brand h1{font-size:clamp(34px,6vw,66px);line-height:.95;margin:5px 0 8px}.brand p{margin:0;color:var(--muted);max-width:660px}.eyebrow{display:block;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.17em}.top-progress{width:230px;color:var(--muted);font-size:13px}.progress-track{height:8px;background:#e4dbcf;border-radius:99px;overflow:hidden;margin-top:9px}.progress-track i{display:block;height:100%;width:0;background:var(--orange);border-radius:inherit;transition:width .35s}.shell{max-width:1180px;margin:0 auto;padding:10px 28px calc(110px + var(--safe-bottom))}.view{display:none;animation:reveal .28s ease both}.view.active{display:block}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hero-card{position:relative;overflow:hidden;border-radius:28px;padding:clamp(28px,6vw,66px);min-height:340px;background:linear-gradient(125deg,rgba(35,48,37,.97),rgba(62,87,68,.92)),repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.03) 12px 13px);color:white;box-shadow:var(--shadow)}.hero-card:after{content:'✦';position:absolute;right:7%;top:4%;font-family:'Playfair Display',serif;font-size:220px;color:rgba(255,255,255,.05);transform:rotate(12deg)}.hero-card h2{font-size:clamp(38px,7vw,76px);line-height:.98;max-width:720px;margin:12px 0 18px}.hero-card p{max-width:600px;line-height:1.65;color:#e9eee9;font-size:17px}.hero-card .primary{margin-top:18px}.primary,.secondary,.ghost,.back{border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(206,101,50,.22)}.primary:hover{background:#bb5829}.secondary{background:var(--green-soft);color:var(--green)}.ghost,.back{background:transparent;color:var(--muted);padding-inline:4px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 17px}.section-heading h2{margin:5px 0 0;font-size:clamp(30px,5vw,48px)}.muted,.hint{color:var(--muted)}.hint{line-height:1.55}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.overview-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;min-height:150px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);font:inherit;cursor:pointer;box-shadow:0 8px 22px rgba(76,54,31,.04)}.overview-card:hover{border-color:#c8b49d;transform:translateY(-2px)}.overview-card strong{font-size:17px}.overview-card i{position:absolute;bottom:0;left:0;height:4px;background:var(--green)}.module-number{font-family:'Playfair Display',serif;font-size:24px;color:var(--orange)}.continue-card{margin-top:20px}.continue-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px;background:var(--orange-soft);border-radius:18px}.continue-inner h3{font-family:'Playfair Display',serif;font-size:25px;margin:5px 0}.continue-inner p{margin:0;color:#6e5141}.lesson-map{display:grid;gap:13px}.module-block{border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}.module-block summary{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:19px 21px;cursor:pointer;list-style:none}.module-block summary::-webkit-details-marker{display:none}.module-block[open] summary{border-bottom:1px solid var(--line)}.module-lessons{padding:7px}.lesson-row{width:100%;display:grid;grid-template-columns:30px 28px 1fr 20px;align-items:center;gap:10px;padding:13px 12px;border:0;border-radius:12px;background:transparent;text-align:left;font:inherit;cursor:pointer}.lesson-row:hover{background:#f2eadf}.lesson-check{width:24px;height:24px;border:1px solid #b8ac9e;border-radius:50%;display:grid;place-items:center;color:#fff}.lesson-row.done .lesson-check{background:var(--green);border-color:var(--green)}.lesson-index{color:var(--orange);font-weight:700}.lesson-copy{display:flex;flex-direction:column;gap:4px}.lesson-copy small{color:var(--muted)}.arrow{font-size:24px;color:var(--muted)}.back{margin-bottom:15px}.lesson-header{padding:28px 0 24px;border-bottom:1px solid var(--line)}.lesson-header h2{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:8px 0 12px;max-width:900px}.lesson-intro{max-width:760px;color:var(--muted);line-height:1.65}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.lesson-assets{display:grid;gap:20px;margin-top:24px}.asset-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 10px 35px rgba(76,54,31,.055)}.asset-card-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.asset-card h3{font-family:'Playfair Display',serif;font-size:25px;margin:5px 0 0}.asset-kind{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.text-link{color:var(--orange);text-decoration:none;font-size:13px}.lesson-media,.lesson-audio{width:100%;display:block;margin-top:18px;border-radius:14px;background:#181714}.lesson-media{max-height:590px}.lesson-pdf{width:100%;height:680px;border:1px solid var(--line);border-radius:14px;margin-top:18px}.asset-tabs{display:flex;gap:7px;margin-top:18px;border-bottom:1px solid var(--line);overflow-x:auto}.asset-tab{border:0;background:transparent;padding:10px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap}.asset-tab.active{color:var(--ink);border-bottom:2px solid var(--orange)}.asset-pane{display:none;white-space:pre-wrap;line-height:1.7;color:#49443d;padding:18px 4px 3px;max-height:620px;overflow:auto}.asset-pane.active{display:block}.search-form{display:flex;gap:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.search-form input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px}.search-results{display:grid;gap:12px;margin-top:22px}.search-result{display:block;width:100%;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-align:left;font:inherit;cursor:pointer}.search-result:hover{border-color:#c5b097;box-shadow:0 8px 28px rgba(76,54,31,.07)}.search-result strong,.search-result small,.result-type{display:block}.search-result strong{font-family:'Playfair Display',serif;font-size:22px;margin:6px 0}.search-result p{line-height:1.55;color:#4f4941}.search-result small{color:var(--muted);line-height:1.45}.result-type{font-size:11px;text-transform:uppercase;color:var(--orange);letter-spacing:.08em}.chat-body{height:min(58vh,650px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,248,.78);display:flex;flex-direction:column;gap:14px}.chat-message{max-width:82%;padding:14px 16px;border-radius:16px;line-height:1.6}.chat-message.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}.chat-message.assistant{align-self:flex-start;background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:5px}.chat-role{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:5px}.chat-content{white-space:pre-wrap}.chat-content a{color:var(--orange);overflow-wrap:anywhere}.chat-message.user a{color:#fff}.chat-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-sources a{font-size:12px;color:var(--orange);background:var(--orange-soft);padding:5px 8px;border-radius:8px;text-decoration:none}.chat-form{display:flex;gap:10px;align-items:end;margin-top:12px}.chat-form textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:var(--paper);font:inherit;outline:0}.chat-form textarea:focus,.search-form:focus-within{border-color:#c99e7e;box-shadow:0 0 0 3px rgba(206,101,50,.08)}.loading,.empty-inline,.error-box{padding:22px;border-radius:16px;background:var(--paper);color:var(--muted);border:1px solid var(--line)}.error-box{color:#9b3f2c;background:#fff5f1;border-color:#efc7bb}.tabbar{position:fixed;z-index:20;left:50%;bottom:calc(12px + var(--safe-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(620px,calc(100% - 24px));padding:7px;border:1px solid rgba(218,207,191,.9);border-radius:20px;background:rgba(255,253,248,.93);backdrop-filter:blur(16px);box-shadow:0 14px 45px rgba(66,47,27,.18)}.tab{border:0;background:transparent;border-radius:14px;padding:9px 6px;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.tab span{display:block;font-size:19px;margin-bottom:2px}.tab.active{background:var(--green);color:#fff}
@media(max-width:820px){.topbar{padding:22px 18px 14px;display:block}.top-progress{width:100%;margin-top:18px}.shell{padding:5px 15px calc(100px + var(--safe-bottom))}.overview-grid{grid-template-columns:1fr 1fr}.hero-card{min-height:300px;border-radius:22px}.module-block summary{grid-template-columns:42px 1fr}.module-block summary .muted{display:none}.lesson-pdf{height:520px}.chat-message{max-width:92%}}
@media(max-width:520px){.brand h1{font-size:42px}.brand p{font-size:13px}.hero-card{padding:26px 22px;min-height:320px}.hero-card h2{font-size:42px}.hero-card p{font-size:15px}.overview-grid{grid-template-columns:1fr}.continue-inner{align-items:flex-start;flex-direction:column}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:38px}.asset-card{padding:17px}.asset-card-head{flex-direction:column}.lesson-pdf{height:440px}.search-form{padding:10px;flex-wrap:wrap}.search-form input{width:100%;min-height:44px}.search-form .primary{width:100%}.chat-form{align-items:stretch;flex-direction:column}.chat-form .primary{width:100%}.tabbar{bottom:calc(7px + var(--safe-bottom));border-radius:17px}.tab{font-size:11px;padding:8px 2px}}
