.bsheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--surface-2);
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
  box-shadow: var(--elev-3);
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.bsheet.is-open {
  transform: translateY(0);
}
.bsheet[hidden] { display: none; }
.bsheet__header,
.bsheet__footer {
  padding: var(--sp-3);
  border-bottom: 1px solid var(--border);
}
.bsheet__footer { border-top: 1px solid var(--border); border-bottom: 0; }
.bsheet__body {
  padding: var(--sp-3);
  overflow: auto;
}
@media (prefers-reduced-motion: reduce) {
  .bsheet { transition: none; }
}