@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#f8fafc;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";letter-spacing:-.01em}button,input,select,textarea{font-family:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}button{cursor:pointer}@media (max-width:640px){
  /* !important is load-bearing: the app has 9+ inline `fontSize`
     styles on inputs (pe-ui.tsx, LineItemRow, ProfitEvaluator,
     modals) that win the cascade without it, leaving iOS to zoom
     on focus. Cheaper than tracking down every inline style; this
     rule is mobile-only so desktop typography stays 13-14px. Bare
     `input` selector (instead of [type=...]) catches inputs that
     don't declare a type attribute (defaults to text but the
     attribute selector misses them). */input,select,textarea{font-size:16px!important}input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range]{font-size:medium!important}}