.wb,.wb *{box-sizing:border-box}.wb{--wb-line:#8b6c4b66;--wb-ink:#f5e9d7;--wb-muted:#cbbda8;color:var(--wb-ink);font:14px/1.2 system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums;width:100%;max-width:420px;margin:auto;padding:8px;background:linear-gradient(150deg,#32151d,#1b1317);border:1px solid var(--wb-line);border-radius:10px}.wb [hidden]{display:none!important}.wb label,.wb input,.wb select,.wb output,.wb button{margin:0}.wb input,.wb select{color:var(--wb-ink);background:#100c0f;border:1px solid #a98a665c;border-radius:5px;width:100%;min-width:0;height:32px;padding:4px 5px;font:500 16px/1.1 system-ui;box-shadow:none;appearance:auto}.wb input:focus,.wb select:focus,.wb button:focus-visible{outline:2px solid #e6bd78;outline-offset:1px}.wb input[aria-invalid=true],.wb select[aria-invalid=true]{outline:2px solid #ff8c87}.wb input[type=number]{appearance:textfield}.wb input::-webkit-inner-spin-button{appearance:none}.wb button{font:600 12px system-ui;color:#f5dfb5;cursor:pointer;background:#34272b;border:1px solid var(--wb-line);border-radius:5px;min-height:26px;padding:3px 7px}.wb button:disabled{visibility:hidden}.wb-field{display:flex;flex-direction:column;gap:3px;min-width:0}.wb-field>span{font-size:12px;font-weight:550;color:var(--wb-muted);white-space:nowrap}.wb-mode{display:grid;grid-template-columns:minmax(0,1fr) 92px 32px;gap:6px;align-items:end;margin-bottom:7px}.wb-mode select{font-size:14px;padding-right:0}.wb-mode [name=basis]{font-size:13px}.wb .wb-reset{width:32px;height:32px;padding:0;min-height:32px}.wb-mode:has([data-field=basis][hidden]){grid-template-columns:minmax(0,210px) 32px;justify-content:start}.wb-serving{display:grid;grid-template-columns:55px minmax(0,.8fr) minmax(0,1.25fr) minmax(0,.8fr);gap:7px;align-items:end;margin-bottom:7px}.wb-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:9px;align-self:start;color:var(--wb-muted);font-size:12px}.wb .wb-toggle input{appearance:none;width:32px;height:18px;border-radius:12px;padding:2px;background:#46383d;border:1px solid #947d60;cursor:pointer}.wb-toggle input::before{content:'';display:block;width:12px;height:12px;background:#b6a791;border-radius:50%;transition:transform .12s}.wb-toggle input:checked{background:#695133}.wb-toggle input:checked::before{background:#f4d391;transform:translateX(12px)}.wb-inactive{opacity:.45}.wb-plan{display:grid;grid-template-columns:70px minmax(0,1fr);gap:6px;align-items:start;margin-bottom:7px}.wb-amounts{padding-top:28px;display:grid;gap:7px}.wb-wine-panel{min-width:0}.wb-wines{max-height:clamp(84px,calc(100dvh - 340px),300px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--wb-line);border-radius:6px;scrollbar-color:#9c7955 #211219}.wb-wine{padding:4px;border-bottom:1px solid var(--wb-line)}.wb-wine:last-child{border-bottom:0}.wb-wine-name{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px;margin-bottom:3px}.wb .wb-wine-name input{height:20px;background:transparent;border-color:transparent;font-size:13px;padding:0}.wb .wb-wine-name button{font-size:18px;min-height:20px;height:20px;padding:0;background:transparent;border:0}.wb-wine-values{display:grid;grid-template-columns:70px minmax(0,1fr) 46px;gap:5px}.wb-wine-values select{font-size:13px;padding:3px}.wb-wine-values input{text-align:left}.wb input.wb-calculated{color:#f4d391;font-weight:650;border-color:#b58b4f99}.wb-add-row{display:flex;justify-content:flex-end;margin-top:4px}.wb[data-goal=total] .wb-plan{grid-template-columns:1fr}.wb[data-goal=total] .wb-wine-values{grid-template-columns:80px minmax(0,120px) 58px;justify-content:start}.wb[data-goal=minimum] .wb-amounts{padding-top:0}.wb-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--wb-line);border:1px solid var(--wb-line);border-radius:6px;overflow:hidden}.wb-metric{grid-column:span 2;background:#24171d;min-height:49px;padding:6px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;text-align:center}.wb-metric>span{font-size:12px;color:var(--wb-muted)}.wb-metric output{font-size:17px;font-weight:650;overflow-wrap:anywhere}.wb-results:has(.wb-metric:nth-child(5):last-child) .wb-metric:nth-child(n+4){grid-column:span 3}.wb-primary output{color:#f4d391}.wb-good output{color:#a9d3ba}.wb-over output{color:#ffaaa4}.wb-charges{margin-top:5px;font-size:12px;color:var(--wb-muted)}.wb-charges summary{cursor:pointer;width:max-content;padding:4px 0;min-height:24px}.wb-charge-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:5px}.wb-check{display:flex;align-items:center;gap:5px;font-size:12px}.wb-check input{padding:0;width:18px;height:18px;flex:0 0 18px;accent-color:#d5ae73}.wb-charge-total{display:flex;justify-content:space-between;gap:8px;padding:6px 0}.wb-charge-total output{color:#f5dfb5;font-weight:600}.wb-page{box-sizing:border-box;margin:0;min-height:100dvh;background:#120e11;color:#f5e9d7;font-family:system-ui,-apple-system,sans-serif;padding:calc(8px + var(--safe-top,0px)) 10px calc(8px + env(safe-area-inset-bottom,0px))}.wb-page-header{max-width:420px;margin:0 auto 7px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wb-page-header h1{font-size:16px;margin:0;font-weight:600}.wb-page-header a,.wb-external a{color:#e4c18a;font-size:12px;text-decoration:none}.wb-external{max-width:420px;display:flex;justify-content:space-between;align-items:center;margin:7px auto 0;font-size:12px}.wb-event{margin:7px auto 0;max-width:420px}.wb-event>summary{font:12px system-ui;color:#e4c18a;cursor:pointer;padding:4px}.wb-event[open]{padding-bottom:20px}
#partyPlannerDrawer:has([data-wine-budget]){max-width:450px!important;width:100%!important}#partyPlannerDrawer:has([data-wine-budget]) .party-planner-drawer-head{height:calc(40px + var(--safe-top))!important;min-height:calc(40px + var(--safe-top))!important;max-height:calc(40px + var(--safe-top))!important;padding:calc(6px + var(--safe-top)) 42px 6px 12px!important;margin:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#211219!important;box-shadow:none!important;border-bottom:1px solid #8b6c4b66!important;flex:0 0 auto!important}#partyPlannerDrawer:has([data-wine-budget]) .drawer-title{font:600 16px/1.2 system-ui!important;letter-spacing:0!important;margin:0!important;color:#f5e9d7!important;text-align:left!important}#partyPlannerDrawer:has([data-wine-budget]) .drawer-title-icon{display:none!important}#partyPlannerDrawer:has([data-wine-budget]) .party-planner-drawer-close{position:absolute!important;top:calc(3px + var(--safe-top))!important;right:5px!important;width:34px!important;height:34px!important;transform:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#eac791!important;font:24px system-ui!important;display:grid!important;place-items:center!important}#partyPlannerDrawer:has([data-wine-budget]) .party-planner-drawer-body{padding:7px 10px 10px!important;gap:0!important;display:block!important;background:none!important;border:0!important;box-shadow:none!important;overflow:auto!important}#partyPlannerDrawer .wb input,#partyPlannerDrawer .wb select{background:#100c0f!important;color:#f5e9d7!important;border:1px solid #a98a665c!important;height:32px!important;min-height:0!important;box-shadow:none!important;border-radius:5px!important;font-family:system-ui!important;font-weight:500!important}#partyPlannerDrawer .wb input{font-size:16px!important;padding:4px 5px!important}#partyPlannerDrawer .wb input[type=checkbox]{width:18px!important;height:18px!important;padding:0!important}#partyPlannerDrawer .wb .wb-toggle input{appearance:none!important;width:32px!important;height:18px!important;border-radius:12px!important;padding:2px!important;background:#46383d!important}#partyPlannerDrawer .wb .wb-toggle input:checked{background:#695133!important}#partyPlannerDrawer .wb input.wb-calculated{color:#f4d391!important;font-weight:650!important;border-color:#b58b4f99!important}#partyPlannerDrawer .wb .wb-wine-name input{height:20px!important;background:transparent!important;border-color:transparent!important;font-size:13px!important;padding:0!important}#partyPlannerDrawer .wb input:focus,#partyPlannerDrawer .wb select:focus{outline:2px solid #e6bd78!important;outline-offset:1px!important}#partyPlannerDrawer .wb-external{display:block!important;text-align:left!important;margin:7px auto 0!important;font-family:system-ui!important}#partyPlannerDrawer .wb-event{margin:5px auto 0!important}
@media(max-width:350px){.wb-plan{grid-template-columns:60px minmax(0,1fr);gap:5px}.wb-mode{grid-template-columns:minmax(0,1fr) 80px 30px;gap:5px}.wb-mode select{font-size:13px}.wb-mode [name=basis]{font-size:12px}.wb-field>span,.wb-toggle{font-size:11.5px}.wb-wine-values{grid-template-columns:64px minmax(0,1fr) 42px;gap:5px}.wb-wine-values select{font-size:12px;padding:2px}.wb-serving{grid-template-columns:48px minmax(0,.75fr) minmax(0,1.3fr) minmax(0,.8fr);gap:5px}.wb-metric>span{font-size:11.5px}.wb-metric output{font-size:15px}.wb input{padding:4px}.wb .wb-reset{width:30px}}

.wb [data-field=budget]>span{white-space:normal}.wb[data-goal=minimum] .wb-amounts{padding-top:28px}

#partyPlannerDrawer .wb .wb-wine-values select{font-size:13px!important;padding:3px!important}@media(max-width:350px){.wb-wine-values{align-items:end}.wb [data-price-label]{white-space:normal;line-height:1.2}.wb-amounts,.wb[data-goal=minimum] .wb-amounts{padding-top:42px}#partyPlannerDrawer .wb .wb-wine-values select{font-size:12px!important;padding:2px!important}}