:root{--ink:#1f2937;--ink-muted:#6b7280;--bg:#fff;--surface:#f8f9fa;--rule:#e5e7eb;--accent:#0b7269;--accent-ink:#fff;--ink-tertiary:#6b7280;--rule-strong:#d1d5db;--accent-hover:#0f766e;--accent-subtle:#f0fdfa;--accent-surface:#ccfbf1;--measure:60ch;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;scrollbar-color:var(--rule) transparent;caret-color:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#f9fafb;--ink-muted:#d1d5db;--ink-tertiary:#9ca3af;--bg:#111827;--surface:#1f2937;--rule:#374151;--rule-strong:#4b5563;--accent:#5eead4;--accent-hover:#2dd4bf;--accent-subtle:#134e4a;--accent-surface:#115e59;--accent-ink:#0f172a}}*,:before,:after{box-sizing:border-box}html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.screen{min-height:100vh}p{text-wrap:pretty}h1,h2,h3{text-wrap:balance}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.18em}.num{font-variant-numeric:tabular-nums}button,[role=button],summary,select,input[type=checkbox],input[type=radio]{min-height:44px}button{min-width:44px}input,select,textarea{font:inherit;font-size:max(1rem,16px)}img,video,canvas,svg{max-width:100%;height:auto}pre{overflow-x:auto}@media (width<=480px){.screen{padding-inline:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}button,input{transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg);border-bottom:1px solid var(--rule);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.app-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--ink);letter-spacing:-.01em}.app-main{padding:var(--space-8) var(--space-4);flex:1;justify-content:center;display:flex}.calculator{width:100%;max-width:28rem}.calculator-card{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.calculator-section{margin-bottom:var(--space-8)}.calculator-section:last-child{margin-bottom:0}.section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.input-group{margin-bottom:var(--space-6)}.input-group:last-child{margin-bottom:0}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink);margin-bottom:var(--space-2);display:block}.input-wrapper{position:relative}.input-prefix{left:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field{width:100%;font-family:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--ink);background:var(--bg);border:2px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.input-field.has-prefix{padding-left:var(--space-8)}.input-field:hover{border-color:var(--rule-strong)}.input-field:focus{border-color:var(--accent)}.input-field::placeholder{color:var(--ink-tertiary)}.tip-options{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tip-button{font-family:inherit;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--ink);background:var(--bg);border:2px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-tap-highlight-color:transparent}.tip-button:hover{border-color:var(--accent);background:var(--accent-subtle)}.tip-button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tip-button.selected:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.results-card{background:var(--accent-subtle);border:2px solid var(--accent-surface);border-radius:var(--radius-lg);padding:var(--space-6)}.result-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.result-row:last-child{margin-bottom:0}.result-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink-muted)}.result-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.result-value-large{font-size:var(--font-size-4xl);margin-top:var(--space-2)}.result-breakdown{font-size:var(--font-size-xs);color:var(--ink-tertiary);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--ink-muted)}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.empty-state-text{line-height:1.75}@media (width<=640px){.app-header{padding:var(--space-3) var(--space-4)}.app-header h1{font-size:var(--font-size-lg)}.app-main{padding:var(--space-6) var(--space-4)}.calculator-card{padding:var(--space-6)}.tip-options{grid-template-columns:repeat(2,1fr)}.result-value-large{font-size:var(--font-size-3xl)}}@media (width<=480px){body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}