html, body { width: 100%; height: 100%; min-height: 0; margin: 0; overflow: hidden; background: transparent; }
#appContainer { height: 100%; min-height: 0; max-width: none; border: 0; box-shadow: none; border-radius: 0; }
#cardsList { min-height: 0; }
#upwardDrawer {
  max-height: 86%; overflow-y: auto; overscroll-behavior: contain;
  transition: transform 0.48s cubic-bezier(0.55, 0, 0.8, 0.35), opacity 0.36s ease, visibility 0s linear 0.48s;
}
#upwardDrawer:not(.is-open) { visibility: hidden; pointer-events: none; }
#upwardDrawer.is-open {
  visibility: visible;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, visibility 0s;
}
#drawerBackdrop { position: absolute; }
.trip-card .trip-card-toggle { width: 100%; text-align: left; }
.trip-card .trip-card-toggle > span:first-child > span:nth-child(2) { font-size: 14px; font-weight: 700; }
.trip-card .floating-field input,
#bottomTriggerBar button,
#bottomTriggerBar button span { font-weight: 400; }
#bottomTriggerBar button > span:nth-child(2) { font-weight: 700; }
.trip-card [id^="datetext-"] { font-size: 10px; }
.trip-card input[type="date"] { min-width: 0; }
@media (max-width: 460px) {
  .trip-card .trip-card-toggle { flex-direction: row; align-items: center; gap: 4px; padding: 12px 10px; }
  .trip-card .trip-card-toggle > span:first-child { flex: 0 1 auto; min-width: 0; gap: 4px; }
  .trip-card .trip-card-toggle > span:first-child > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .trip-card .trip-card-toggle > span:last-child { flex: 0 1 auto; min-width: 0; gap: 3px; margin-left: auto; }
  .trip-card .trip-card-toggle > span:last-child > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
  .trip-card .trip-card-toggle [id^="badge-"] { padding-inline: 4px; font-size: 10px; }
}
.trip-card button:focus-visible, #upwardDrawer button:focus-visible, #appContainer header button:focus-visible {
  outline: 2px solid var(--current-accent, #e08a3c); outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .upward-drawer, .smooth-card-expand, .trip-card, .trip-card * { animation-duration: 1ms !important; transition-duration: 1ms !important; }
  #upwardDrawer, #upwardDrawer.is-open { transition-delay: 0s !important; }
}