:root{--paper:#f2d5b5;--ink:#293329;--green:#557b5d;--orange:#da633f;--white:#fffaf1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}main{min-height:100vh;max-width:650px;margin:auto;padding:max(1.2rem,env(safe-area-inset-top)) 1.2rem max(1.2rem,env(safe-area-inset-bottom))}header{display:flex;align-items:center;border-bottom:1px solid rgba(41,51,41,.35);padding-bottom:1rem}.roof{font-size:2rem;margin-right:.8rem}header h1{font:600 1.2rem/1 Georgia,serif;margin:0}header p{font-size:.52rem;letter-spacing:.14em;margin:.35rem 0 0}.month{margin-left:auto;font-size:.6rem;font-weight:700}.entry{padding-top:8vh}.receipt{background:var(--white);padding:2rem;box-shadow:0 12px 30px rgba(70,40,20,.12);position:relative}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:linear-gradient(135deg,var(--white) 6px,transparent 0) 0 0/12px 12px repeat-x}.receipt>span,.planner article>p,.home>p{font-size:.58rem;font-weight:800;letter-spacing:.18em;color:var(--orange)}.receipt h2{font:400 clamp(2.6rem,10vw,4.6rem)/.9 Georgia,serif;margin:1rem 0}.receipt p{line-height:1.55}.receipt hr{border:0;border-top:1px dashed #958a78;margin:1.5rem 0}.receipt div{display:flex;justify-content:space-between;font-size:.7rem}.entry>button,.planner article>button,.home>button{width:100%;border:0;background:var(--green);color:white;padding:1.1rem;margin-top:2rem;font-weight:800;letter-spacing:.08em}.hidden{display:none!important}.planner{padding-top:2rem}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.numbers div{background:var(--ink);color:var(--white);padding:.8rem}.numbers small{display:block;font-size:.5rem;letter-spacing:.1em}.numbers b{display:block;margin-top:.35rem;font-size:1.05rem}.planner article{padding-top:8vh}.planner h2{font:400 clamp(2rem,8vw,3.7rem)/1 Georgia,serif;margin:.7rem 0 2rem}.allocation{background:var(--white);padding:1.3rem}.allocation label{font-size:.58rem;letter-spacing:.14em;font-weight:800}.allocation output{display:block;font:400 3.4rem Georgia;color:var(--orange);margin:.6rem 0}.allocation input{width:100%;accent-color:var(--orange)}.allocation div{display:flex;justify-content:space-between;font-size:.55rem}.advice{min-height:3rem;font-size:.85rem;line-height:1.45;color:var(--green)}.home{padding-top:15vh;text-align:center}.house-score{width:180px;height:180px;margin:auto;background:var(--green);color:white;clip-path:polygon(50% 0,100% 35%,100% 100%,0 100%,0 35%);display:flex;flex-direction:column;justify-content:center}.house-score span{font-size:2rem}.house-score b{font:400 3.5rem Georgia}.home h2{font:400 clamp(2.5rem,10vw,4.6rem)/.9 Georgia;margin:.7rem}.home #home-copy{line-height:1.5}.home button{max-width:340px}