:root{--lcd-ground:#1a3a0f;--lcd-digits:#c7f058;--lcd-glow:#d4f777;--lcd-dim:#95bd68;--case-frame:#4a4845;--case-surface:#5a5654;--case-dark:#3a3835;--case-shadow:#2a2825;--button-face:#6a6764;--button-pressed:#5a5654;--button-border:#3a3835;--button-text:#e8e6e4;--action-primary:#d97917;--action-hover:#ea8b2d;--action-pressed:#c26d14;--active-indicator:#c7f058;--active-bg:#2a4a1f;--font-display:"Roboto Mono", monospace;--font-ui:"Inter", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;scrollbar-color:var(--button-border) transparent;caret-color:var(--action-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--lcd-ground:#0f1f0a;--lcd-digits:#b8e048;--lcd-glow:#c7f058;--lcd-dim:#8bb05a;--case-frame:#2a2825;--case-surface:#3a3835;--case-dark:#1a1815;--case-shadow:#0a0805;--button-face:#4a4845;--button-pressed:#3a3835;--button-border:#2a2825;--button-text:#e8e6e4;--action-primary:#f9a655;--action-hover:#ffb870;--action-pressed:#e89540;--active-indicator:#b8e048;--active-bg:#1a2f15}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:clip}body{font-family:var(--font-ui);color:var(--button-text);background:var(--case-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.5}::selection{background:var(--action-primary);color:var(--case-dark)}:focus-visible{outline:2px solid var(--action-primary);outline-offset:3px}input::placeholder{color:var(--button-text);opacity:.5}.calculator-page{min-height:100vh;padding:var(--space-lg);background:radial-gradient(circle at 50% 0%, var(--case-surface), var(--case-dark));justify-content:center;align-items:center;display:flex}.calculator-container{background:var(--case-frame);width:100%;max-width:480px;padding:var(--space-xl);border-radius:1rem;box-shadow:0 4px 6px #0000004d,0 10px 20px #0003,inset 0 1px #ffffff0d}.calculator-header{margin-bottom:var(--space-lg);text-align:center}.calculator-title{font-family:var(--font-ui);color:var(--button-text);text-transform:uppercase;letter-spacing:.05em;font-size:1.125rem;font-weight:500}.calculator-body{gap:var(--space-xl);flex-direction:column;display:flex}.lcd-display{padding:0 0 var(--space-lg) 0;gap:var(--space-md);background:0 0;border-bottom:1px solid #c7f05826;border-radius:0;flex-direction:column;display:flex}.lcd-row{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.lcd-label{font-family:var(--font-display);color:var(--lcd-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:400}.lcd-value{font-family:var(--font-display);color:var(--lcd-digits);letter-spacing:.02em;text-align:right;font-variant-numeric:tabular-nums;min-width:6ch;font-size:1.5rem;font-weight:600}.lcd-row-total{padding-top:var(--space-sm);border-top:1px solid #6b8a3d4d}.lcd-row-result{padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:2px solid #c7f05866}.lcd-row-result .lcd-label{color:var(--lcd-glow);font-size:.875rem;font-weight:600}.lcd-value-large{font-size:2.25rem;font-weight:700}.calculator-controls{gap:var(--space-lg);flex-direction:column;display:flex}.control-section{gap:var(--space-sm);flex-direction:column;display:flex}.control-label{font-family:var(--font-ui);color:var(--button-text);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-prefix{left:var(--space-md);font-family:var(--font-display);color:var(--button-text);pointer-events:none;font-size:1.25rem;font-weight:600;position:absolute}.calc-input{width:100%;font-family:var(--font-display);color:var(--button-text);background:var(--button-face);border:2px solid var(--button-border);padding:var(--space-md) var(--space-md) var(--space-md) 2.5rem;border-radius:.5rem;font-size:1.5rem;font-weight:600;box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff0d}.calc-input:hover{border-color:var(--case-surface)}.calc-input:focus{background:var(--case-surface);border-color:var(--action-primary);outline:none;box-shadow:inset 0 2px 4px #0000004d,0 0 0 3px #d9791733}.tip-buttons{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.tip-button{font-family:var(--font-display);color:var(--button-text);background:var(--button-face);border:2px solid var(--button-border);padding:var(--space-md);cursor:pointer;box-shadow:0 2px 0 var(--button-border), inset 0 1px 0 #ffffff0d;border-radius:.5rem;font-size:1rem;font-weight:600}.tip-button:hover{background:var(--case-surface);box-shadow:0 1px 0 var(--button-border), inset 0 1px 0 #ffffff0d;transform:translateY(1px)}.tip-button:active,.tip-button-active{background:var(--active-bg);border-color:var(--active-indicator);color:var(--active-indicator);transform:translateY(2px);box-shadow:inset 0 2px 4px #0006}.tip-button-active{box-shadow:inset 0 2px 4px #0006, 0 0 0 2px var(--active-indicator)}.custom-tip-wrapper{align-items:center;display:flex;position:relative}.custom-tip-input{width:100%;font-family:var(--font-display);color:var(--button-text);background:var(--button-face);border:2px solid var(--button-border);padding:var(--space-md) 2rem var(--space-md) var(--space-md);box-shadow:0 2px 0 var(--button-border), inset 0 1px 0 #ffffff0d;border-radius:.5rem;font-size:1rem;font-weight:600}.custom-tip-suffix{right:var(--space-md);font-family:var(--font-display);color:var(--button-text);opacity:.6;pointer-events:none;font-size:1rem;font-weight:600;position:absolute}.custom-tip-input:hover{background:var(--case-surface)}.custom-tip-input:focus,.custom-tip-input-active{background:var(--active-bg);border-color:var(--active-indicator);color:var(--active-indicator);outline:none}.custom-tip-input-active{box-shadow:inset 0 2px 4px #0006, 0 0 0 2px var(--active-indicator)}.custom-tip-input-active+.custom-tip-suffix{color:var(--active-indicator)}.people-control{gap:var(--space-sm);grid-template-columns:1fr 2fr 1fr;align-items:center;display:grid}.people-button{font-family:var(--font-display);color:var(--button-text);background:var(--action-primary);border:2px solid var(--action-pressed);padding:var(--space-md);cursor:pointer;box-shadow:0 2px 0 var(--action-pressed), inset 0 1px 0 #fff3;border-radius:.5rem;font-size:1.5rem;font-weight:700}.people-button:hover:not(:disabled){background:var(--action-hover);box-shadow:0 1px 0 var(--action-pressed), inset 0 1px 0 #fff3;transform:translateY(1px)}.people-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #0000004d}.people-button:disabled{opacity:.4;cursor:not-allowed}.people-display{font-family:var(--font-display);color:var(--lcd-digits);text-align:center;background:var(--lcd-ground);padding:var(--space-sm);border-radius:.5rem;font-size:2rem;font-weight:700;box-shadow:inset 0 2px 6px #0009}.calculator-hint{font-family:var(--font-ui);color:var(--button-text);opacity:.7;text-align:center;font-size:.875rem;font-style:italic}@media (width<=640px){.calculator-page{padding:var(--space-md);align-items:flex-start}.calculator-container{max-width:100%;padding:var(--space-lg)}.lcd-value-large{font-size:1.875rem}.tip-buttons{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){html{font-size:14px}.calculator-container{padding:var(--space-md)}.calculator-body{gap:var(--space-lg)}}@media (prefers-reduced-motion:no-preference){.tip-button,.people-button,.calc-input,.custom-tip-input{transition:all .15s ease-out}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.calculator-page{background:#fff;padding:0}.calculator-container{box-shadow:none;border:1px solid #ccc}button{border:1px solid #999}}@media (width<=480px){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%)}