/* Trà Sữa Đầu Hẻm: pastel mint cart, strawberry-pink actions, bubbly rounded type. */
:root {
  --bg: #f1faf6; --card: #ffffff; --edge: #d3ece2; --soft: #e6f5ee; --ink: #213f37; --ink2: #5c8678;
  --coral1: #ff8fb1; --coral2: #f2638d; --coral3: #c2436a; --green-t: #23936c; --shadow: 0 4px 16px rgba(35, 110, 88, .1);
  --bar: #ffffff; --tk-bg: #ffffff; --tk-line: #f2638d; --tk-badge: #2f9e7e; --tk-chip: #e6f5ee; --tk-radius: 30px;
  --logo: #ffffff; --logo-sub: #ffe1ea; --logo-edge: #e0507d; --sign-ink: #1f5a4a; --sign-ink2: #3d8a72;
  --title: 'Baloo 2', 'Be Vietnam Pro', sans-serif;
}
html, body { background: #dff1e9; }
#title .logo { font-size: 60px; letter-spacing: -.5px; -webkit-text-stroke: 2px #e0507d; paint-order: stroke fill; text-shadow: 0 5px 0 #e0507d, 0 9px 14px rgba(160, 40, 80, .25); transform: rotate(-3deg); }
#title .logo small { display: table; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 2px 16px 4px; border-radius: 999px; background: #2f9e7e; color: #fff; font-size: 24px; text-shadow: none; -webkit-text-stroke: 0; transform: rotate(2deg); }
.hud { border-bottom: 0; box-shadow: 0 3px 0 #d3ece2; }
.chip { background: #e6f5ee; border-color: transparent; }
.card { border-radius: 26px; border-color: transparent; box-shadow: 0 6px 20px rgba(35, 110, 88, .1); }
.dock { border-top: 0; box-shadow: 0 -3px 0 #d3ece2; }
.dock button:active, .dock button.on { background: #e6f5ee; }
.ticket { box-shadow: 0 6px 0 rgba(194, 67, 106, .25); }
.ticket .bar { background: #fde3eb; }
.sheet { border-radius: 32px 32px 0 0; }