:root{--wine:#48131d;--wine2:#711f32;--gold:#d3a64b;--cream:#f7f1e8;--paper:#fffdf9;--ink:#2f2829;--muted:#776d6d;--line:#e8ddd2;--rose:#edd4d6;--sage:#b8c3ad;--shadow:0 24px 70px rgba(67,25,29,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:30px 24px;background:var(--wine);color:#fff;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:var(--gold);color:var(--wine);font-family:'Playfair Display';font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-family:'Playfair Display';font-size:21px}.brand small{opacity:.68;margin-top:2px}.progress-card{padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06)}.progress-top{display:flex;justify-content:space-between;font-size:14px}.progress-track{height:6px;background:rgba(255,255,255,.15);border-radius:9px;margin:12px 0}.progress-track span{display:block;width:0;height:100%;border-radius:9px;background:var(--gold);transition:.3s}.progress-card small{opacity:.65}nav{display:grid;gap:7px;overflow:auto}nav button{border:0;background:transparent;color:rgba(255,255,255,.67);text-align:left;padding:12px 13px;border-radius:13px;font:500 14px 'DM Sans';cursor:pointer;display:flex;gap:11px;align-items:center}nav button span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,255,255,.2);font-size:11px}nav button:hover,nav button.active{background:rgba(255,255,255,.1);color:#fff}nav button.done span{background:var(--gold);border-color:var(--gold);color:var(--wine)}.sidebar-note{margin-top:auto;padding:16px;border-radius:16px;background:#fff;color:var(--wine)}.sidebar-note span{font-size:12px;font-weight:700}.sidebar-note button{display:block;margin-top:7px;border:0;background:none;padding:0;color:var(--wine2);font-weight:700;cursor:pointer}.main{min-width:0}.topbar{height:112px;padding:0 5vw;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:rgba(247,241,232,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.topbar h1{font:600 clamp(26px,3vw,40px)/1.1 'Playfair Display';margin:3px 0}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--wine2);font-weight:700}.sound-toggle,.menu-btn{margin-left:auto;border:1px solid var(--wine);color:var(--wine);background:transparent;border-radius:99px;padding:11px 17px;font-weight:700;cursor:pointer}.menu-btn{display:none;margin:0;padding:9px 12px}.content{max-width:1180px;margin:auto;padding:44px 5vw 90px;outline:none}.hero-panel{display:grid;grid-template-columns:1.12fr .88fr;min-height:390px;background:var(--paper);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:clamp(35px,5vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.pill{display:inline-flex;padding:7px 10px;border-radius:99px;background:var(--rose);color:var(--wine);font-size:11px;font-weight:700;letter-spacing:.12em}.hero-copy h2,.lesson h2{font:600 clamp(35px,5vw,62px)/1.02 'Playfair Display';margin:20px 0;color:var(--wine)}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:600px}.primary{border:0;border-radius:14px;background:var(--wine);color:#fff;padding:15px 20px;font-weight:700;font-size:15px;cursor:pointer}.hero-art{position:relative;overflow:hidden;background:linear-gradient(155deg,#ead0d0 0%,#f3dca9 54%,#c9d0bc 100%);min-height:340px}.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,245,203,.75);top:30px;right:45px;box-shadow:0 0 70px rgba(255,242,184,.8)}.arch{position:absolute;width:205px;height:275px;border:23px solid var(--wine2);border-bottom:0;border-radius:110px 110px 0 0;bottom:0;left:50%;transform:translateX(-50%);opacity:.82}.path{position:absolute;width:95px;height:300px;background:linear-gradient(#fff8d7,var(--gold));clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);bottom:-160px;left:50%;transform:translateX(-50%);opacity:.7}.hero-art p{position:absolute;bottom:24px;left:25px;right:25px;color:#fff;font:500 20px/1.4 'Playfair Display';text-shadow:0 1px 8px rgba(0,0,0,.25)}.leaf{position:absolute;font-size:140px;color:var(--wine);opacity:.55;transform:rotate(-25deg)}.l1{left:-5px;top:-40px}.l2{right:-25px;bottom:20px;transform:rotate(160deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:56px 0 20px}.section-heading h3,.journey-card h3,.lesson h3{font:600 29px 'Playfair Display';color:var(--wine);margin:7px 0}.section-heading p{color:var(--muted)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:20px;display:flex;gap:15px;align-items:center;text-align:left;cursor:pointer;transition:.2s}.choice:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(67,25,29,.09);border-color:#d4bbb7}.choice-icon{flex:0 0 48px;height:48px;border-radius:15px;background:var(--rose);display:grid;place-items:center;color:var(--wine);font-weight:800}.choice b,.choice small{display:block}.choice small{margin-top:6px;color:var(--muted)}.choice.urgent .choice-icon{background:var(--wine);color:#fff}.journey-card{margin-top:22px;background:var(--wine);color:white;border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 1.6fr;gap:20px;align-items:center}.journey-card .eyebrow{color:var(--gold)}.journey-card h3{color:#fff}.journey-card ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.journey-card li{text-align:center;font-size:12px;color:rgba(255,255,255,.74)}.journey-card li span{display:grid;place-items:center;margin:0 auto 8px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold);font-weight:800}.lesson{max-width:840px;margin:auto}.lesson-head{padding:38px;border-radius:26px;background:linear-gradient(135deg,var(--wine),var(--wine2));color:#fff;position:relative;overflow:hidden}.lesson-head h2{color:#fff;margin-bottom:12px}.lesson-head p{font-size:17px;line-height:1.6;color:rgba(255,255,255,.75)}.lesson-body{margin-top:20px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:clamp(25px,5vw,52px);box-shadow:var(--shadow)}.lesson-body p,.lesson-body li{font-size:17px;line-height:1.8}.lesson-body h3{margin-top:34px}.steps{display:grid;gap:12px;padding:0;list-style:none}.steps li{padding:16px 18px;background:#f8f1eb;border-left:4px solid var(--gold);border-radius:0 13px 13px 0}.win{margin-top:32px;padding:22px;border-radius:16px;background:#efe2cf;border:1px solid #e0c89d}.lesson-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.lesson-actions button{border:1px solid var(--wine);border-radius:13px;padding:13px 18px;background:transparent;color:var(--wine);font-weight:700;cursor:pointer}.lesson-actions .complete{background:var(--wine);color:#fff}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:25px 0}.resource{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;background:#fff}.resource:hover{border-color:var(--gold)}.resource span{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:var(--rose);color:var(--wine);font-weight:800}.audio-dock{position:fixed;z-index:20;right:22px;bottom:22px;width:min(480px,calc(100vw - 44px));padding:16px;background:var(--wine);color:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(35,7,13,.35);display:grid;grid-template-columns:auto 1fr;gap:12px}.audio-dock[hidden]{display:none}.audio-dock button{border:0;background:transparent;color:#fff;font-size:24px}.audio-dock span,.audio-dock strong{display:block}.audio-dock span{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.audio-dock audio{grid-column:1/-1;width:100%}@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;z-index:30;left:-315px;width:300px;transition:.25s}.sidebar.open{left:0}.topbar{height:88px;padding:0 20px}.menu-btn{display:block}.sound-toggle{font-size:0;padding:10px}.sound-toggle:after{content:'♪';font-size:18px}.content{padding:24px 18px 70px}.hero-panel{grid-template-columns:1fr}.hero-art{min-height:230px}.hero-copy{padding:34px 26px}.hero-copy h2{font-size:38px}.choice-grid{grid-template-columns:1fr}.journey-card{grid-template-columns:1fr}.journey-card ol{grid-template-columns:repeat(5,1fr)}.section-heading{display:block}.resource-grid{grid-template-columns:1fr}}
:root{}