/* The phone uses a viewport-height picker with a separately scrolling list. */
#local-create-menu [hidden] { display: none !important; }

#local-create-menu {
  --c-page: var(--pc-page, var(--background-color, Canvas));
  --c-ink: var(--pc-ink, var(--text-primary, CanvasText));
  --c-dim: var(--pc-dim, color-mix(in srgb, var(--c-ink) 65%, var(--c-page)));
  --c-line: var(--pc-line, color-mix(in srgb, var(--c-ink) 12%, transparent));
  --c-soft: color-mix(in srgb, var(--c-ink) 6%, transparent);
  --c-accent: var(--pc-hl, var(--primary-color, var(--c-ink)));
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--c-page) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  font: inherit;
  color: var(--c-ink) !important;
  -webkit-text-fill-color: var(--c-ink) !important;
}
#local-create-menu::backdrop {
  background: var(--c-page);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#local-create-menu .cm-create-menu__head {
  align-items: center;
  padding: calc(12px + env(safe-area-inset-top, 0px))
    max(20px, env(safe-area-inset-right, 0px)) 8px
    max(20px, env(safe-area-inset-left, 0px));
}
#local-create-menu .cm-create-menu__head h2 { font-size: 32px; line-height: 36px; }
#local-create-menu .cm-create-menu__head h2:focus { outline: none; }
#local-create-menu .cm-create-menu__close {
  width: 44px;
  height: 44px;
  background: var(--c-soft) !important;
}
#local-create-menu .cm-create-menu__close svg { width: 22px; height: 22px; }
#local-create-menu svg,
#local-create-menu svg path {
  fill: none !important;
  stroke: currentColor !important;
}
#local-create-menu .cm-create-menu__body {
  flex: 1;
  align-content: start;
  gap: 24px;
  padding: 12px max(20px, env(safe-area-inset-right, 0px))
    calc(28px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
  overscroll-behavior: contain;
}
#local-create-menu .cm-create-menu__body h3 {
  margin-bottom: 8px;
  padding-inline: 4px;
  font-size: 13px;
}
#local-create-menu .cm-create-menu__options {
  display: grid;
  gap: 2px;
  padding: 4px;
  background: color-mix(in srgb, var(--c-ink) 4%, var(--c-page));
  border-radius: 20px;
}
#local-create-menu .cm-create-menu__options > button {
  grid-template-columns: 36px minmax(0, 1fr) 12px;
  min-height: 60px;
  padding: 8px;
  border: 0 !important;
  border-radius: 16px;
  background: transparent !important;
}
#local-create-menu .cm-create-menu__options > button:active,
#local-create-menu .cm-create-menu__close:active { background: var(--c-soft) !important; }
#local-create-menu button { box-shadow: none !important; }
#local-create-menu .cm-create-menu__icon {
  width: 36px;
  height: 36px;
  background: var(--c-page) !important;
}
#local-create-menu .cm-create-menu__options strong { font-size: 15px; }
#local-create-menu .cm-create-menu__options small { font-size: 13px; line-height: 18px; }
#local-create-menu :is(h2, strong, button, .cm-create-menu__icon, svg) {
  color: var(--c-ink) !important;
  -webkit-text-fill-color: var(--c-ink) !important;
}
#local-create-menu :is(h3, small, .cm-create-menu__head p, .cm-create-menu__close) {
  color: var(--c-dim) !important;
  -webkit-text-fill-color: var(--c-dim) !important;
}
#local-create-menu .lc-error { margin: 0; font-size: 13px; color: var(--c-ink); }
.community-feed-embed {height:330px;overflow:hidden;border-radius:12px;margin:12px 0}
.community-feed-embed iframe {width:100%;height:100%;border:0}
