:root{--tip-calc-primary:#059669;--tip-calc-primary-light:#05966914;--tip-calc-primary-ring:#05966940;--tip-calc-text:#1e293b;--tip-calc-text-muted:#64748b;--tip-calc-bg:#fff;--tip-calc-border:#e2e8f0;--tip-calc-input-bg:#fff;--tip-calc-bar-bill:#6366f1;--tip-calc-bar-tip:#10b981;--ch-bg:var(--tip-calc-bg);--ch-bg-hover:#f9fafb;--ch-border:var(--tip-calc-border);--ch-border-hover:var(--tip-calc-text-muted);--ch-text:var(--tip-calc-text);--ch-text-secondary:var(--tip-calc-text-muted);--ch-text-muted:var(--tip-calc-text-muted);--ch-primary:var(--tip-calc-primary);--ch-primary-ring:var(--tip-calc-primary-ring);--ch-radius:.5rem;--ch-menu-bg:var(--tip-calc-bg);--ch-menu-border:var(--tip-calc-border);--ch-menu-radius:.75rem;--ch-search-bg:#f9fafb;--ch-item-hover:#f3f4f6;--ch-item-active-bg:var(--tip-calc-primary-light);--ch-scrollbar:var(--tip-calc-border)}._tip-calc-container{gap:var(--main-space-5);flex-direction:column;max-width:480px;margin:0 auto;display:flex}._tip-calc-toolbar{margin-bottom:calc(var(--main-space-5) * -.5);justify-content:flex-end;align-items:center;display:flex}._tip-calc-label{font-size:var(--main-text-sm);color:var(--tip-calc-text);margin-bottom:var(--main-space-2);font-weight:600;display:block}@media (max-width:768px){._tip-calc-container{padding-left:1rem;padding-right:1rem}}._tip-calc-bill-section{background:var(--tip-calc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--tip-calc-border);box-shadow:var(--main-shadow-sm)}._tip-calc-bill-input-wrap{align-items:center;display:flex;position:relative}._tip-calc-currency{left:var(--main-space-4);color:var(--tip-calc-text-muted);pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute}._tip-calc-bill-input{width:100%;padding:var(--main-space-4) var(--main-space-4) var(--main-space-4) 2.75rem;color:var(--tip-calc-text);background:var(--tip-calc-input-bg);border-style:solid;border-width:2px;border-color:var(--tip-calc-border);border-radius:var(--main-radius);outline:none;font-size:1.75rem;font-weight:700;transition:border-color .2s,box-shadow .2s}._tip-calc-bill-input:focus{border-color:var(--tip-calc-primary);box-shadow:0 0 0 3px var(--tip-calc-primary-ring)}._tip-calc-bill-input::placeholder{color:#cbd5e1;font-weight:400}._tip-calc-tip-section{background:var(--tip-calc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--tip-calc-border);box-shadow:var(--main-shadow-sm)}._tip-calc-tip-grid{gap:var(--main-space-2);margin-bottom:var(--main-space-3);grid-template-columns:repeat(3,1fr);display:grid}._tip-calc-tip-btn{padding:var(--main-space-3) var(--main-space-2);font-size:var(--main-text-sm);color:var(--tip-calc-text);background:var(--tip-calc-input-bg);border-style:solid;border-width:1.5px;border-color:var(--tip-calc-border);border-radius:var(--main-radius);cursor:pointer;font-weight:600;transition:background .15s,border-color .15s,color .15s}._tip-calc-tip-btn:hover{border-color:var(--tip-calc-primary);color:var(--tip-calc-primary);background:var(--tip-calc-primary-light)}._tip-calc-tip-btn-active{background:var(--tip-calc-primary);color:#fff;border-color:var(--tip-calc-primary)}._tip-calc-tip-btn-active:hover{background:var(--tip-calc-primary);color:#fff;opacity:.9}._tip-calc-custom-tip{align-items:center;gap:var(--main-space-3);display:flex}._tip-calc-custom-label{font-size:var(--main-text-sm);color:var(--tip-calc-text-muted);white-space:nowrap}._tip-calc-custom-input-wrap{flex:1;max-width:120px;position:relative}._tip-calc-custom-input{width:100%;padding:var(--main-space-2) var(--main-space-6) var(--main-space-2) var(--main-space-3);font-size:var(--main-text-sm);color:var(--tip-calc-text);background:var(--tip-calc-input-bg);border-style:solid;border-width:1.5px;border-color:var(--tip-calc-border);border-radius:var(--main-radius);outline:none;font-weight:600;transition:border-color .2s,box-shadow .2s}._tip-calc-custom-input:focus{border-color:var(--tip-calc-primary);box-shadow:0 0 0 3px var(--tip-calc-primary-ring)}._tip-calc-percent-sign{right:var(--main-space-3);font-size:var(--main-text-sm);color:var(--tip-calc-text-muted);pointer-events:none;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}._tip-calc-options-section{gap:var(--main-space-4);background:var(--tip-calc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--tip-calc-border);box-shadow:var(--main-shadow-sm);align-items:flex-end;display:flex}._tip-calc-split{flex:1}._tip-calc-stepper{background:var(--tip-calc-bg);border-style:solid;border-width:1.5px;border-color:var(--tip-calc-border);border-radius:var(--main-radius);align-items:center;display:flex;overflow:hidden}._tip-calc-stepper-btn{width:40px;height:40px;color:var(--tip-calc-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}._tip-calc-stepper-btn:hover{background:var(--tip-calc-primary-light);color:var(--tip-calc-primary)}._tip-calc-stepper-input{text-align:center;width:48px;font-size:var(--main-text-base);color:var(--tip-calc-text);-moz-appearance:textfield;background:0 0;border:none;outline:none;font-weight:700}._tip-calc-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tip-calc-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tip-calc-round{align-items:flex-end;gap:var(--main-space-2);flex-direction:column;display:flex}._tip-calc-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}._tip-calc-switch input{opacity:0;width:0;height:0}._tip-calc-switch-slider{background:var(--tip-calc-border);border-radius:12px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}._tip-calc-switch-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}._tip-calc-switch input:checked+._tip-calc-switch-slider{background:var(--tip-calc-primary)}._tip-calc-switch input:checked+._tip-calc-switch-slider:before{left:22px}._tip-calc-bill-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tip-calc-bill-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tip-calc-bill-input{-moz-appearance:textfield}._tip-calc-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._tip-calc-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._tip-calc-custom-input{-moz-appearance:textfield}@media (max-width:480px){._tip-calc-tip-grid{grid-template-columns:repeat(3,1fr)}._tip-calc-options-section{flex-direction:column;align-items:stretch}._tip-calc-round{flex-direction:row;justify-content:space-between;align-items:center}._tip-calc-round ._tip-calc-label{margin-bottom:0}}._tip-calc-results{gap:var(--main-space-3);grid-template-columns:1fr 1fr;display:grid}._tip-calc-result-card{background:var(--tip-calc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--tip-calc-border);box-shadow:var(--main-shadow-sm);gap:var(--main-space-1);flex-direction:column;display:flex}._tip-calc-result-card-total{background:var(--tip-calc-primary);border-color:var(--tip-calc-primary);grid-column:1/-1}._tip-calc-result-label{font-size:var(--main-text-xs);color:var(--tip-calc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._tip-calc-result-card-total ._tip-calc-result-label{color:#fffc}._tip-calc-result-value{color:var(--tip-calc-text);font-size:1.5rem;font-weight:700;font-family:var(--main-font-mono)}._tip-calc-result-total{color:#fff;font-size:2rem}._tip-calc-bar-section{background:var(--tip-calc-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--tip-calc-border);box-shadow:var(--main-shadow-sm)}._tip-calc-bar{height:12px;margin-bottom:var(--main-space-3);border-radius:6px;display:flex;overflow:hidden}._tip-calc-bar-bill{background:var(--tip-calc-bar-bill);transition:width .3s}._tip-calc-bar-tip{background:var(--tip-calc-bar-tip);transition:width .3s}._tip-calc-bar-legend{justify-content:center;gap:var(--main-space-5);display:flex}._tip-calc-legend-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--tip-calc-text-muted);display:flex}._tip-calc-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}._tip-calc-legend-bill{background:var(--tip-calc-bar-bill)}._tip-calc-legend-tip{background:var(--tip-calc-bar-tip)}._tip-calc-legend-pct{color:var(--tip-calc-text);font-weight:600;font-family:var(--main-font-mono);font-size:var(--main-text-xs)}@media (max-width:480px){._tip-calc-results{grid-template-columns:1fr}._tip-calc-result-card-total{grid-column:auto}._tip-calc-result-total{font-size:1.75rem}}