.sv-general-rate-buttons { display:flex; flex-direction:column; justify-content:flex-end; gap:7px; color:var(--muted); font-size:11px; }
.sv-general-rate-buttons > div { display:flex; flex-wrap:wrap; gap:7px; }
.sv-general-rate-buttons button { padding:9px 14px; border:1px solid var(--line); border-radius:7px; color:var(--blue); background:var(--soft); font:750 12px Inter,Arial,sans-serif; cursor:pointer; }
.sv-general-equation { margin:17px 0; padding:14px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:var(--canvas); font-size:13px; line-height:1.6; text-align:center; font-variant-numeric:tabular-nums; }
.sv-general-featured-result { margin:22px 0; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--soft); text-align:center; }
.sv-general-featured-result > span { color:var(--muted); font-size:12px; }
.sv-general-featured-result > strong { display:block; margin:10px 0; color:var(--ink); font-size:clamp(24px,3vw,35px); line-height:1.3; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.sv-general-featured-result > p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.sv-tool-fields .sv-general-check { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:3px; }
.sv-tool-fields .sv-general-check input[type='checkbox'] { display:inline-block; width:17px; height:17px; min-height:0; margin:0; accent-color:var(--blue); }
[data-percent-direction][hidden],[data-discount-extra][hidden],[data-date-end][hidden],[data-date-offset][hidden],[data-date-inclusive][hidden],[data-date-difference-results][hidden] { display:none !important; }
.sv-split-mode { display:block; color:var(--ink); font-size:12px; font-weight:650; }
.sv-split-mode select { display:block; width:100%; min-height:43px; margin:6px 0 12px; padding:9px 11px; color:var(--ink); background:var(--canvas); border:1px solid var(--line); border-radius:8px; font:14px/1.4 Inter,Arial,sans-serif; }
.sv-split-people { display:grid; gap:13px; margin:18px 0; }
.sv-split-person { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(75px,.55fr) 36px; align-items:end; gap:11px; padding:13px; border:1px solid var(--line); border-radius:10px; background:var(--canvas); }
.sv-split-person label { display:block; min-width:0; color:var(--muted); font-size:10px; }
.sv-split-person input { display:block; width:100%; min-width:0; min-height:41px; margin-top:6px; padding:9px 11px; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:7px; font:14px/1.4 Inter,Arial,sans-serif; }
.sv-split-person input:focus { outline:2px solid var(--blue); outline-offset:1px; }
.sv-split-person input[aria-invalid='true'] { border-color:#c7495c; }
.sv-split-remove { width:36px; height:40px; border:1px solid var(--line); border-radius:7px; color:var(--muted); background:var(--surface); font-size:21px; cursor:pointer; }
.sv-split-remove:disabled,[data-split-add]:disabled { opacity:.5; cursor:not-allowed; }
[data-split-mode='equal'] .sv-split-weight { display:none; }
[data-split-mode='equal'] .sv-split-person { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 36px; }
.sv-split-settlements { margin:22px 0; }
.sv-split-settlements h3 { margin:0 0 12px; color:var(--ink); font-size:17px; }
.sv-split-settlements ul { display:grid; gap:9px; list-style:none; padding:0; margin:0; }
.sv-split-settlements li { display:flex; align-items:center; flex-wrap:wrap; gap:9px; padding:13px 15px; border:1px solid var(--line); border-radius:9px; background:var(--soft); color:var(--ink); font-size:12px; }
.sv-split-settlements li > b { margin-left:auto; color:var(--blue); font-size:15px; font-variant-numeric:tabular-nums; }
.sv-general-demo-notice { margin:19px 0; padding:15px 17px; border:1px solid #e5ce9c; border-radius:10px; color:#79571a; background:#fff6df; font-size:12px; line-height:1.7; }
.sv-general-demo-nav { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
.sv-general-demo-nav a { padding:8px 12px; border:1px solid var(--line); border-radius:7px; color:var(--blue); background:var(--surface); font-size:12px; font-weight:650; }
.sv-general-demo-section { margin-top:28px; scroll-margin-top:20px; }
.sv-general-demo-section > p { margin:0 0 10px; color:var(--muted); font-size:10px; }
.sv-general-demo-section > p a { color:var(--blue); }
.sv-general-demo-link { margin:20px 0 0; }
[data-theme='dark'] .sv-general-demo-notice { color:#e8cf93; background:#352d21; border-color:#79663f; }
@media(max-width:680px) {
  .sv-general-featured-result { padding:18px 12px; }
  .sv-split-person,[data-split-mode='equal'] .sv-split-person { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px; padding:11px; }
  .sv-split-person .sv-split-remove { justify-self:end; }
  [data-split-mode='equal'] .sv-split-person .sv-split-remove { grid-column:2; }
  .sv-split-settlements li > b { flex-basis:100%; margin-left:0; }
  .sv-general-demo-link .button { font-size:11px; }
  [data-bill-splitter] .sv-tool-table { min-width:420px; }
  [data-date-calculator] input[type='date'] { max-width:100%; }
}