:root{color:#33232f;--feedback-surface:#fffdf8;--feedback-focus:#774161;color-scheme:light;background:#f8f4ed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:#693957;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}::selection{color:#33232f;background:#e5c8d8}:focus-visible{outline-offset:3px;outline:3px solid #925273}input{caret-color:#774161}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}.page{max-width:1060px;margin:auto;padding:24px 32px 32px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{color:inherit;align-items:center;gap:9px;min-height:32px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{display:block}h1{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 26px;font-size:2rem;font-weight:750;line-height:1.16}h2{letter-spacing:-.015em;margin:30px 0 12px;font-size:1.3rem;line-height:1.3}p{margin:0 0 16px}footer{border-top:1px solid #dfd4d8;margin-top:32px;padding-top:20px;font-size:.875rem}footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}footer a{align-items:center;min-height:44px;display:inline-flex}.information-page{max-width:800px}.information-page article{max-width:70ch}.information-page li{margin-bottom:10px}.information-page dt{font-weight:700}.information-page dd{margin:0 0 16px}.explanation{max-width:70ch;margin-top:34px}.explanation h2{margin-top:0}.explanation p{color:#594651}.hint{color:#65535d;margin:8px 0 0;font-size:.8125rem;line-height:1.45}.calculator{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:64px;display:grid}label{font-size:.9375rem;font-weight:650;display:block}input,select{background:#fffdf8;border:1px solid #b8a7b0;border-radius:7px;max-width:100%;min-height:48px;padding:10px 12px;font-size:1rem}input{font-variant-numeric:tabular-nums;width:100%}input::placeholder{color:#78656e;opacity:1}input[aria-invalid=true]{border-color:#a52b36}.bill-heading{justify-content:space-between;align-items:end;gap:10px;margin-bottom:8px;display:flex}.currency-label{color:#65535d;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.currency-label select{color:#33232f;appearance:none;background-image:url(/select-chevron.svg);background-position:right 12px center;background-repeat:no-repeat;background-size:16px 10px;width:calc(3em + 52px);min-height:44px;padding:6px 40px 6px 9px;font-size:.875rem}.tip-heading{justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:9px;display:flex}.tip-heading .hint{margin:0}.presets{gap:8px;margin-bottom:9px;display:flex}.presets button{background:0 0;border:1px solid #b8a7b0;border-radius:7px;flex:1;min-width:0;min-height:44px;padding:5px;font-size:.875rem;font-weight:650}.presets button:hover{background:#efe3e9}.presets button[aria-pressed=true]{color:#522b49;background:#e7d3df;border-color:#774161}.people-label{margin:17px 0 8px}#people{width:112px}.base-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.base-actions .hint{margin:0}.text-button{text-underline-offset:.2em;color:#693957;background:0 0;border:0;min-height:44px;padding:6px 0;font-size:.8125rem;text-decoration:underline}.text-button:hover{text-decoration-thickness:2px}#custom-base{margin-top:14px}#custom-base label{margin-bottom:8px}.currency-code{margin-left:6px;font-size:.8125rem;font-weight:400}.form-actions{gap:12px;margin-top:16px;display:flex}.primary,.secondary{border-radius:7px;min-height:48px;padding:10px 20px;font-weight:650}.primary{color:#fff8ef;background:#522b49;border:1px solid #522b49;flex:1}.primary:hover{background:#6a365b}.secondary{background:0 0;border:1px solid #b8a7b0}.secondary:hover{background:#efe3e9}.error{color:#a52b36;margin:7px 0 0;font-size:.8125rem}.result{border-top:2px solid #522b49;padding-top:6px}.result h2{margin:17px 0 22px}.payment-line{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:18px;display:flex}.payment-line>span:first-child{width:100%;font-size:.9375rem}.payment-line strong{letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.2}.each{color:#65535d;font-size:.875rem}.totals{border-top:1px solid #dfd4d8;margin:22px 0;padding-top:17px}.totals>div{justify-content:space-between;gap:12px;margin:9px 0;display:flex}.totals dt{color:#65535d;font-size:.875rem}.totals dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right;margin:0;font-weight:650}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.page{padding:18px 20px 24px}header{margin-bottom:20px}h1{margin-bottom:22px;font-size:1.75rem}.calculator{grid-template-columns:minmax(0,1fr);gap:26px}.result{margin-top:0}.explanation{margin-top:28px}.base-actions{gap:0 12px}.information-page h1{font-size:1.8rem}}@media (width<=350px){.page{padding-inline:16px}.currency-label{gap:5px}.currency-label select{padding-left:6px}.base-actions{display:block}.base-actions .hint{margin-top:-4px;display:block}.payment-line strong{font-size:1.5rem}.bill-heading,.currency-label,.form-actions{flex-wrap:wrap}.primary{flex-basis:140px}.secondary{max-width:100%}}
