html,body{margin:0;padding:0}*{box-sizing:border-box}:root{--color-bg:#f4f5f4;--color-surface:#fff;--color-border:#e2e5e4;--color-text:#1b2320;--color-text-muted:#5c6864;--color-teal:#0f766e;--color-teal-dark:#0b5f58;--color-teal-tint:#e3f3f1;--radius-md:12px;--radius-lg:20px;--shadow-card:0 12px 32px #0f171414}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif}button,input{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.page{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:baseline;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.brand-mark{color:var(--color-teal);font-size:1.1rem;font-weight:700}.brand-name{font-size:1.1rem;font-weight:700}.brand-tagline{color:var(--color-text-muted);font-size:.85rem}.main{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:2rem}.card h1{margin:0 0 .4rem;font-size:1.5rem}.card-subtitle{color:var(--color-text-muted);margin:0 0 1.75rem;font-size:.95rem;line-height:1.5}.field{margin-bottom:1.5rem}.field label,.field-label{color:var(--color-text);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.input-with-prefix,.input-with-suffix{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);align-items:center;display:flex;overflow:hidden}.input-with-prefix:focus-within,.input-with-suffix:focus-within{outline:2px solid var(--color-teal);outline-offset:-1px}.prefix,.suffix{color:var(--color-text-muted);padding:0 .75rem;font-weight:600}.input-with-prefix input,.input-with-suffix input{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;padding:.75rem .75rem .75rem 0;font-size:1rem}.input-with-suffix input{text-align:right;padding:.75rem 0 .75rem .75rem}.input-with-prefix input:focus,.input-with-suffix input:focus{outline:none}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:999px;padding:.5rem .9rem;font-size:.9rem;font-weight:600}.chip:hover{border-color:var(--color-teal)}.chip:focus-visible,.stepper-btn:focus-visible,.reset-link:focus-visible,input:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.chip-selected{background:var(--color-teal);border-color:var(--color-teal);color:#fff}.custom-tip{flex:none;width:6.5rem}.stepper{align-items:center;gap:.75rem;display:flex}.stepper-btn{border:1px solid var(--color-border);background:var(--color-bg);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;border-radius:50%;font-size:1.1rem;line-height:1}.stepper-btn:hover{border-color:var(--color-teal)}.stepper-value{text-align:center;min-width:1.5rem;font-weight:700}.stepper-unit{color:var(--color-text-muted);font-size:.9rem}.results{background:var(--color-teal-tint);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.1rem 1.25rem}.results-row{color:var(--color-text);justify-content:space-between;align-items:baseline;padding:.35rem 0;font-size:.95rem;display:flex}.results-total{color:var(--color-teal-dark);border-top:1px solid #0f766e33;margin-top:.25rem;padding-top:.6rem;font-size:1.3rem;font-weight:700}.results-per-person{color:var(--color-text-muted);font-size:.9rem}.reset-link{text-align:center;width:100%;color:var(--color-teal-dark);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:.9rem;font-weight:600;text-decoration:underline;display:block}.footer{text-align:center;color:var(--color-text-muted);padding:1.5rem 1rem 2rem;font-size:.8rem}@media (max-width:480px){.card{padding:1.5rem}}