/* Geometry only: no fixed/z-index optical ancestor, no fabricated material. */
.liquid-portal-layer { display: contents; pointer-events: none; }
.liquid-portal-stage { position: absolute; z-index: auto; overflow: hidden; pointer-events: auto; line-height: 0; --glass-ink: #18353e; }
.liquid-source-slot { display: contents; }
.liquid-layout-proxy { visibility: hidden !important; pointer-events: none !important; }
.liquid-surface-actual {
  position: static !important; inset: auto !important; transform: none !important;
  z-index: auto !important; margin: 0 !important; justify-self: auto !important; align-self: auto !important;
  background: transparent !important; border-color: transparent !important;
  box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
/* Standard Tailwind utility values emitted by the unmodified npm component. */
.liquid-portal-stage .relative { position: relative; }
.liquid-portal-stage .bg-black { background-color: #000; }
.liquid-portal-stage .opacity-0 { opacity: 0; }
.liquid-portal-stage .opacity-20 { opacity: .2; }
.liquid-portal-stage .opacity-100 { opacity: 1; }
.liquid-portal-stage .mix-blend-overlay { mix-blend-mode: overlay; }
.liquid-portal-stage .pointer-events-none { pointer-events: none; }
.liquid-portal-stage .text-white { color: #fff; }
.liquid-portal-stage .transition-all { transition-property: all; }
.liquid-portal-stage .duration-150 { transition-duration: 150ms; }
.liquid-portal-stage .ease-in-out { transition-timing-function: cubic-bezier(.4,0,.2,1); }
.liquid-portal-stage .cursor-pointer { cursor: pointer; }
/* This host measures portaled controls; its fixed layer must not intercept
   real pointer input. Only the visible portal stage owns hit testing. */
.liquid-island { width: fit-content; max-width: 100%; min-height: 56px; pointer-events: none !important; }
.liquid-control-shell { position: relative; height: 56px; width: max-content; max-width: 100%; min-width: 150px; visibility: hidden; pointer-events: none; }
.liquid-size-measure { display: flex; align-items: center; gap: 3px; width: max-content; height: 56px; max-width: 100%; padding: 6px; }
.liquid-items { display: flex; align-items: center; min-height: 42px; gap: 3px; padding: 0; overflow-x: auto; scrollbar-width: none; }
.liquid-items::-webkit-scrollbar { display: none; }
.liquid-item { appearance: none; border: 0; background: transparent; color: var(--glass-ink,#18353e); position: relative; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; min-height: 42px; border-radius: 999px; white-space: nowrap; font: 550 13px/1.2 Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif; letter-spacing: .02em; cursor: pointer; transition: color .22s ease,background .22s ease; }
.liquid-item:hover { background: #ffffff26; }
.liquid-item:focus-visible { outline: 2px solid #087dac; outline-offset: -3px; }
.liquid-item.is-selected { color: #fff; background: #124c62; }
.liquid-item-small { color: #24454f; font-size: 9px; letter-spacing: .08em; }
.liquid-item-count { color: #24454f; font-size: 10px; font-variant-numeric: tabular-nums; }
.liquid-item.is-selected .liquid-item-small,.liquid-item.is-selected .liquid-item-count { color: #dceff5; }
.liquid-item:disabled { opacity: .4; cursor: default; }
@media (max-width:640px) {
  .liquid-item { padding: 12px 14px; font-size: 12px; gap: 5px; }
  .liquid-item-small { display: none; }
  .liquid-control-shell { min-width: 120px; }
  .platform-island.liquid-island { width: 100%; min-width: 0; }
  .liquid-control-shell[data-kind="controls"] { width: 100%; min-width: 0; }
  .liquid-control-shell[data-kind="controls"] .liquid-size-measure,.liquid-portal-stage[data-kind="controls"] .liquid-items { display: grid; grid-template-columns: repeat(var(--liquid-columns),minmax(0,1fr)); width: 100%; max-width: 100%; overflow: visible; }
  .liquid-control-shell[data-kind="controls"] .liquid-item,.liquid-portal-stage[data-kind="controls"] .liquid-item { min-width: 0; width: 100%; font-size: 11.5px; letter-spacing: 0; padding-inline: 7px; gap: 4px; }
  .liquid-control-shell[data-kind="controls"] .liquid-item-count,.liquid-portal-stage[data-kind="controls"] .liquid-item-count { font-size: 9.5px; }
}
@media (max-width:370px) { .liquid-control-shell[data-kind="controls"] .liquid-item,.liquid-portal-stage[data-kind="controls"] .liquid-item { font-size: 11px; padding-inline: 3px; } }
@media (prefers-reduced-motion:reduce) { .liquid-item { transition: none; } }