.budget-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:639px){.budget-presets{grid-template-columns:1fr}}.budget-preset{text-align:left;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:12px;padding:14px 16px;transition:box-shadow .16s,transform .16s;display:grid}.budget-preset:hover{box-shadow:inset 0 0 0 1px var(--line-strong);transform:translateY(-1px)}.budget-preset__t{color:var(--ink);font-size:15px;font-weight:650}.budget-preset__d{color:var(--ink-3);grid-column:1;font-size:12.5px;line-height:1.4}.budget-preset__n{color:var(--ink);grid-area:1/2/span 2;align-self:center;font-size:18px;font-weight:700}.budget-seg{background:var(--paper-3);border-radius:12px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.budget-seg button{color:var(--ink-2);border-radius:9px;flex:auto;padding:6px 10px;font-size:13px;font-weight:500}.budget-seg button[aria-checked=true]{color:var(--ink);background:var(--paper-2);box-shadow:var(--shadow-sm);font-weight:600}.budget-range{accent-color:var(--ink)}.budget-result{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line), var(--shadow-md);border-radius:20px;align-self:start;padding:22px;position:sticky;top:96px}@media (max-width:1023px){.budget-result{position:static}}.budget-total{color:var(--ink);margin:4px 0 8px;font-size:clamp(2.6rem,6vw,3.4rem);line-height:1;transition:color .2s}.budget-bar{background:var(--paper-3);border-radius:999px;height:16px;display:flex;position:relative;overflow:hidden}.budget-bar span{height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1)}.budget-bar span+span{box-shadow:inset 1.5px 0 0 var(--paper-2)}.budget-bar__mark{background:var(--ink);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}@media (prefers-reduced-motion:reduce){.budget-bar span{transition:none}}