:root{--rose:#a77d82;--deep:#654f53;--blush:#f0e2e0;--cream:#faf5ef;--paper:#fffdfa;--ink:#443d3b;--muted:#817674;--line:#e4d8d3;--shadow:rgba(80,55,55,.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(250,245,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:"Cormorant Garamond",serif;font-size:27px;color:var(--deep);text-decoration:none;font-weight:700}.brand span{font-family:Montserrat;font-size:10px;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(--rose);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 20% 20%,#f2e1df,transparent 28%),radial-gradient(circle at 80% 75%,#ead9d6,transparent 30%)}.eyebrow,.chapter-no{font-size:11px;letter-spacing:3px;color:var(--rose);font-weight:600}.cover h1{font:600 clamp(64px,11vw,128px)/.75 "Cormorant Garamond",serif;color:var(--deep);margin:25px 0}.cover h1 em{font-weight:500;color:var(--rose)}.subtitle{max-width:620px;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(--rose)}.flower{position:absolute;color:rgba(167,125,130,.25);font-size:150px}.flower-a{left:5%;top:10%;transform:rotate(-15deg)}.flower-b{right:5%;bottom:8%;transform:rotate(20deg)}.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}input{min-height:auto}.quote{font:italic 28px "Cormorant Garamond",serif;color:var(--rose);text-align:center}.prompt{background:var(--blush);border:0}.prompt textarea{background:transparent}.promise{background:#f1e4e0}.final{text-align:center;padding:55px 10px;color:var(--rose);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)}li{margin:10px 0}@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:70px}}@media print{header,button,.actions{display:none}.chapter{page-break-before:always}.cover{min-height:auto;height:100vh}.card{box-shadow:none}}
