.plais-place-picker {
  --choice-ink: #f6f8fc; --choice-muted: #c8d5e6; --choice-accent: #ffe43b;
  position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: 100%; max-height: 100dvh;
  box-sizing: border-box; margin: 0; border: 0; padding: max(22px, env(safe-area-inset-top)) 24px max(18px, env(safe-area-inset-bottom));
  color: var(--choice-ink); background: linear-gradient(165deg, #192841 20%, #213957 65%, #367db0);
  font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif; overflow: hidden;
}
.plais-place-picker[open] { display: flex; flex-direction: column; }
.plais-place-picker::backdrop { background: #101d35cc; }
.plais-place-picker header { position: relative; padding-right: 44px; flex-shrink: 0; }
.plais-place-picker header small { color: var(--choice-muted); font-size: 12px; letter-spacing: .12em; }
.plais-place-picker h2 { color: inherit; font-size: clamp(21px, 5vw, 30px); margin: 9px 0; }
.plais-place-picker button { font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.plais-place-picker button:focus-visible { outline: 3px solid var(--choice-accent); outline-offset: -3px; }
.plais-place-picker__close { position: absolute; right: 0; top: 0; width: 44px; height: 44px; border: 0; background: transparent; font-size: 34px !important; }
.plais-place-picker__hint { margin: 6px 0 14px; font-size: 12px; color: var(--choice-muted); }
.plais-place-picker ol { margin: 0; padding: 0; list-style: none; overflow-y: auto; overscroll-behavior: contain; flex: 1; min-height: 0; }
.plais-place-picker li + li { border-top: 1px solid #0d1d3299; }
.plais-place-picker li button { display: flex; align-items: flex-start; gap: 20px; width: 100%; text-align: left; padding: 22px 2px; border: 0; background: transparent; min-height: 100px; }
.plais-place-picker li button:active { background: #ffffff10; }
.plais-place-picker__number { min-width: 26px; color: var(--choice-accent); font-size: 26px; font-weight: 800; line-height: 1.4; }
.plais-place-picker__body { display: block; flex: 1; min-width: 0; }
.plais-place-picker__body strong { display: block; font-size: clamp(20px, 5vw, 28px); line-height: 1.4; overflow-wrap: anywhere; }
.plais-place-picker__meta { display: flex; gap: 10px; margin-top: 10px; color: var(--choice-muted); font-size: clamp(13px, 3.4vw, 17px); line-height: 1.6; }
.plais-place-picker__meta b { color: var(--choice-ink); flex-shrink: 0; }
.plais-place-picker__meta > span { border-left: 1px solid #93a9c3; padding-left: 10px; overflow-wrap: anywhere; }
.plais-place-picker footer { flex-shrink: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; padding-top: 10px; }
.plais-place-picker__feedback { flex-basis: 100%; text-align: center; font-size: 13px; margin: 0; }
.plais-place-picker__more { border: 1px solid #c8d5e6; border-radius: 30px; background: transparent; min-height: 46px; padding: 10px 24px; }
.plais-place-picker__mic { border: 0; border-radius: 24px; background: var(--choice-accent); color: #192841 !important; font-weight: 800 !important; min-height: 46px; padding: 10px 22px; }
@media(min-width: 760px) {
  .plais-place-picker { inset: 20px 0; margin: auto; width: 640px; height: calc(100dvh - 40px); border-radius: 24px; padding: 28px 34px; }
}