:root{--accent:#eb2546;--ink:#1a1a1a;--muted:#666;--line:#e2e2e2;--bg:#fafafa}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}.wrapper{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 1px 3px #0000001a}h1{margin-bottom:1.5rem;font-size:1.5rem}label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}input{border:1px solid var(--line);border-radius:6px;width:100%;margin-bottom:1.25rem;padding:.6rem .75rem;font-family:inherit;font-size:1.1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}fieldset{border:none;margin-bottom:1.25rem}legend{color:var(--muted);margin-bottom:.35rem;font-size:.85rem}#tip-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}#tip-buttons button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:.6rem 0;font-family:inherit;font-size:1rem}#tip-buttons button:hover{border-color:var(--accent)}#tip-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}#results{border-top:1px solid var(--line);padding-top:1.25rem;display:block}.row{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.row span{color:var(--muted);font-size:.9rem}.row strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.row.per-person{border-top:1px solid var(--line);margin-top:.9rem;margin-bottom:0;padding-top:.9rem}.row.per-person strong{color:var(--accent);font-size:1.6rem}