.weight-budget{margin-top:24px;padding:22px;border:1px solid #5c4562;border-radius:16px;background:#1b1720;scroll-margin-top:16px}.weight-budget h2{margin:0;font-size:23px}.weight-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.weight-badge{font-size:12px;color:#ffcc88}.weight-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:18px}.weight-budget p{margin:7px 0 12px}.weight-budget label{display:block;min-height:0;font-size:14px}.weight-budget .slider-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.weight-budget output{font-weight:650;font-size:14px;color:#f6c1df}.weight-budget input[type=range]{display:block;width:100%;height:36px;margin:4px 0 15px;cursor:pointer}.weight-budget input[type=number]{width:100%;height:42px;border:1px solid #76637e;border-radius:6px;background:#100e14;color:#fff;font:inherit;padding:7px 9px;margin-top:5px}.weight-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weight-budget details{margin-bottom:0}.weight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.weight-metrics small{display:block;color:#c9c1cc}.weight-metrics strong{font-size:23px;display:block}.weight-percent{font-size:18px;font-weight:700}.weight-meter{height:28px;position:relative;background:#3c3442;border-radius:6px;display:flex;margin:13px 0}.weight-meter>span{height:100%;flex-shrink:0}.weight-meter>span:first-child{border-radius:6px 0 0 6px}.weight-meter .weight-line{position:absolute;top:-4px;bottom:-4px;width:2px;height:auto;background:#fff;transform:translateX(-2px)}.weight-meter #weight-reserve{background:none;border-left:2px dashed #ffd089}.weight-legend{display:flex;flex-wrap:wrap;gap:5px 18px;font-size:12px;color:#ddd}.weight-legend span{white-space:nowrap}.weight-legend i{display:inline-block;width:9px;height:9px;margin-right:5px}.weight-frame{background:#e39a52}.weight-other{background:#a87ac9}.weight-people{background:#e947a0}.weight-budget #weight-status{color:#a4d8d8}.weight-budget[data-state=reserve] #weight-status{color:#ffcf80}.weight-budget[data-state=over] #weight-status,.weight-budget[data-state=over] [data-weight=remaining],#weight-message{color:#ff9d9d}.weight-budget .weight-limits{font-size:13px;border-top:1px solid #483a50;margin-top:15px;padding-top:12px;color:#d2c7d8}.weight-budget summary{font-size:14px}.weight-budget .weight-equation{font-size:13px;color:#bdb3c4}.weight-budget button{font-size:13px;margin-top:14px}.weight-budget a{font-size:13px}.weight-budget [hidden]{display:none!important}@media(max-width:850px){.weight-budget{padding:16px}.weight-grid{grid-template-columns:1fr;gap:18px}.weight-results{grid-row:1}.weight-metrics strong{font-size:21px}}@media(prefers-reduced-motion:no-preference){.weight-meter>span{transition:width .08s linear}}