:root{--ink:#1a1a1a;--ink-muted:#5a5248;--bg:#faf8f5;--surface:#fff;--rule:#8b7355;--accent:#d4af37;--accent-ink:#1a1a1a;--measure:60ch;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:#f5f3f0;--ink-muted:#a69f94;--bg:#1c1916;--surface:#292521;--rule:#5a5248;--accent:#e5c158;--accent-ink:#1c1916}}*,: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 ease-out,background .15s ease-out}}.calculator-container{justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex}.calculator-card{background:var(--surface);border:1px solid var(--rule);width:100%;max-width:440px;padding:2rem;font-family:Roboto Mono,monospace}.calculator-title{text-align:center;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1.5rem;font-size:1.125rem;font-weight:500}.input-group{margin-bottom:1.5rem}.input-label{color:var(--ink-muted);letter-spacing:.02em;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.bill-input{border:1px solid var(--rule);background:var(--bg);width:100%;color:var(--ink);text-align:right;border-radius:0;padding:.875rem;font-family:Roboto Mono,monospace;font-size:2.5rem;font-weight:600}.bill-input:focus{border-color:var(--accent);outline:none}.tip-buttons{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:.5rem;padding:.75rem 0;display:flex}.tip-button{border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:0;flex:1;min-width:0;padding:.75rem;font-family:Roboto Mono,monospace;font-size:1rem;font-weight:500}.tip-button:hover{border-color:var(--accent)}.tip-button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.people-control{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.people-label{color:var(--ink-muted);font-size:.875rem;font-weight:500}.people-adjuster{align-items:center;gap:1rem;display:flex}.people-button{border:1px solid var(--rule);background:var(--bg);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:0;padding:0;font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:600}.people-button:hover:not(:disabled){border-color:var(--accent)}.people-button:disabled{opacity:.4;cursor:not-allowed}.people-count{text-align:center;min-width:3ch;font-size:1.5rem;font-weight:600}.receipt-section{border-top:2px solid var(--rule);margin-top:1.5rem;padding-top:1.5rem}.receipt-line{border-bottom:1px solid var(--rule);justify-content:space-between;padding:.625rem 0;display:flex}.receipt-line.total{border-bottom:2px solid var(--rule);font-size:1.125rem;font-weight:600}.receipt-line.highlight{background:var(--bg);border-bottom:2px solid var(--accent);margin:0 -.5rem;padding:.75rem .5rem;font-size:1.5rem;font-weight:600}.receipt-label{color:var(--ink-muted);font-size:.875rem;font-weight:500}.receipt-line.total .receipt-label,.receipt-line.highlight .receipt-label{color:var(--ink);font-size:1em}.receipt-value{font-variant-numeric:tabular-nums;font-weight:600}@media (width<=480px){.calculator-card{padding:1.5rem}.bill-input{font-size:2rem}.tip-buttons{gap:.375rem}.tip-button{padding:.625rem .5rem;font-size:.875rem}.receipt-line.highlight{font-size:1.25rem}body,.container,[class*=container],section,header,footer,nav,main,article{padding-inline:max(1rem,16px)}}p,li,dt,dd,blockquote,figcaption,td,th{max-width:min(75ch,100%)}