html{color-scheme:light dark}body{margin:0;font-family:system-ui,sans-serif;background:light-dark(#fbfbfa,#171c22)}

#blox-port-members-site { --bp-bg: light-dark(#f5f7f2,#0c1017); --bp-panel: light-dark(#ffffff,#151c27); --bp-ink: light-dark(#18221b,#eef1f7); --bp-muted: light-dark(#526057,#aab6c5); --bp-line: light-dark(#d6ded5,#344053); --bp-accent: light-dark(#315b20,#bcf66b); --bp-accent-bg: light-dark(#e2f3d5,#26361d); --bp-action: light-dark(#315b20,#bcf66b); --bp-on-action: light-dark(#ffffff,#14200d); color:var(--bp-ink); background:var(--bp-bg); font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif; padding:20px; }
#blox-port-members-site * { box-sizing:border-box; }
#blox-port-members-site [hidden] { display:none !important; }
#blox-port-members-site h2, #blox-port-members-site h3, #blox-port-members-site p { margin:0; color:inherit; }
#blox-port-members-site button, #blox-port-members-site input, #blox-port-members-site select, #blox-port-members-site textarea { font:inherit; color:var(--bp-ink); }
#blox-port-members-site button { cursor:pointer; }
#blox-port-members-site .bp-top, #blox-port-members-site .bp-heading, #blox-port-members-site .bp-card-head, #blox-port-members-site .bp-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
#blox-port-members-site .bp-top { padding-bottom:18px; border-bottom:1px solid var(--bp-line); }
#blox-port-members-site .bp-brand { display:flex; align-items:center; gap:10px; font-weight:500; letter-spacing:.05em; }
#blox-port-members-site .bp-mark { display:inline-flex; padding:10px; border-radius:12px; color:var(--bp-accent); background:var(--bp-accent-bg); }
#blox-port-members-site .bp-muted { color:var(--bp-muted); }
#blox-port-members-site .bp-badge { color:var(--bp-accent); background:var(--bp-accent-bg); padding:5px 10px; border-radius:6px; }
#blox-port-members-site .bp-layout { display:block; padding-top:18px; }
#blox-port-members-site .bp-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0 10px; }
#blox-port-members-site .bp-nav button { display:flex; flex-direction:column; gap:4px; text-align:left; border:1px solid var(--bp-line); padding:14px 16px; background:var(--bp-panel); border-radius:10px; font-weight:500; }
#blox-port-members-site .bp-nav button[aria-current="page"] { background:var(--bp-action); color:var(--bp-on-action); border-color:var(--bp-action); }
#blox-port-members-site .bp-nav button[aria-current="page"] span { color:inherit; }
#blox-port-members-site .bp-tools { margin-bottom:20px; }
#blox-port-members-site .bp-tools summary { cursor:pointer; width:fit-content; padding:8px 0; color:var(--bp-muted); }
#blox-port-members-site .bp-tools-list { display:flex; flex-wrap:wrap; gap:8px; padding:8px 0; }
#blox-port-members-site .bp-tools button[aria-current="page"] { background:var(--bp-accent-bg); color:var(--bp-accent); }
#blox-port-members-site .bp-community { color:var(--bp-muted); margin-top:12px; }
#blox-port-members-site .bp-main { min-width:0; }
#blox-port-members-site .bp-heading { margin-bottom:16px; }
#blox-port-members-site .bp-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,160px); gap:10px; margin:16px 0; }
#blox-port-members-site input, #blox-port-members-site select, #blox-port-members-site textarea { width:100%; min-width:0; background:var(--bp-panel); border:1px solid var(--bp-line); border-radius:8px; padding:10px; }
#blox-port-members-site textarea { resize:vertical; }
#blox-port-members-site .bp-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; background:var(--bp-panel); color:var(--bp-ink); border:1px solid var(--bp-line); border-radius:8px; padding:10px 12px; }
#blox-port-members-site .bp-primary { background:var(--bp-action); color:var(--bp-on-action); border-color:var(--bp-action); }
#blox-port-members-site .bp-button[aria-pressed="true"] { background:var(--bp-accent-bg); color:var(--bp-accent); }
#blox-port-members-site .bp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#blox-port-members-site .bp-trade { background:var(--bp-panel); border:1px solid var(--bp-line); border-radius:12px; padding:16px; min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-card-head { margin-bottom:14px; }
#blox-port-members-site .bp-side { margin:10px 0; }
#blox-port-members-site .bp-fruits { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
#blox-port-members-site .bp-fruit { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:74px; max-width:130px; border:1px solid var(--bp-line); background:var(--bp-bg); border-radius:10px; padding:9px; text-align:center; }


#blox-port-members-site .bp-fruit-photo { display:block; width:58px; height:58px; flex-shrink:0; background-image:var(--bp-atlas); background-size:800% 1100%; background-position:var(--bp-crop-x) var(--bp-crop-y); background-repeat:no-repeat; border-radius:6px; }
#blox-port-members-site .bp-fruit-photo[data-failed] { visibility:hidden; }
#blox-port-members-site .bp-fruit-blank { display:block; width:58px; height:58px; }
#blox-port-members-site .bp-related { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; }
#blox-port-members-site .bp-related .bp-fruits { margin:0; }
#blox-port-members-site .bp-related .bp-fruit { flex-direction:row; min-width:0; max-width:none; padding:5px 10px 5px 5px; }
#blox-port-members-site .bp-related .bp-fruit-photo, #blox-port-members-site .bp-related .bp-fruit-blank { width:42px; height:42px; }
#blox-port-members-site .bp-fruit-picker { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0; }
#blox-port-members-site .bp-fruit-picker button { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0; padding:10px 4px; }
#blox-port-members-site .bp-fruit-picker .bp-fruit-photo { width:46px; height:46px; }
#blox-port-members-site .bp-fruit-picker button[aria-pressed="true"] { background:var(--bp-accent-bg); color:var(--bp-accent); border-color:var(--bp-accent); }
#blox-port-members-site .bp-direction { color:var(--bp-accent); }
#blox-port-members-site .bp-divider { color:var(--bp-muted); border-bottom:1px solid var(--bp-line); padding-bottom:10px; }
#blox-port-members-site .bp-note { margin:14px 0; color:var(--bp-muted); }
#blox-port-members-site .bp-trade .bp-row { margin-top:14px; }
#blox-port-members-site .bp-editor { background:var(--bp-panel); border:1px solid var(--bp-line); padding:16px; margin-bottom:18px; border-radius:12px; }
#blox-port-members-site .bp-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
#blox-port-members-site .bp-field { display:block; min-width:0; }
#blox-port-members-site .bp-field select, #blox-port-members-site .bp-field input, #blox-port-members-site .bp-field textarea { margin-top:6px; }
#blox-port-members-site .bp-picks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
#blox-port-members-site .bp-empty { padding:26px 12px; color:var(--bp-muted); }
#blox-port-members-site .bp-total { color:var(--bp-accent); }
#blox-port-members-site .bp-result { padding:14px 0; border-top:1px solid var(--bp-line); margin-top:16px; }
#blox-port-members-site .bp-status:empty { display:none; }
#blox-port-members-site .bp-status { margin-bottom:14px; padding:10px 12px; background:var(--bp-accent-bg); color:var(--bp-accent); border-radius:8px; }
#blox-port-members-site .bp-error { color:light-dark(#a11e23,#ffb4ba); }
#blox-port-members-site .bp-footer { margin-top:18px; color:var(--bp-muted); }
#blox-port-members-site .bp-topic-list { display:grid; gap:12px; }
#blox-port-members-site .bp-topic { background:var(--bp-panel); border:1px solid var(--bp-line); border-radius:12px; padding:16px; min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-topic h3 { margin:12px 0 8px; }
#blox-port-members-site .bp-topic-title { padding:0; background:transparent; border:0; color:var(--bp-ink); text-align:left; font-weight:500; }
#blox-port-members-site .bp-topic-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; color:var(--bp-muted); }
#blox-port-members-site .bp-topic-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid var(--bp-line); color:var(--bp-muted); }
#blox-port-members-site .bp-topic-footer .bp-button { color:var(--bp-ink); }
#blox-port-members-site .bp-topic h3 { font-weight:500; }
#blox-port-members-site .bp-topic.bp-pinned { border-left:4px solid var(--bp-accent); }
#blox-port-members-site .bp-topic-body { white-space:pre-wrap; margin:16px 0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-replies { margin-top:20px; }
#blox-port-members-site .bp-reply { padding:16px 0; border-bottom:1px solid var(--bp-line); overflow-wrap:anywhere; }
#blox-port-members-site .bp-reply .bp-topic-body { margin-bottom:0; }
#blox-port-members-site .bp-reply-form { margin-top:20px; }
#blox-port-members-site .bp-reply-form .bp-row { margin-top:12px; }
#blox-port-members-site .bp-forum-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-bottom:16px; }
#blox-port-members-site .bp-forum-tabs .bp-button { padding:10px 4px; }
#blox-port-members-site .bp-heading [data-new] { padding:13px 20px; }
@media(max-width:510px) { #blox-port-members-site { padding:12px; } #blox-port-members-site .bp-grid, #blox-port-members-site .bp-controls, #blox-port-members-site .bp-fields { grid-template-columns:1fr; } #blox-port-members-site .bp-heading { align-items:flex-start; } #blox-port-members-site .bp-heading [data-new] { width:100%; } #blox-port-members-site .bp-nav button { padding:12px; } #blox-port-members-site .bp-fruit-picker { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(pointer:coarse) { #blox-port-members-site button, #blox-port-members-site input, #blox-port-members-site select { min-height:44px; } }
#blox-port-members-site .bp-image-pending { display:flex; align-items:center; justify-content:center; background-image:none; color:var(--bp-muted); text-align:center; }
#blox-port-members-site { --bp-atlas:url("/item-atlas-6de6886ec651.png"); }
#blox-port-members-site .bp-catalog-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,180px); gap:10px; margin:16px 0; }
#blox-port-members-site .bp-kind-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px; }
#blox-port-members-site .bp-catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#blox-port-members-site .bp-item-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:14px; border:1px solid var(--bp-line); background:var(--bp-panel); border-radius:10px; overflow-wrap:anywhere; }
#blox-port-members-site .bp-item-card h3 { font-weight:500; }
#blox-port-members-site .bp-item-card .bp-button { width:100%; margin-top:auto; }
#blox-port-members-site .bp-item-card .bp-field { width:100%; margin-top:auto; }
#blox-port-members-site .bp-item-art { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#blox-port-members-site .bp-item-kind { display:inline-block; padding:3px 6px; color:var(--bp-muted); background:var(--bp-bg); border:1px solid var(--bp-line); border-radius:4px; }
#blox-port-members-site .bp-item-kind[data-kind="permanent"] { color:var(--bp-accent); background:var(--bp-accent-bg); }
#blox-port-members-site .bp-page { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:16px 0 4px; }
#blox-port-members-site .bp-select-slot { min-width:0; }
#blox-port-members-site .bp-slot-preview { display:flex; align-items:center; gap:6px; min-height:48px; flex-wrap:wrap; margin:6px 0; }
#blox-port-members-site .bp-slot-preview .bp-fruit-photo { width:38px; height:38px; }
#blox-port-members-site .bp-selected-items { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
#blox-port-members-site .bp-fruit-picker .bp-item-kind { margin-top:auto; }
@media(max-width:720px) { #blox-port-members-site .bp-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:510px) { #blox-port-members-site .bp-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #blox-port-members-site .bp-catalog-controls { grid-template-columns:1fr; } #blox-port-members-site .bp-nav { gap:5px; } #blox-port-members-site .bp-nav button { padding:10px 7px; } #blox-port-members-site .bp-nav button span { display:none; } }

#blox-port-members-site .bp-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
#blox-port-members-site .bp-family-card { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-width:0; padding:14px 8px; border:1px solid var(--bp-line); border-radius:10px; background:var(--bp-panel); color:var(--bp-ink); text-align:center; overflow-wrap:anywhere; }
#blox-port-members-site .bp-family-card[aria-pressed="true"] { border-color:var(--bp-accent); background:var(--bp-accent-bg); }
#blox-port-members-site .bp-family-card .bp-fruit-photo { width:58px; height:58px; }
#blox-port-members-site .bp-base-card { justify-content:center; min-height:120px; }
#blox-port-members-site .bp-family-card .bp-item-kind { margin:0; }
#blox-port-members-site .bp-family-card input { margin-top:auto; text-align:center; }
#blox-port-members-site .bp-family-card .bp-muted:last-child { margin-top:auto; }
#blox-port-members-site .bp-family-heading { display:grid; gap:14px; margin-bottom:18px; }
#blox-port-members-site .bp-family-heading > .bp-button { justify-self:start; }
#blox-port-members-site .bp-family-summary { display:flex; align-items:center; gap:12px; min-width:0; }
#blox-port-members-site .bp-step-label, #blox-port-members-site .bp-variant-section > h3 { margin:0 0 12px; font-weight:500; }
#blox-port-members-site .bp-variant-section + .bp-variant-section { margin-top:22px; }
#blox-port-members-site .bp-slot-picker { margin:18px 0; padding:14px; border:1px solid var(--bp-line); border-radius:10px; background:var(--bp-bg); }
#blox-port-members-site .bp-slot-picker > .bp-button { margin-top:14px; }
#blox-port-members-site .bp-slot-choice { width:100%; min-height:100px; }
#blox-port-members-site .bp-slot-preview { justify-content:center; text-align:center; }
#blox-port-members-site .bp-selected-label { color:var(--bp-accent); }
@media(max-width:510px) {
  #blox-port-members-site .bp-family-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  #blox-port-members-site .bp-family-card { padding:10px 4px; gap:6px; }
  #blox-port-members-site .bp-editor { padding:10px; }
  #blox-port-members-site .bp-slot-picker { padding:8px; }
  #blox-port-members-site .bp-family-card .bp-fruit-photo { width:50px; height:50px; }
  #blox-port-members-site .bp-base-card { min-height:112px; }
  #blox-port-members-site .bp-family-card input { padding:8px 4px; }
}
/* Exchange contents lead; member details and actions share a narrow side column. */
#blox-port-members-site { --bp-bg:light-dark(#ffffff,#12171d); --bp-panel:light-dark(#ffffff,#12171d); --bp-line:light-dark(#dce1dd,#354039); --bp-receive:light-dark(#28613d,#b3dcbd); --bp-give:light-dark(#325f85,#b3d2eb); --bp-work:light-dark(#f4f6f3,#1b231d); padding:20px 24px; }
#blox-port-members-site h2, #blox-port-members-site h3, #blox-port-members-site h4 { font:inherit; font-weight:500; margin:0; }
#blox-port-members-site h2 { font-size:1.2em; }
#blox-port-members-site .bp-top { padding:0 0 14px; gap:8px 20px; }
#blox-port-members-site .bp-brand { gap:16px; flex-wrap:wrap; }
#blox-port-members-site .bp-community { margin:0; font-weight:400; letter-spacing:normal; }
#blox-port-members-site .bp-prototype { color:var(--bp-muted); }
#blox-port-members-site .bp-navigation { display:flex; align-items:flex-start; flex-wrap:wrap; gap:0 24px; border-bottom:1px solid var(--bp-line); margin-bottom:24px; }
#blox-port-members-site .bp-nav { display:flex; flex-wrap:wrap; gap:0 22px; margin:0; flex:1; }
#blox-port-members-site .bp-nav button { padding:14px 0 11px; display:block; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; white-space:nowrap; }
#blox-port-members-site .bp-nav button[aria-current="page"] { background:transparent; color:var(--bp-accent); border-bottom-color:var(--bp-accent); }
#blox-port-members-site .bp-tools { margin:0; }
#blox-port-members-site .bp-tools summary { padding:14px 0; }
#blox-port-members-site .bp-tools-list { gap:4px; padding:0 0 12px; }
#blox-port-members-site .bp-tools-list .bp-button { padding:8px; }
#blox-port-members-site .bp-layout { padding:0; }
#blox-port-members-site .bp-heading { margin-bottom:14px; align-items:center; }
#blox-port-members-site .bp-heading [data-new] { padding:8px 12px; width:auto; }
#blox-port-members-site .bp-subtitle { margin-top:5px; }
#blox-port-members-site .bp-subtitle:empty { display:none; }
#blox-port-members-site .bp-controls { grid-template-columns:minmax(0,1fr) 160px; gap:12px; margin:0 0 20px; }
#blox-port-members-site .bp-controls label { min-width:0; display:grid; gap:5px; }
#blox-port-members-site .bp-button, #blox-port-members-site input, #blox-port-members-site select, #blox-port-members-site textarea { border-radius:4px; }
#blox-port-members-site .bp-button:not(.bp-primary):hover, #blox-port-members-site .bp-family-card:hover { background:var(--bp-work); }
#blox-port-members-site .bp-current-offer { display:grid; grid-template-columns:190px minmax(0,1fr); column-gap:24px; padding:16px 0 20px; border-top:1px solid var(--bp-line); border-bottom:1px solid var(--bp-line); margin-bottom:26px; }
#blox-port-members-site .bp-current-offer > .bp-row { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:6px; }
#blox-port-members-site .bp-current-offer h3 { margin-bottom:5px; }
#blox-port-members-site .bp-current-offer [data-clear-offer] { border:0; padding:6px 0; color:var(--bp-muted); }
#blox-port-members-site .bp-offer-slots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-items:start; }
#blox-port-members-site .bp-offer-slots[data-empty="true"] { display:block; }
#blox-port-members-site .bp-offer-slots[data-empty="true"] .bp-slot-choice { min-height:44px; width:auto; padding:10px 16px; }
#blox-port-members-site .bp-current-offer .bp-slot-choice { min-height:68px; height:100%; padding:8px; }
#blox-port-members-site .bp-current-offer .bp-slot-preview { margin:0; gap:4px 8px; min-height:0; text-align:left; justify-content:flex-start; overflow-wrap:anywhere; }
#blox-port-members-site .bp-current-offer .bp-slot-preview .bp-fruit-photo { width:38px; height:38px; }
#blox-port-members-site .bp-current-offer > .bp-slot-picker { grid-column:1/-1; }
#blox-port-members-site .bp-feed-heading { display:flex; align-items:center; gap:8px; margin-bottom:2px; }
#blox-port-members-site .bp-trade-feed { display:block; }
#blox-port-members-site .bp-trade-card { display:grid; grid-template-columns:minmax(0,1fr) 180px; grid-template-areas:"exchange member" "exchange action"; grid-template-rows:auto 1fr; gap:10px 28px; min-width:0; padding:26px 0; border:0; border-bottom:1px solid var(--bp-line); border-radius:0; background:transparent; }
#blox-port-members-site .bp-trade-head { grid-area:member; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; min-width:0; }
#blox-port-members-site .bp-trader { min-width:0; }
#blox-port-members-site .bp-trader > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; }
#blox-port-members-site .bp-save { padding:0; min-height:28px; border:0; color:var(--bp-muted); background:transparent; white-space:nowrap; }
#blox-port-members-site .bp-save[aria-pressed="true"] { color:var(--bp-accent); }
#blox-port-members-site .bp-exchange { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); align-items:start; gap:12px; min-width:0; }
#blox-port-members-site .bp-trade-card > .bp-exchange { grid-area:exchange; }
#blox-port-members-site .bp-receive, #blox-port-members-site .bp-give { min-width:0; padding:0; border-radius:0; background:transparent; }
#blox-port-members-site .bp-exchange-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 8px; padding:0 0 8px; border-bottom:2px solid var(--bp-line); margin-bottom:12px; }
#blox-port-members-site .bp-exchange-heading > span { color:var(--bp-muted); }
#blox-port-members-site .bp-receive .bp-exchange-heading { border-bottom-color:var(--bp-receive); }
#blox-port-members-site .bp-give .bp-exchange-heading { border-bottom-color:var(--bp-give); }
#blox-port-members-site .bp-swap { padding-top:50px; color:var(--bp-muted); text-align:center; }
#blox-port-members-site .bp-exchange-items { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:10px; }
#blox-port-members-site .bp-exchange-item { display:flex; align-items:center; gap:10px; min-width:0; text-align:left; overflow-wrap:anywhere; }
#blox-port-members-site .bp-exchange-art { position:relative; display:block; flex-shrink:0; }
#blox-port-members-site .bp-exchange-item .bp-fruit-photo { width:48px; height:48px; }
#blox-port-members-site .bp-item-quantity { position:absolute; bottom:-3px; right:-4px; padding:0 3px; background:var(--bp-panel); color:var(--bp-ink); font-weight:500; border:1px solid var(--bp-line); border-radius:2px; }
#blox-port-members-site .bp-exchange-caption { display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:0; }
#blox-port-members-site .bp-type-label, #blox-port-members-site .bp-item-kind, #blox-port-members-site .bp-badge { display:inline-block; border:0; padding:0; border-radius:0; background:transparent; color:var(--bp-muted); }
#blox-port-members-site .bp-type-label[data-kind="permanent"], #blox-port-members-site .bp-item-kind[data-kind="permanent"] { background:transparent; color:var(--bp-accent); font-weight:500; }
#blox-port-members-site .bp-exchange-empty { color:var(--bp-muted); padding:12px 0; }
#blox-port-members-site .bp-trade-foot { grid-area:action; display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; }
#blox-port-members-site .bp-trade-foot > .bp-primary { margin-top:auto; width:100%; }
#blox-port-members-site .bp-terms { min-width:0; }
#blox-port-members-site .bp-condition { display:block; color:var(--bp-muted); }
#blox-port-members-site .bp-trade-note { color:var(--bp-muted); margin-top:8px; }
#blox-port-members-site .bp-trade-note summary { cursor:pointer; padding:4px 0; }
#blox-port-members-site .bp-trade-note p { margin-top:6px; color:var(--bp-ink); overflow-wrap:anywhere; }
#blox-port-members-site .bp-proposal-message { white-space:pre-wrap; overflow-wrap:anywhere; }
#blox-port-members-site .bp-empty { display:grid; gap:12px; justify-items:start; padding:24px 0; }
#blox-port-members-site .bp-editor { padding:0; border:0; border-radius:0; background:transparent; margin:0 0 24px; }
#blox-port-members-site .bp-compose-preview { margin:24px 0; }
#blox-port-members-site .bp-compose-choice { min-width:0; }
#blox-port-members-site .bp-compose-hint { margin-top:12px; }
#blox-port-members-site .bp-compose-request { display:grid; gap:8px; padding:14px 16px; border-left:3px solid var(--bp-give); background:var(--bp-work); margin-bottom:24px; }
#blox-port-members-site .bp-compose-request .bp-button { justify-self:start; }
#blox-port-members-site .bp-compose-actions { margin-top:20px; padding-top:16px; border-top:1px solid var(--bp-line); }
#blox-port-members-site .bp-compose-actions .bp-primary { min-height:48px; }
#blox-port-members-site[data-composing] .bp-content, #blox-port-members-site[data-composing] .bp-heading, #blox-port-members-site[data-composing] .bp-controls { display:none; }
#blox-port-members-site .bp-slot-choice { min-height:76px; }
#blox-port-members-site .bp-slot-picker { border:0; border-top:1px solid var(--bp-line); border-bottom:1px solid var(--bp-line); border-radius:0; padding:18px 0; margin:18px 0; background:var(--bp-panel); }
#blox-port-members-site .bp-family-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--bp-line); border:1px solid var(--bp-line); }
#blox-port-members-site .bp-family-card { border:0; border-radius:0; padding:16px 6px; background:var(--bp-panel); }
#blox-port-members-site .bp-family-card[aria-pressed="true"] { background:var(--bp-accent-bg); }
#blox-port-members-site .bp-family-card .bp-item-kind { background:transparent; }
#blox-port-members-site .bp-topic-list { display:block; }
#blox-port-members-site .bp-topic { padding:20px 0; border:0; border-bottom:1px solid var(--bp-line); border-radius:0; background:transparent; }
#blox-port-members-site .bp-topic.bp-pinned { border-left:0; }
#blox-port-members-site .bp-topic h3 { margin:8px 0; }
#blox-port-members-site .bp-topic-footer { border:0; padding:0; margin-top:8px; }
#blox-port-members-site .bp-related .bp-fruit { border:0; background:transparent; padding:0 12px 0 0; border-radius:0; }
#blox-port-members-site .bp-forum-tabs { display:flex; flex-wrap:wrap; gap:4px 16px; border-bottom:1px solid var(--bp-line); }
#blox-port-members-site .bp-forum-tabs .bp-button { border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; padding:10px 0; }
#blox-port-members-site .bp-forum-tabs .bp-button[aria-pressed="true"] { color:var(--bp-accent); border-bottom-color:var(--bp-accent); }
#blox-port-members-site .bp-trade { border:0; border-radius:0; padding:0; }
#blox-port-members-site .bp-footer { padding-top:10px; margin-top:24px; }
@media(pointer:coarse) {
  #blox-port-members-site .bp-save { min-height:44px; min-width:44px; }
}
@media(max-width:760px) {
  #blox-port-members-site .bp-trade-card { display:block; padding:22px 0; }
  #blox-port-members-site .bp-trade-head { align-items:center; margin-bottom:12px; }
  #blox-port-members-site .bp-trader > div { gap:4px 10px; }
  #blox-port-members-site .bp-trade-foot { flex-direction:row; align-items:flex-end; justify-content:space-between; gap:14px; margin-top:14px; }
  #blox-port-members-site .bp-trade-foot > .bp-primary { margin:0; width:auto; flex-shrink:0; }
  #blox-port-members-site .bp-current-offer { grid-template-columns:160px minmax(0,1fr); gap:12px; }
  #blox-port-members-site .bp-navigation { gap:0 16px; }
  #blox-port-members-site .bp-nav { gap:0 16px; }
}
@media(max-width:510px) {
  #blox-port-members-site { padding:14px 12px; }
  #blox-port-members-site .bp-top { gap:5px; }
  #blox-port-members-site .bp-brand { gap:4px 12px; }
  #blox-port-members-site .bp-nav { gap:0 14px; }
  #blox-port-members-site .bp-nav button { padding:12px 0 9px; }
  #blox-port-members-site .bp-navigation { margin-bottom:18px; }
  #blox-port-members-site .bp-tools summary { padding:12px 0 9px; }
  #blox-port-members-site .bp-controls { grid-template-columns:minmax(0,1fr) 114px; gap:8px; margin-bottom:16px; }
  #blox-port-members-site .bp-heading { gap:8px; }
  #blox-port-members-site .bp-heading [data-new] { width:auto; padding:8px; }
  #blox-port-members-site .bp-current-offer { display:block; padding:12px 0 16px; margin-bottom:20px; }
  #blox-port-members-site .bp-current-offer > .bp-row { flex-direction:row; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
  #blox-port-members-site .bp-current-offer .bp-slot-preview { justify-content:center; text-align:center; }
  #blox-port-members-site .bp-current-offer .bp-slot-choice { padding:8px 4px; }
  #blox-port-members-site .bp-offer-slots[data-empty="true"] .bp-slot-choice { width:auto; }
  #blox-port-members-site .bp-exchange { grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); gap:6px; }
  #blox-port-members-site .bp-exchange-heading { gap:2px; margin-bottom:10px; }
  #blox-port-members-site .bp-exchange-item { gap:6px; }
  #blox-port-members-site .bp-exchange-item .bp-fruit-photo { width:40px; height:40px; }
  #blox-port-members-site .bp-trade-foot { flex-wrap:wrap; gap:10px; }
  #blox-port-members-site .bp-trade-foot > .bp-primary { width:100%; }
  #blox-port-members-site .bp-compose-actions .bp-primary { width:100%; }
  #blox-port-members-site .bp-compose-request { padding:12px; }
  #blox-port-members-site .bp-family-card { padding:12px 4px; }
}

/* Shared tracks keep both exchange columns aligned when names or labels wrap. */
#blox-port-members-site {
  --bp-bg:light-dark(#fbfbfa,#171c22);
  --bp-panel:light-dark(#ffffff,#20272f);
  --bp-ink:light-dark(#222d37,#eef1f3);
  --bp-muted:light-dark(#5b6874,#b2bdc6);
  --bp-line:light-dark(#d4dadd,#3b4650);
  --bp-control-line:light-dark(#87969f,#71808c);
  --bp-accent:light-dark(#245d66,#9dcbd1);
  --bp-accent-bg:light-dark(#e8f1f2,#293f46);
  --bp-action:light-dark(#245d66,#9dcbd1);
  --bp-on-action:light-dark(#ffffff,#15353b);
  --bp-work:light-dark(#f0f3f4,#252f38);
  --bp-permanent:light-dark(#805414,#e1bd7b);
  --bp-receive:var(--bp-line);
  --bp-give:var(--bp-line);
}
#blox-port-members-site .bp-exchange { align-items:stretch; row-gap:0; }
#blox-port-members-site .bp-exchange-heading { display:grid; grid-template-rows:auto 1fr; align-content:start; align-items:start; gap:4px; min-height:4.5em; padding:0 0 10px; margin:0; border-bottom:1px solid var(--bp-line); }
#blox-port-members-site .bp-exchange-heading h4 { min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-exchange-heading > span { min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-exchange-items { gap:0; }
#blox-port-members-site .bp-exchange-item { padding-top:12px; align-items:flex-start; }
#blox-port-members-site .bp-exchange-art { align-self:start; }
#blox-port-members-site .bp-exchange-caption { justify-content:flex-start; min-height:48px; }
#blox-port-members-site .bp-type-label { order:1; }
#blox-port-members-site .bp-type-label[data-kind="permanent"], #blox-port-members-site .bp-item-kind[data-kind="permanent"] { color:var(--bp-permanent); }
#blox-port-members-site .bp-exchange-empty { padding:12px 0 0; align-self:start; }
#blox-port-members-site .bp-swap { align-self:start; padding-top:5em; }
@supports (grid-template-rows:subgrid) {
  #blox-port-members-site .bp-exchange { grid-template-rows:auto auto repeat(var(--bp-item-rows,1),minmax(60px,auto)); }
  #blox-port-members-site .bp-receive, #blox-port-members-site .bp-give { display:grid; grid-row:1/-1; grid-template-rows:subgrid; row-gap:0; }
  #blox-port-members-site .bp-receive { grid-column:1; }
  #blox-port-members-site .bp-give { grid-column:3; }
  #blox-port-members-site .bp-exchange-heading { grid-row:1/3; grid-template-rows:subgrid; min-height:0; row-gap:0; }
  #blox-port-members-site .bp-exchange-heading h4 { padding-bottom:4px; }
  #blox-port-members-site .bp-exchange-items { grid-row:3/-1; grid-template-rows:subgrid; row-gap:0; }
  #blox-port-members-site .bp-exchange-empty { grid-row:3; }
  #blox-port-members-site .bp-swap { grid-column:2; grid-row:3; display:grid; place-items:center; height:60px; padding:12px 0 0; }
}
/* Controls share a label row, input height, and alignment at the bottom edge. */
#blox-port-members-site .bp-controls, #blox-port-members-site .bp-catalog-controls { align-items:end; gap:12px; }
#blox-port-members-site .bp-controls label, #blox-port-members-site .bp-catalog-controls label, #blox-port-members-site .bp-field { display:grid; grid-template-rows:auto 1fr; align-content:start; gap:6px; min-width:0; }
#blox-port-members-site input:not([type="hidden"]), #blox-port-members-site select { min-height:44px; }
#blox-port-members-site input, #blox-port-members-site select, #blox-port-members-site textarea { margin:0; border-color:var(--bp-control-line); }
#blox-port-members-site .bp-field select, #blox-port-members-site .bp-field input, #blox-port-members-site .bp-field textarea { margin-top:0; }
#blox-port-members-site .bp-button { min-height:44px; }
#blox-port-members-site .bp-button:not(.bp-primary):not([data-category]) { border-color:var(--bp-control-line); }
#blox-port-members-site .bp-button:disabled { color:var(--bp-muted); background:var(--bp-work); border-color:var(--bp-line); cursor:default; }
#blox-port-members-site .bp-trade-foot [data-remove-listing] { color:var(--bp-muted); background:var(--bp-panel); border-color:var(--bp-control-line); }
#blox-port-members-site .bp-current-offer { align-items:start; }
#blox-port-members-site .bp-offer-slots { align-items:stretch; }
#blox-port-members-site .bp-select-slot { display:flex; }
#blox-port-members-site .bp-slot-choice { height:100%; min-height:84px; }
#blox-port-members-site .bp-slot-preview { display:grid; grid-template-columns:40px minmax(0,1fr); align-items:start; justify-content:initial; text-align:left; gap:10px; width:100%; margin:0; }
#blox-port-members-site .bp-slot-preview > .bp-muted { grid-column:1/-1; align-self:center; text-align:center; }
#blox-port-members-site .bp-slot-copy { display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-slot-copy .bp-item-kind { order:1; }
#blox-port-members-site .bp-current-offer .bp-slot-preview { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; gap:8px; }
#blox-port-members-site .bp-current-offer .bp-slot-copy { align-items:center; }
#blox-port-members-site .bp-current-offer .bp-slot-choice { min-height:84px; }
#blox-port-members-site .bp-offer-slots[data-empty="true"] .bp-slot-choice { min-height:44px; }
/* Keep each fruit image on the same top edge, independently of name length. */
#blox-port-members-site .bp-family-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; background:transparent; border-width:1px 0 0 1px; }
#blox-port-members-site .bp-family-card { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:58px 1fr auto; align-items:start; justify-items:center; align-content:start; gap:10px; }
#blox-port-members-site .bp-family-card { border-right:1px solid var(--bp-line); border-bottom:1px solid var(--bp-line); }
#blox-port-members-site .bp-base-card { grid-template-rows:58px 1fr; align-content:start; justify-content:normal; }
#blox-port-members-site .bp-choice-copy { display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0; overflow-wrap:anywhere; }
#blox-port-members-site .bp-choice-meta { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:3px 6px; color:var(--bp-muted); }
#blox-port-members-site .bp-choice-action { align-self:end; color:var(--bp-muted); }
#blox-port-members-site .bp-family-card .bp-muted:last-child { margin-top:0; }
#blox-port-members-site .bp-family-card[aria-pressed="true"] { background:var(--bp-accent-bg); }
/* Navigation baseline stays on one row. Secondary menus get their own row on phones. */
#blox-port-members-site .bp-navigation { align-items:start; gap:0 24px; }
#blox-port-members-site .bp-nav { flex-wrap:nowrap; align-items:stretch; min-width:0; }
#blox-port-members-site .bp-nav button, #blox-port-members-site .bp-tools summary { min-height:48px; padding:12px 0 9px; border-bottom:3px solid transparent; }
#blox-port-members-site .bp-nav button[aria-current="page"] { border-bottom-color:var(--bp-accent); }
#blox-port-members-site .bp-trader > div { display:grid; align-items:start; gap:4px; }
#blox-port-members-site .bp-trade-foot { gap:16px; }
#blox-port-members-site .bp-compose-choices { align-items:stretch; }
#blox-port-members-site form[data-compose]:not([data-compose=""]) .bp-compose-choices { grid-template-columns:1fr; }
@media(max-width:760px) {
  #blox-port-members-site .bp-trader > div { display:flex; align-items:baseline; gap:8px; }
  #blox-port-members-site .bp-controls { grid-template-columns:minmax(0,1fr) 140px; }
}
@media(max-width:510px) {
  #blox-port-members-site .bp-navigation { display:block; margin-bottom:20px; }
  #blox-port-members-site .bp-nav { display:flex; justify-content:space-between; gap:4px; }
  #blox-port-members-site .bp-nav button { flex:0 1 auto; min-width:0; white-space:normal; text-align:center; padding:12px 2px 9px; }
  #blox-port-members-site .bp-tools { border-top:1px solid var(--bp-line); }
  #blox-port-members-site .bp-tools summary { margin-left:auto; padding:8px 0; border-bottom:0; min-height:36px; }
  #blox-port-members-site .bp-tools-list { justify-content:flex-end; }
  #blox-port-members-site .bp-controls { grid-template-columns:minmax(0,1fr) 118px; gap:8px; }
  #blox-port-members-site .bp-exchange-caption { min-height:40px; }
  #blox-port-members-site .bp-swap { height:52px; }
  #blox-port-members-site .bp-slot-preview { grid-template-columns:32px minmax(0,1fr); gap:6px; }
  #blox-port-members-site .bp-slot-preview .bp-fruit-photo { width:32px; height:32px; }
  #blox-port-members-site .bp-family-card { grid-template-rows:50px 1fr auto; }
  #blox-port-members-site .bp-base-card { grid-template-rows:50px 1fr; }
  #blox-port-members-site .bp-trade-foot { gap:12px; }
}
@media(pointer:coarse) {
  #blox-port-members-site input:not([type="hidden"]), #blox-port-members-site select, #blox-port-members-site textarea { font-size:max(1em,16px); }
  #blox-port-members-site .bp-tools summary { min-height:44px; }
}

#blox-port-members-site .bp-picks > .bp-slot-picker,
#blox-port-members-site .bp-offer-slots > .bp-slot-picker {
  grid-column:1/-1;
  width:100%;
  min-width:0;
  margin:0;
  padding:12px 0 16px;
}
#blox-port-members-site .bp-button.bp-slot-choice[aria-expanded="true"] {
  border-color:var(--bp-accent);
  background:var(--bp-accent-bg);
}
#blox-port-members-site .bp-slot-picker .bp-catalog-controls {
  grid-template-columns:minmax(0,1fr) minmax(0,120px);
  gap:8px;
  margin:12px 0;
}
#blox-port-members-site .bp-slot-picker .bp-step-label { margin-bottom:10px; }
#blox-port-members-site .bp-slot-picker .bp-family-card { padding:12px 4px; }
#blox-port-members-site .bp-slot-picker .bp-family-card .bp-fruit-photo { width:50px; height:50px; }
#blox-port-members-site .bp-slot-picker .bp-family-card { grid-template-rows:50px 1fr auto; }
#blox-port-members-site .bp-slot-picker .bp-base-card { grid-template-rows:50px 1fr; }
#blox-port-members-site .bp-offer-slots[data-empty="true"] > .bp-slot-picker { margin-top:10px; }
@media(max-width:510px) {
  #blox-port-members-site .bp-slot-picker .bp-catalog-controls { grid-template-columns:minmax(0,1fr) 112px; }
}

#blox-port-members-site .bp-account-area { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#blox-port-members-site .bp-account-area .bp-button { padding:8px 12px; }
#blox-port-members-site .bp-auth-panel { width:100%; max-width:560px; padding:24px 0 32px; }
#blox-port-members-site .bp-auth-panel .bp-field { margin:16px 0; }
#blox-port-members-site .bp-auth-note { margin:14px 0 20px; color:var(--bp-muted); overflow-wrap:anywhere; }
#blox-port-members-site .bp-auth-error { margin:12px 0; color:light-dark(#9d2c2c,#efada8); white-space:pre-wrap; overflow-wrap:anywhere; }
#blox-port-members-site .bp-auth-error:empty { display:none; }
#blox-port-members-site .bp-auth-link { display:inline-block; padding:8px 0; border:0; color:var(--bp-accent); background:transparent; text-align:left; }
#blox-port-members-site .bp-auth-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:20px; }
#blox-port-members-site .bp-login-code { font-family:ui-monospace,SFMono-Regular,monospace; overflow-wrap:anywhere; }
#blox-port-members-site .bp-account-details { margin:20px 0; }
#blox-port-members-site .bp-account-details > div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--bp-line); }
#blox-port-members-site .bp-account-details dt { color:var(--bp-muted); }
#blox-port-members-site .bp-account-details dd { margin:0; overflow-wrap:anywhere; }
#blox-port-members-site[data-auth-open] > .bp-navigation,
#blox-port-members-site[data-auth-open] > .bp-layout { display:none; }
/* New listings use the same inline chooser below both outgoing and wanted slots. */
#blox-port-members-site .bp-compose-choice .bp-picks > .bp-slot-picker { grid-column:1/-1; margin:0; width:100%; }
@media(max-width:510px) {
  #blox-port-members-site .bp-account-area { gap:6px; }
  #blox-port-members-site .bp-auth-panel { padding-top:20px; }
  #blox-port-members-site .bp-account-details > div { grid-template-columns:1fr; gap:4px; }
}