:root{--paper:#fbf3eb;--ink:#482620;--rose:#a65e5b;--rose-soft:#efd7cf;--sage:#e2e5d8;--action:#697557;--border:#d3b29f;--field:#fffdfa}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Georgia,'Times New Roman',serif;line-height:1.5;background-image:radial-gradient(#a65e5b0a 1px,transparent 1px);background-size:18px 18px}header{padding:28px 20px 18px;text-align:center;border-bottom:1px solid #d3b29f80;background:#fffaf580}.brand{font-family:'Segoe Script','Brush Script MT',cursive;font-size:2.25rem;color:var(--rose)}.motto{font-size:.72rem;letter-spacing:.22em;margin-top:3px}main{width:min(820px,calc(100% - 28px));margin:34px auto 60px}.intro{text-align:center;margin-bottom:28px}.intro span,.result>span{font-size:.76rem;letter-spacing:.18em;color:var(--rose);font-weight:bold}.intro h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:.4rem 0}.intro p{max-width:620px;margin:auto;color:#6b5149}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0;margin:0 0 18px;list-style:none}.steps li{text-align:center;font-size:.72rem;color:#806b62}.steps b{display:block;width:30px;height:30px;line-height:30px;border-radius:50%;margin:0 auto 5px;background:#eaded5}.steps .active b{background:var(--rose);color:white}.steps .done b{background:var(--sage)}.card{padding:clamp(20px,5vw,34px);border:1px solid var(--border);border-radius:18px;background:linear-gradient(115deg,#fffaf3dd,#f2dfd299);box-shadow:inset 0 0 0 4px #fffaf34d,0 5px 18px #794d2c12}.card h2{margin-top:0;font-size:1.6rem}.step{display:none}.step.active{display:block}label{display:block;font-weight:bold;margin:18px 0 7px}input{width:100%;min-height:50px;margin-top:7px;padding:11px 13px;border:1px solid #c7b9ad;border-radius:9px;background:var(--field);font:1rem Georgia,serif;color:var(--ink)}input:focus{outline:2px solid #69755766;border-color:#697557}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint,.note{font-size:.9rem;color:#6b625e}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}button{border:0;border-radius:999px;background:var(--action);color:#fffaf4;padding:13px 21px;font:bold 1rem Georgia,serif;cursor:pointer}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}#calc{display:none}#error{color:#9b342d;font-weight:bold;margin-top:12px}.result{margin-top:26px;padding:clamp(22px,5vw,36px);border:1px solid var(--border);border-radius:18px;background:#fffaf5}.result h2{font-size:2rem;margin:.35rem 0 1rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-grid article{padding:20px;border-radius:14px;background:var(--sage)}.result-grid article.rose{background:var(--rose-soft)}.result-grid small{display:block}.result-grid strong{display:block;font-size:2rem;margin:5px 0}.details{margin:18px 0;padding:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.details div{display:flex;justify-content:space-between;gap:16px;padding:5px 0}footer{text-align:center;padding:10px 20px 35px;color:#7d655c}footer img{width:90px;max-height:70px;object-fit:contain;opacity:.7}@media(max-width:620px){.steps li span{display:none}.steps{gap:3px}.steps b{width:26px;height:26px;line-height:26px}.grid,.result-grid{grid-template-columns:1fr}.actions{justify-content:space-between}.actions button{padding:12px 16px}.brand{font-size:2rem}}