:root{--sage:#788d81;--deep:#455b50;--mist:#e8eee9;--cream:#f7f5ee;--paper:#fffefa;--ink:#38433e;--muted:#78827d;--line:#d9e0da;--gold:#b6a78a;--shadow:rgba(52,68,59,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,sans-serif;line-height:1.7}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 6%;background:rgba(247,245,238,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font:700 27px "Cormorant Garamond",serif;color:var(--deep);text-decoration:none}.brand span{font:600 10px Montserrat;letter-spacing:2px;text-transform:uppercase;margin-left:7px;color:var(--muted)}.progress{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);width:180px}.progress div{height:3px;background:var(--line);margin-top:5px}.progress i{display:block;height:100%;width:20%;background:var(--sage);transition:.3s}.cover{min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 20px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 25%,#e7eee8,transparent 28%),radial-gradient(circle at 80% 75%,#e3e9e2,transparent 30%)}.eyebrow,.chapter-no{font-size:11px;letter-spacing:3px;color:var(--sage);font-weight:600}.cover h1{font:600 clamp(55px,9vw,110px)/.8 "Cormorant Garamond",serif;color:var(--deep);margin:25px 0}.cover h1 em{font-weight:500;color:var(--sage)}.subtitle{max-width:650px;color:var(--muted);font-size:15px}.cover button,.next,.actions button{border:0;background:var(--deep);color:white;padding:13px 24px;border-radius:2px;font-family:Montserrat;cursor:pointer;margin-top:22px}.cover-note{font:italic 17px "Cormorant Garamond",serif;color:var(--sage)}.orb{position:absolute;border:1px solid rgba(120,141,129,.25);border-radius:50%}.orb1{width:300px;height:300px;left:-100px;top:10%}.orb2{width:450px;height:450px;right:-200px;bottom:-130px}.chapter{max-width:920px;margin:auto;padding:100px 25px;min-height:90vh}.chapter h2{font:600 clamp(45px,7vw,76px)/.95 "Cormorant Garamond",serif;color:var(--deep);margin:10px 0 20px}.lead{max-width:700px;color:var(--muted);font-size:15px}.card,.prompt,.quote{background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px var(--shadow);padding:28px;margin:22px 0;border-radius:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.grid .card{margin:10px}.card h3{font:600 27px "Cormorant Garamond",serif;color:var(--deep);margin-top:0}.card p{color:var(--muted);font-size:13px}textarea,input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 2px;outline:0;color:var(--ink);font:14px Montserrat;min-height:110px;resize:vertical}.quote{font:italic 28px "Cormorant Garamond",serif;color:var(--sage);text-align:center}.prompt{background:var(--mist);border:0}.promise{background:#eaf0eb}.final{text-align:center;padding:55px 10px;color:var(--sage);font:italic 30px "Cormorant Garamond",serif}.final strong{display:block;font-size:45px;color:var(--deep);font-style:normal}.actions{text-align:center}.actions button{margin:5px}.actions .ghost{background:transparent;color:var(--deep);border:1px solid var(--deep)}@media(max-width:650px){header{padding:12px 4%}.progress{width:120px}.grid{grid-template-columns:1fr}.grid .card{margin:10px 0}.chapter{padding:70px 17px}.cover h1{font-size:60px}}@media print{header,button,.actions{display:none}.chapter{page-break-before:always}.cover{min-height:auto;height:100vh}.card{box-shadow:none}}
