:root{color:#101318;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;padding-bottom:112px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,100%);margin:0 auto;padding:12px 12px 28px}.hero{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:4px 0 12px;display:grid}.brand-mark,.section-icon,.eur-icon{color:#fff;background:#101318;border-radius:18px;place-items:center;display:grid}.brand-mark{border-radius:14px;width:40px;height:40px;box-shadow:0 12px 28px #10131824}.eyebrow{color:#5d6878;letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.66rem;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;line-height:1}.intro{color:#566170;max-width:660px;margin-bottom:0;font-size:1.05rem;line-height:1.6;display:none}.calculator-layout{gap:12px;display:grid}.input-card,.results-card{background:#ffffffe6;border:1px solid #10131814;border-radius:8px;box-shadow:0 24px 80px #1013181a}.input-card{gap:14px;padding:14px;display:grid}.section-heading{align-items:center;gap:10px;display:flex}.section-icon{color:#08743e;background:#e8fff0;border-radius:12px;width:34px;height:34px}.section-heading h2,.tip-panel h2{margin-bottom:2px;font-size:.98rem}.section-heading p,.tip-panel p{color:#687384;margin-bottom:0;font-size:.84rem}.field{gap:8px;display:grid}.tax-toggle{cursor:pointer;background:#f8fafc;border:1px solid #d8dde5;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.tax-toggle input{opacity:0;pointer-events:none;position:absolute}.tax-toggle-switch{background:#c9d0da;border-radius:999px;width:42px;height:24px;transition:background .16s,box-shadow .16s;display:block;position:relative}.tax-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #10131833}.tax-toggle input:checked+.tax-toggle-switch{background:#101318}.tax-toggle input:checked+.tax-toggle-switch:after{transform:translate(18px)}.tax-toggle input:focus-visible+.tax-toggle-switch{box-shadow:0 0 0 4px #1013181f}.tax-toggle span{gap:2px;display:grid}.tax-toggle strong{color:#101318;font-size:.9rem}.tax-toggle small{color:#687384;font-size:.82rem;line-height:1.35}label{color:#404958;font-size:.88rem;font-weight:720}.amount-input-shell,select,.custom-tip input{color:#101318;background:#f8fafc;border:1px solid #d8dde5;border-radius:8px;width:100%;min-height:48px;transition:border-color .16s,box-shadow .16s,background .16s}.amount-input-shell{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 16px;display:grid}.amount-input-shell span{color:#687384;font-size:1.35rem;font-weight:760}input,select{outline:none}.amount-input-shell input{background:0 0;border:0;width:100%;font-size:1.9rem;font-weight:780}select,.custom-tip input{padding:0 14px}.amount-input-shell:focus-within,select:focus,.custom-tip input:focus{background:#fff;border-color:#101318;box-shadow:0 0 0 4px #10131817}.field-error{color:#b3261e;margin:0;font-size:.85rem}.tip-panel{gap:10px;padding-top:0;display:grid}.tip-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tip-buttons button{color:#101318;background:#fff;border:1px solid #d8dde5;border-radius:8px;min-height:40px;font-weight:760}.tip-buttons button.selected{color:#fff;background:#101318;border-color:#101318}.results-card{align-self:start;position:sticky;top:12px;overflow:hidden}.results-topline{color:#687384;justify-content:space-between;gap:12px;padding:14px 14px 0;font-weight:720;display:flex}.results-topline strong{color:#101318}.total-display{padding:14px}.total-display p{color:#687384;margin-bottom:6px;font-weight:740}.total-display strong{overflow-wrap:anywhere;letter-spacing:0;font-size:clamp(2.5rem,10vw,4.5rem);line-height:.92;display:block}.results-list{gap:0;margin:0;padding:0 14px 12px;display:grid}.results-list div{border-top:1px solid #eaedf2;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.results-list dt{color:#687384}.results-list dd{margin:0;font-weight:780}.eur-panel{right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:10;color:#0d4026;background:#f4fff8;border:1px solid #14a45a2e;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:0;padding:12px;display:grid;position:fixed;left:12px;box-shadow:0 16px 54px #10131833}.eur-icon{background:#14a45a;border-radius:14px;width:40px;height:40px}.eur-panel span{color:#317150;text-transform:uppercase;font-size:.82rem;font-weight:780;display:block}.eur-panel strong{color:#0d4026;margin:0;font-size:1.28rem;display:block}.eur-panel p{color:#3e7058;margin:2px 0 0;font-size:.75rem;line-height:1.35}@media (width>=820px){body{padding-bottom:0}.app-shell{padding:48px 28px 64px}.hero{gap:16px;padding-bottom:34px}.brand-mark{border-radius:18px;width:48px;height:48px}.eyebrow{margin-bottom:6px;font-size:.78rem}h1{line-height:.9}.intro{display:block}.calculator-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start;gap:20px}.input-card{gap:20px;padding:22px}.amount-input-shell,select,.custom-tip input{min-height:56px}.amount-input-shell input{font-size:2.2rem}.tip-panel{gap:14px;padding-top:2px}.tip-buttons{gap:8px}.tip-buttons button{min-height:44px}.results-topline{padding:18px 18px 0}.total-display{padding:20px 18px 18px}.total-display strong{font-size:50px}.results-list{padding:0 18px 18px}.results-list div{padding:13px 0}.eur-panel{box-shadow:none;align-items:start;gap:14px;margin:0 10px 10px;padding:16px;position:static}.eur-icon{width:42px;height:42px}.eur-panel strong{margin:2px 0 4px;font-size:1.45rem}.eur-panel p{font-size:.86rem;line-height:1.45}}