.bp-shell{--bp-text:#efeff0;--bp-muted:#b7b7bc;--bp-line:#434348;--bp-panel:#28282c;--bp-gold:#c1a267;max-width:1000px;width:100%;margin-inline:auto;color:var(--bp-text);background:#202023;border:1px solid #38383d;border-radius:10px;overflow:hidden;font:14px/1.55 var(--sans,system-ui,sans-serif);text-align:left;box-shadow:0 22px 65px #11111112}
.bp-shell *{box-sizing:border-box}.bp-shell [hidden]{display:none!important}.bp-shell button,.bp-shell input,.bp-shell select{font:inherit}.bp-shell button{cursor:pointer;touch-action:manipulation}.bp-shell button:disabled{opacity:.4;cursor:default}.bp-shell :is(button,input,select):focus-visible{outline:2px solid #ddc595;outline-offset:3px}.bp-room{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #38383d;padding:18px 27px;color:var(--bp-muted);font-size:12px}.bp-channel{font-size:14px;color:#d5d5da}.bp-channel>span{color:#898991;margin-right:7px;font-size:20px}.bp-example{font-size:11px}.bp-message{display:flex;gap:16px;padding:29px 29px 18px}.bp-avatar{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;margin-top:2px}.bp-message-body{flex:1;min-width:0}.bp-author{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.bp-author strong{font-size:15px;font-weight:650}.bp-app{font:600 10px/1.5 var(--sans,system-ui,sans-serif);background:#525258;border-radius:3px;padding:0 5px;color:#fff;letter-spacing:.03em}.bp-timestamp{color:#a5a5ae;font-size:11px;margin-left:4px}.bp-embed{border:1px solid #35353b;border-left:3px solid var(--bp-gold);border-radius:4px;background:var(--bp-panel);padding:23px 24px 19px;max-width:750px}.bp-embed h3{font:650 17px/1.4 var(--sans,system-ui,sans-serif);letter-spacing:-.01em;margin:0 0 7px}.bp-track{font-size:16px;font-weight:500;color:#ededf1;margin:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#76767c;overflow-wrap:anywhere}.bp-fields{display:flex;flex-wrap:wrap;column-gap:52px;row-gap:18px;margin:23px 0 20px}.bp-fields>div{min-width:100px}.bp-fields .bp-playback-field{flex-basis:100%}.bp-fields dt,.bp-up-next h4{font-size:13px;font-weight:650;color:#f0f0f2;margin:0 0 3px;letter-spacing:0}.bp-fields dd{margin:0;color:#c3c3ca;font-size:14px;font-variant-numeric:tabular-nums}.bp-mention{border-radius:3px;background:#46464e;padding:1px 5px;color:#e8e8ed}.bp-up-next ol{padding-left:20px;margin:6px 0 0;color:#c4c4cc}.bp-up-next li{padding:3px 0;font-size:13px;overflow-wrap:anywhere}.bp-up-next li::marker{font-variant-numeric:tabular-nums;color:#9797a0}.bp-up-next>p{color:var(--bp-muted);margin:7px 0;font-size:13px}.bp-embed-footer{font-size:11px;color:#adadb6;margin:22px 0 0;font-variant-numeric:tabular-nums}.bp-controls{margin-top:12px}.bp-button-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bp-shell .bp-button{background:#3b3b42;border:1px solid transparent;border-radius:4px;color:#ededf0;padding:9px 13px;min-height:39px;line-height:1.3;font-size:13px;font-weight:550;transition:background .16s,border-color .16s;text-align:center}.bp-shell .bp-button:hover:enabled{background:#50505a}.bp-shell .bp-primary{background:#e8e6df;color:#202023}.bp-shell .bp-primary:hover:enabled{background:#fff}.bp-shell .bp-danger{background:transparent;border-color:#626269;color:#d5d5dc}.bp-shell .bp-danger:hover:enabled{background:#48484f;border-color:#96969e}.bp-shell .bp-quiet{background:transparent;border:1px solid #4d4d54;color:#d8d8df}.bp-private{background:#26262b;border:1px solid #55555d;border-radius:6px;margin-top:24px;padding:20px;max-width:750px}.bp-private-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px}.bp-private-label{font-size:10px;letter-spacing:.055em;color:#b7b7c0;margin:0 0 5px}.bp-private-header h4{font:600 17px/1.4 var(--sans,system-ui,sans-serif);margin:0}.bp-close{flex-shrink:0}.bp-close>span{margin-left:7px}.bp-notice{font-size:12px;line-height:1.65;color:#bfbfc7;max-width:690px;min-height:2em;margin:17px 0 0}.bp-disclosure{font-size:11px;line-height:1.65;color:#a6a6ae;border-top:1px solid #38383d;padding:15px 29px;margin:0}.bp-panel-note{color:var(--bp-muted);font-size:13px;line-height:1.65;margin:0 0 17px}.bp-search-label,.bp-input-label{display:block;font-weight:550;color:#e1e1e6;font-size:13px;margin-bottom:7px}.bp-shell .bp-input,.bp-shell .bp-select{width:100%;min-width:0;min-height:44px;border:1px solid #57575f;border-radius:4px;background:#202023;color:#f1f1f3;padding:9px 11px;font-size:14px}.bp-shell .bp-input::placeholder{color:#a0a0ab}.bp-search-results,.bp-list{list-style:none;padding:0;margin:14px 0 0}.bp-track-row{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:15px 0;border-bottom:1px solid #414148}.bp-track-row:last-child{border-bottom:0}.bp-track-copy{min-width:0;flex:1}.bp-track-copy strong{display:block;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.bp-track-copy small{display:block;font-size:12px;color:#b8b8c2;line-height:1.6;margin-top:3px}.bp-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex-shrink:0}.bp-row-actions .bp-button{min-height:36px;padding:8px 11px}.bp-panel-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.bp-form{display:flex;gap:8px;align-items:flex-end;margin-top:20px}.bp-form>div{flex:1;min-width:0}.bp-form>.bp-button{min-height:44px}.bp-shell .bp-range{width:100%;accent-color:#d4d0c5;min-height:30px;margin:12px 0}.bp-volume-value{display:block;font-size:28px;line-height:1.3;margin:12px 0 3px;color:#ecebf0;font-variant-numeric:tabular-nums}.bp-stats{display:flex;flex-wrap:wrap;gap:25px;margin:22px 0}.bp-stats>div{flex:1;min-width:95px}.bp-stats dt{font-size:12px;color:var(--bp-muted)}.bp-stats dd{font-size:25px;color:#f1f1f3;margin:5px 0 0;font-variant-numeric:tabular-nums}.bp-empty{font-size:13px;color:#c4c4cd;line-height:1.7;padding:8px 0}.bp-version{display:block;width:100%;text-align:left!important;margin-top:9px;padding:15px!important}.bp-version strong,.bp-version small{display:block}.bp-version strong{font-weight:550;font-size:14px}.bp-version small{font-size:12px;opacity:.8;margin-top:5px}.bp-range-label{color:#b6b6c0;font-size:12px;display:flex;justify-content:space-between}.bp-panel-track{font-size:16px;line-height:1.55;font-weight:600;color:#ececf0;margin:0 0 7px}.bp-panel-list-controls{border-top:1px solid #424249;padding-top:15px}.bp-shell .bp-button[aria-pressed=true]{background:#dfddd6;color:#222226}.bp-number{font-size:12px;min-width:18px;color:#a7a7b0;font-variant-numeric:tabular-nums}
@media(max-width:650px){.bp-room{padding:14px 17px;align-items:flex-start;flex-direction:column;gap:3px}.bp-example{font-size:10px}.bp-message{gap:10px;padding:21px 16px 15px}.bp-avatar{width:32px;height:32px}.bp-timestamp{display:none}.bp-author strong{font-size:14px}.bp-embed{padding:18px 16px 17px}.bp-fields{column-gap:25px;row-gap:14px}.bp-track{font-size:15px}.bp-shell .bp-button{font-size:12px;padding:10px 11px;min-height:40px}.bp-button-row{gap:5px}.bp-notice{font-size:11px}.bp-private{padding:16px;margin-left:-42px;width:calc(100% + 42px)}.bp-private-header h4{font-size:16px}.bp-track-row{gap:8px}.bp-track-copy strong{font-size:13px}.bp-track-copy small{font-size:11px}.bp-row-actions{gap:5px}.bp-row-actions .bp-button{font-size:12px;padding:8px 9px;min-height:37px}.bp-form{flex-wrap:wrap}.bp-form>div{flex-basis:100%}.bp-form>.bp-button{width:100%}.bp-disclosure{padding:14px 17px;font-size:10px}.bp-up-next li{font-size:12px}.bp-embed-footer{font-size:10px}.bp-private-header .bp-close{min-height:36px;padding:7px 10px}.bp-stats{gap:15px}.bp-stats>div{min-width:72px}}
@media(max-width:370px){.bp-message{padding-inline:12px;gap:8px}.bp-avatar{width:27px;height:27px}.bp-private{margin-left:-35px;width:calc(100% + 35px)}.bp-embed{padding-inline:12px}.bp-fields{column-gap:16px}.bp-shell .bp-button{padding-inline:9px}.bp-embed h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bp-shell *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Keep the real console labels readable in the narrow Discord-style message. */
.bp-controls .bp-button{font-size:14px}.bp-track-copy strong{font-size:14px}
@media(max-width:650px){.bp-controls .bp-button{font-size:14px;padding:10px 12px}}

/* The beta uses one request form and keeps old messages compact. */
.bp-request-form{display:grid;gap:12px}.bp-request-form>.bp-input-label,.bp-request-form>.bp-search-label{margin:0}.bp-request-form>.bp-panel-note{margin:0}.bp-request-form>.bp-primary{justify-self:start;min-width:110px}.bp-request-form .bp-search-results{margin:0}.bp-source-options{display:flex;flex-wrap:wrap;gap:9px 20px;border:0;padding:0;margin:6px 0}.bp-source-options legend{font-size:13px;font-weight:550;margin-bottom:8px;padding:0}.bp-source-option{display:flex;align-items:center;gap:9px;min-height:40px;cursor:pointer}.bp-source-option input{width:17px;height:17px;accent-color:var(--bp-gold)}.bp-form-error{margin:0;font-size:13px;color:#edcc95}.bp-form-error:empty{display:none}.bp-previous{border:1px solid var(--bp-line);border-radius:4px;padding:16px;margin-top:22px;max-width:750px;color:var(--bp-muted)}.bp-previous h4{font:600 13px/1.4 var(--sans);margin:0 0 5px}.bp-previous p{font-size:13px;overflow-wrap:anywhere;margin:0 0 11px}.bp-previous .bp-button{font-size:12px;min-height:36px}.bp-details{display:grid;gap:14px;margin:20px 0}.bp-details dt{font-size:12px;color:var(--bp-muted)}.bp-details dd{margin:3px 0 0;overflow-wrap:anywhere}.bp-video-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;aspect-ratio:16/9;padding:22px;background:#1b1b1e;border:1px solid var(--bp-line);border-radius:4px;margin-bottom:18px}.bp-video-label{font-size:11px;color:var(--bp-muted)}.bp-video-placeholder strong{font:500 21px/1.3 var(--serif);color:#e9e5d9}.bp-video-placeholder>span:last-child{font-size:13px;font-variant-numeric:tabular-nums;color:var(--bp-muted)}
@media(max-width:650px){.bp-previous{padding:14px}.bp-source-option{min-height:44px}.bp-request-form>.bp-primary{justify-self:stretch}.bp-video-placeholder{aspect-ratio:auto;min-height:160px}.bp-private-controls .bp-button{font-size:13px!important}}
