/* A dark conversation stage with a restrained silver light behind the conveyor. */
.bw-view:has(.bc-conversations){overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 8px 24px;}
.bc-conversations{position:relative;isolation:isolate;overflow:hidden;border-radius:25px;background:#08090c;color:#fff;margin:0;box-shadow:0 12px 26px -20px #0009,inset 0 1px 0 #ffffff22;}
.bc-conversations::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 90% at 50% 96%,#c6ccd542,transparent 76%),linear-gradient(100deg,transparent 12%,#dce2ed05 30%,#dce2ed12 48%,#dce2ed04 63%,transparent 82%);}
.bc-conversations::after{content:"";position:absolute;inset:0 9% 0;z-index:-1;pointer-events:none;opacity:.25;background:repeating-linear-gradient(91deg,transparent 0 2px,#dce6f40c 2px 3px,transparent 3px 5px);mask-image:radial-gradient(ellipse at 50% 80%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 80%,#000,transparent 75%);}
.bc-track{position:relative;display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:12px 12% 0;}
.bc-track::-webkit-scrollbar{display:none;}
.bw-workspace .bc-card{flex:0 0 100%;min-width:0;display:block;scroll-snap-align:center;scroll-snap-stop:normal;appearance:none;border:0;background:none;padding:0;text-align:left;color:#fff;touch-action:pan-x pan-y;}
.bc-card-face{position:relative;display:flex;flex-direction:column;justify-content:flex-start;height:126px;border-radius:19px;padding:12px 15px;background:linear-gradient(155deg,#d4daed15,#ffffff04 58%,#ffffff09);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff09;border:1px solid #ffffff0a;transform-origin:center;}
.bc-date{font-size:9px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#acafbc;line-height:1.35;margin-bottom:5px;}
.bc-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;font-weight:550;letter-spacing:-.45px;line-height:1.15;overflow-wrap:anywhere;color:#f8f8fa;}
.bc-preview{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.4;color:#b9bac4;margin-top:6px;overflow-wrap:anywhere;}
.bc-exchanges{font-size:9px;line-height:1.5;color:#8f939f;margin-top:auto;padding-top:4px;}
.bc-foot{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:0 10px 3px;}
.bw-workspace .bc-direction{flex:none;border:0;background:none;color:#d9dbe4;width:38px;min-height:44px;padding:0;font-size:27px;font-weight:300;line-height:1;}
.bw-workspace .bc-direction:disabled{opacity:.2;}
.bc-position{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:10px;}
.bc-dots{display:flex;align-items:center;justify-content:center;gap:5px;min-height:6px;max-width:100%;}
.bc-dots span{display:block;flex:0 1 4px;width:4px;height:4px;border-radius:9px;background:#676a74;transition:background .2s,width .25s;}
.bc-dots span.is-current{background:#f5f5f8;width:13px;flex-basis:13px;}
.bc-hint{color:#a4a7b2;font-size:9px;line-height:1.3;text-align:center;}
.bc-empty{width:100%;text-align:center;min-height:151px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 12px 18px;}
.bc-empty-mark{font:40px/1 Georgia,serif;color:#e5e8f1a6;height:32px;}
.bc-empty strong{font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.4px;color:#f4f4f8;}
.bc-empty p{font-size:11px;line-height:1.6;color:#b0b3bf;max-width:185px;margin:12px 0 0;}
.bc-conversations.is-empty .bc-track{mask-image:none;-webkit-mask-image:none;}
.bw-workspace .bc-card:focus-visible{outline:2px solid #c5cbdf;outline-offset:3px;border-radius:22px;}
.dark-mode .bc-conversations{box-shadow:0 12px 26px -20px #0009,inset 0 0 0 1px #ffffff17;}
@media(prefers-reduced-motion:reduce){.bc-dots span{transition:none;}}

/* A simple stationary fade at the carousel edges. */
.bc-viewport{position:relative;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);}
.bc-conversations.is-empty .bc-viewport{mask-image:none;-webkit-mask-image:none;}
@media(prefers-reduced-transparency:reduce){.bc-viewport{mask-image:none;-webkit-mask-image:none;}}