/* Expand your circle. All selectors are deliberately namespaced. */
.xc-home  {
  margin: 4px 0 18px;
  color: var(--ink, #1a1d1b);
}
.xc-home-heading h2  {
  margin: 0;
  font-size: 18px;
  letter-spacing: -.2px;
}
.xc-home-heading p  {
  margin: 3px 0 10px;
  color: #747b77;
  font-size: 13px;
}
.xc-start-card,.xc-page-card  {
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  box-sizing:border-box;
  padding:12px;
  border:1px solid #e1e5e2;
  border-radius:18px;
  background:#fff;
  color:#1a1d1b;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.xc-start-card strong,.xc-page-card b  {
  display:block;
  font-size:15px;
}
.xc-start-card small,.xc-page-card small  {
  display:block;
  margin-top:3px;
  color:#747b77;
  font-size:12px;
  line-height:1.35;
}
.xc-start-card>b,.xc-arrow  {
  margin-left:auto;
  color:#9aa29e;
  font-size:24px;
  font-weight:400;
}
.xc-card-plus  {
  display:grid;
  place-items:center;
  flex:none;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#1a1d1b;
  color:#fff;
  font-size:25px;
}
.xc-page-photo,.xc-page-placeholder  {
  width:78px;
  height:78px;
  flex:none;
  border-radius:12px;
  background:#e9edeb center/cover no-repeat;
}
.xc-page-placeholder  {
  display:grid;
  place-items:center;
  background:#1a1d1b;
  color:#fff;
  text-align:center;
  font-size:14px;
  line-height:1.1;
}
.xc-page-copy  {
  min-width:0;
  flex:1;
}
.xc-page-top  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
}
.xc-page-top i  {
  padding:3px 7px;
  border-radius:999px;
  background:#ecefed;
  color:#68716c;
  font-size:11px;
  font-style:normal;
}
.xc-page-top i.is-on  {
  background:#e7f2ec;
  color:#1f5a41;
}
.xc-page-hi  {
  display:inline-block;
  margin-top:5px;
  padding:2px 8px;
  border-radius:999px;
  background:#edf0ee;
  color:#1a1d1b;
  font-size:11px;
  font-weight:700;
}
.xc-page-tags  {
  display:block;
  margin-top:5px;
  color:#59635e;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.xc-fab  {
  position:fixed;
  right:18px;
  bottom:calc(env(safe-area-inset-bottom, 0px) + 84px);
  z-index:45;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#1a1d1b;
  color:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.24);
  font-size:32px;
  line-height:1;
  cursor:pointer;
}
.pane-home .xc-fab  {
  position:absolute;
  bottom:20px;
}
.app:has(.main-bottom-shell.show) .xc-fab  {
  bottom:calc(var(--main-bottom-shell-offset, 88px) + 12px);
}
.app:has(.main-bottom-shell.show) .pane-home .xc-fab  {
  bottom:calc(var(--main-bottom-shell-offset, 88px) + 12px);
}
html.is-desktop-board .pane-home .xc-fab  {
  bottom:96px;
}
body:has(#plusMenu.show) .xc-fab  {
  display:none;
}
/* Speed dial: dimmed screen, white labels, round white buttons, × where the + was. */
.xc-dial-wrap  {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2200;
}
.xc-dial-scrim  {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(18,22,20,.38);
}
.xc-dial  {
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
  max-width:calc(100vw - 32px);
}
.xc-dial-caption  {
  color:#fff;
  font-size:13px;
  font-weight:650;
  opacity:.92;
}
.xc-dial-item  {
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  border:0;
  background:none;
  color:#fff;
  text-align:right;
  cursor:pointer;
}
.xc-dial-label  {
  font-size:19px;
  font-weight:750;
  line-height:1.15;
  text-shadow:0 1px 6px rgba(18,22,20,.38);
}
.xc-dial-label small  {
  display:block;
  margin-top:2px;
  font-size:12px;
  font-weight:500;
  opacity:.88;
}
.xc-dial-dot  {
  display:grid;
  place-items:center;
  flex:none;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#fff;
  color:#1a1d1b;
  box-shadow:0 4px 14px rgba(0,0,0,.16);
}
.xc-dial-dot svg  {
  width:26px;
  height:26px;
}
.xc-dial-close  {
  position:absolute;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#1a1d1b;
  box-shadow:0 5px 16px rgba(0,0,0,.24);
  font-size:32px;
  line-height:1;
  cursor:pointer;
  transform:rotate(45deg);
}
@media (max-width:380px)  {
  .xc-dial-label  {
    font-size:16px;
  }
}
.xc-line  {
  width:100%;
  box-sizing:border-box;
  padding:10px 11px;
  border:1px solid #d9dfdb;
  border-radius:12px;
  background:#fff;
  color:#1a1d1b;
  font:inherit;
  font-size:16px;
  resize:vertical;
}
.xc-primary  {
  min-height:43px;
  padding:0 17px;
  border:0;
  border-radius:999px;
  background:#1a1d1b;
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.xc-tags  {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.xc-tag  {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border:0;
  border-radius:999px;
  background:#edf0ee;
  color:#37413b;
  font-size:13px;
  cursor:pointer;
}
.xc-tag span  {
  color:#79827c;
  font-size:16px;
}
.xc-edit-tags input  {
  min-width:100px;
  margin-top:9px;
  border:0;
  outline:0;
  font:inherit;
  font-size:14px;
}
.xc-chat-top  {
  position:sticky;
  top:8px;
  z-index:3;
  display:flex;
  width:100%;
  padding:0 0 8px;
  background:linear-gradient(to bottom, var(--xc-chat-bg, #f7f8f7) calc(100% - 8px), transparent);
  justify-content:center;
  margin:0 0 10px;
  pointer-events:none;
}
.xc-mode-chip  {
  pointer-events:auto;
  padding:6px 12px;
  border:0;
  border-radius:999px;
  background:#1a1d1b;
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
  cursor:pointer;
}
.xc-mode-chip span  {
  margin-left:3px;
  color:#cbd1cd;
}
.agent-home:has(.xc-chat)  {
  display:block;
  min-height:auto;
  padding-top:12px;
  justify-content:flex-start;
}
.xc-chat  {
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  padding:8px 2px 120px;
  color:#1a1d1b;
  transform-origin:top center;
  transition:opacity 200ms ease, transform 200ms ease;
}
.xc-chat.is-leaving  {
  opacity:0;
  transform:scale(.98);
}
.xc-msg  {
  display:flex;
  align-items:flex-end;
  gap:8px;
  max-width:100%;
}
.xc-msg.is-me  { justify-content:flex-end; }
.xc-msg-body  { max-width:80%; min-width:0; }
.xc-msg.is-ai .xc-bubble,
.xc-msg.is-me .xc-bubble  {
  padding:10px 13px;
  font-size:16px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.xc-msg.is-me .xc-bubble  { max-width:80%; }
.xc-msg.is-ai .xc-msg-body .xc-bubble  { max-width:100%; }
.xc-msg.is-ai .xc-bubble  {
  border-radius:4px 18px 18px 18px;
  background:#edf0ee;
  color:#1a1d1b;
}
.xc-msg.is-me .xc-bubble  {
  border-radius:18px 18px 4px 18px;
  background:#1a1d1b;
  color:#fff;
}
.xc-bubble small  {
  display:block;
  margin-top:4px;
  color:#66706a;
  font-size:13px;
  line-height:1.35;
}
.xc-ai-avatar  {
  width:30px;
  height:30px;
  flex:0 0 30px;
}
.xc-msg-actions  {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.xc-msg-actions .xc-pill,
.xc-msg-actions .xc-primary  {
  width:auto;
  min-height:34px;
  margin:0;
  padding:0 14px;
  border:1px solid #d5dbd7;
  border-radius:999px;
  background:#fff;
  color:#1a1d1b;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.xc-msg-actions .xc-primary  {
  border-color:#1a1d1b;
  background:#1a1d1b;
  color:#fff;
}
.xc-msg-actions button:disabled  {
  opacity:.45;
  cursor:default;
}
.xc-typing  {
  display:inline-flex;
  gap:3px;
  margin-left:6px;
  vertical-align:middle;
}
.xc-typing i  {
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  animation:xc-dot 1.1s infinite ease-in-out;
}
.xc-typing i:nth-child(2)  { animation-delay:.15s; }
.xc-typing i:nth-child(3)  { animation-delay:.3s; }
@keyframes xc-dot  {
  0%,80%,100%  { opacity:.25; transform:translateY(0); }
  40%  { opacity:1; transform:translateY(-2px); }
}
.xc-quote  {
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-left:3px solid #b7c0bb;
  border-radius:8px;
  background:rgba(255,255,255,.62);
  color:#1a1d1b;
  font-size:15px;
}
.xc-bubble .xc-tags  { margin-top:8px; }
.xc-msg.is-ai .xc-tag  { background:#fff; }
.xc-thumbs  { display:flex; flex-wrap:wrap; gap:6px; }
.xc-thumbs i  {
  width:72px;
  height:72px;
  border-radius:10px;
  background:#2c312f center/cover no-repeat;
}
.xc-page-card-msg  {
  width:min(280px, 80%);
  padding:8px;
  border:1px solid #e1e5e2;
  border-radius:18px;
  background:#fff;
  color:#1a1d1b;
}
.xc-card-photo  {
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4 / 5;
  border-radius:14px;
  background:#e4e7e5 center/cover no-repeat;
  color:#5c6660;
  font-size:15px;
  font-weight:700;
}
.xc-card-author  {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.xc-card-avatar  {
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1a1d1b center/cover no-repeat;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.xc-card-line  { margin:6px 0 0; font-size:15px; line-height:1.4; }
.xc-card-tags  { margin:4px 0 0; color:#5f6b64; font-size:13px; }
.xc-live-line  {
  margin:8px 0 0;
  color:#3c4641;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.xc-live-line button  {
  margin-left:6px;
  border:0;
  background:transparent;
  color:#1a1d1b;
  font:inherit;
  font-weight:700;
  text-decoration:underline;
  cursor:pointer;
}
.xc-editor-wrap  {
  position:fixed;
  inset:0;
  z-index:2300;
  background:#f6f7f6;
  color:#1a1d1b;
  overflow:auto;
}
.xc-editor-wrap.is-left-panel-slide  {
  transform:translateX(-100%);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
  touch-action:pan-y;
}
.xc-editor-wrap.is-left-panel-slide .xc-editor,
.xc-editor-wrap.is-left-panel-slide .xc-editor *  {
  touch-action:pan-y;
}
html.is-desktop-board .app>.xc-editor-wrap.is-left-panel-slide  {
  position:absolute;
}
.xc-editor-wrap.is-left-panel-slide.is-open  {
  transform:translateX(0);
  z-index:2301;
}
.xc-editor-wrap.is-left-panel-slide.is-dragging,
.xc-editor-wrap.is-left-panel-slide.is-instant  {
  transition:none;
}
.xc-editor-wrap.is-left-panel-slide .xc-gallery-track,
.xc-editor-wrap.is-left-panel-slide .xc-gallery-track *  {
  touch-action:pan-x pan-y;
}
/* Brain Notes: photo rows and the tag strip scroll sideways. */
.xc-editor-wrap.is-left-panel-slide :is(.circle-photo-pager-scroller, .circle-media-carousel, .circle-photo-linear-feed, .circle-design-pages, .circle-filter-scroll),
.xc-editor-wrap.is-left-panel-slide :is(.circle-photo-pager-scroller, .circle-media-carousel, .circle-photo-linear-feed, .circle-design-pages, .circle-filter-scroll) *  {
  touch-action:pan-x pan-y;
}
.xc-editor  {
  max-width:620px;
  min-height:100%;
  margin:auto;
  background:#f6f7f6;
}
.xc-editor>header  {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:56px;
  display:grid;
  grid-template-columns:70px minmax(0,1fr) 70px;
  padding:0 16px;
  background:rgba(246,247,246,.94);
  backdrop-filter:blur(8px);
}
.xc-editor>header h1  {
  margin:0;
  overflow:hidden;
  font-size:15px;
  font-weight:750;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.xc-editor>header button,
.xc-head-actions button  {
  min-width:44px;
  border:0;
  background:transparent;
  color:#1a1d1b;
  font-size:15px;
  cursor:pointer;
}
.xc-head-actions  {
  display:flex;
  align-items:center;
}
.xc-head-actions [data-xc-share]  {
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
}
.xc-head-actions svg  {
  width:22px;
  height:22px;
}
.xc-editor>header>button:first-child  {
  width:44px;
  height:44px;
  padding:0;
  font-size:28px;
  font-weight:350;
  text-align:left;
}
.xc-head-actions { justify-content:flex-end; }
.xc-editor>header .xc-header-save, .xc-editor>header [data-xc-save]  {
  min-width:0;
  min-height:36px;
  padding:0 12px;
  border-radius:13px;
  background:#1a1d1b;
  color:#fff;
  font-size:12px;
  font-weight:750;
}
.xc-editor-scroll  {
  padding:0 16px calc(env(safe-area-inset-bottom, 0px) + 28px);
}
.xc-gallery-track  {
  display:flex;
  gap:7px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
}
.xc-gallery-track  {
  scrollbar-width:none;
}
.xc-gallery-track::-webkit-scrollbar  {
  display:none;
}
.xc-gallery-track figure,.xc-gallery-empty  {
  position:relative;
  min-width:100%;
  height:min(62vw,390px);
  margin:0;
  border-radius:18px;
  background:#e6eae7 center/cover no-repeat;
  scroll-snap-align:start;
}
.xc-gallery-empty  {
  display:grid;
  place-items:center;
  color:#77817b;
}
.xc-gallery-track figure button  {
  position:absolute;
  top:9px;
  right:9px;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  color:#fff;
  cursor:pointer;
}
.xc-gallery-add  {
  position:absolute;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:8px;
  border-radius:50%;
  background:#fff;
  color:#1a1d1b;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 1px 5px rgba(0,0,0,.16);
}
.xc-dots  {
  display:flex;
  justify-content:center;
  gap:5px;
  margin:7px 0 12px;
}
.xc-dots i  {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c7cdca;
}
.xc-dots i:first-child  {
  background:#1a1d1b;
}
.xc-author  {
  display:flex;
  align-items:center;
  gap:9px;
  margin:13px 2px;
}
.xc-author>span  {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:50%;
  background:#dce2de center/cover no-repeat;
  color:#fff;
  font-weight:700;
}
.xc-author b,.xc-author small  {
  display:block;
}
.xc-author b  {
  font-size:14px;
}
.xc-author small  {
  margin-top:2px;
  color:#768078;
  font-size:12px;
}
.xc-line  {
  border:0;
  padding:3px 1px;
  background:transparent;
  font-size:19px;
  line-height:1.4;
}
.xc-edit-tags  {
  margin-top:10px;
}
.xc-edit-tags input  {
  margin:0;
  padding:5px;
}
.xc-sections  {
  margin-top:17px;
}
.xc-section  {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:7px;
  padding:10px;
  border-radius:13px;
  background:#fff;
}
.xc-section>span  {
  color:#9aa29e;
}
.xc-section b  {
  font-size:14px;
}
.xc-section small  {
  flex:1;
  min-width:0;
  color:#77817b;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.xc-section button  {
  width:25px;
  height:25px;
  padding:0;
  border:0;
  border-radius:6px;
  background:#f0f2f0;
  color:#526059;
  cursor:pointer;
}
.xc-section button:disabled  {
  opacity:.32;
}
.xc-add-more  {
  width:100%;
  margin-top:9px;
  min-height:44px;
  border:1px dashed #b6bdb8;
  border-radius:13px;
  background:transparent;
  color:#47514b;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
}
.xc-link-toggle  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:18px;
  padding:12px;
  border-radius:13px;
  background:#fff;
  font-size:14px;
  font-weight:650;
}
.xc-link-toggle button  {
  position:relative;
  width:43px;
  height:26px;
  border:0;
  border-radius:999px;
  background:#d5dad7;
  cursor:pointer;
}
.xc-link-toggle button:after  {
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  transition:.15s;
}
.xc-link-toggle button.is-on  {
  background:#1a1d1b;
}
.xc-link-toggle button.is-on:after  {
  transform:translateX(17px);
}
.xc-handle  {
  display:flex;
  align-items:center;
  gap:3px;
  margin-top:10px;
  color:#68736c;
  font-size:13px;
}
.xc-handle input  {
  min-width:0;
  flex:1;
  height:34px;
  border:1px solid #dbe0dd;
  border-radius:8px;
  padding:0 7px;
  font:inherit;
  color:#1a1d1b;
}
.xc-publish  {
  width:100%;
  margin-top:16px;
}
.xc-sheet-wrap  {
  position:fixed;
  inset:0;
  z-index:2400;
  display:flex;
  align-items:end;
  background:rgba(0,0,0,.34);
}
.xc-sheet  {
  width:100%;
  max-width:620px;
  box-sizing:border-box;
  margin:auto;
  padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 18px);
  border-radius:20px 20px 0 0;
  background:#fff;
}
.xc-sheet header  {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.xc-sheet header b  {
  font-size:16px;
}
.xc-sheet header button  {
  border:0;
  background:transparent;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}
.xc-sheet p  {
  color:#737d77;
  font-size:13px;
}
.xc-spotlight-grid  {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  margin:14px 0;
}
.xc-spotlight-grid button  {
  aspect-ratio:1;
  border:2px solid transparent;
  border-radius:10px;
  background:center/cover no-repeat;
}
.xc-spotlight-grid button.is-selected  {
  border-color:#1a1d1b;
  box-shadow:inset 0 0 0 3px #fff;
}
html.is-dark .xc-spotlight-grid button.is-selected  { border-color:#edf1ee; }
.xc-category-chips  {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.xc-category-chips button  {
  padding:9px 12px;
  border:1px solid #dfe4e1;
  border-radius:999px;
  background:#fff;
  color:#303a34;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.xc-gallery-track  {
  position:relative;
}
html.is-dark .xc-home, html.is-dark .xc-editor-wrap, html.is-dark .xc-editor  {
  color:#edf1ee;
  background:#171a18;
}
html.is-dark .xc-start-card,
html.is-dark .xc-page-card,
html.is-dark .xc-section,
html.is-dark .xc-link-toggle  {
  background:#222725;
  border-color:#343b37;
  color:#edf1ee;
}
html.is-dark .xc-sheet  {
  background:#222725;
  color:#edf1ee;
}
html.is-dark .xc-chat  { color:#edf1ee; }
html.is-dark .xc-chat-top  { --xc-chat-bg:#171a18; }
html.is-dark .xc-msg.is-ai .xc-bubble  { background:#303734; color:#edf1ee; }
html.is-dark .xc-bubble small  { color:#a8b2ac; }
html.is-dark .xc-msg.is-me .xc-bubble  { background:#1a1d1b; color:#fff; }
html.is-dark .xc-quote  { background:#1c211f; color:#edf1ee; border-color:#5c6660; }
html.is-dark .xc-msg.is-ai .xc-tag  { background:#1a1d1b; color:#edf1ee; }
html.is-dark .xc-msg-actions .xc-pill  {
  background:#222725;
  border-color:#343b37;
  color:#edf1ee;
}
html.is-dark .xc-msg-actions .xc-primary  { background:#edf1ee; border-color:#edf1ee; color:#1a1d1b; }
html.is-dark .xc-page-card-msg  { background:#222725; border-color:#343b37; color:#edf1ee; }
html.is-dark .xc-card-photo  { background:#2a312e; color:#c5cdc8; }
html.is-dark .xc-card-tags,
html.is-dark .xc-live-line  { color:#c5cdc8; }
html.is-dark .xc-live-line button  { color:#edf1ee; }
.xc-line  {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  resize: none;
}
  .xc-gallery-track figure,
.xc-gallery-empty  {
  aspect-ratio: 4 / 5;
  height: auto;
}
.xc-section  {
  align-items: flex-start;
  justify-content: space-between;
}
.xc-section p  {
  margin: 3px 0 0;
  color: #77817b;
  line-height: 1.35;
}
.xc-section-tools  {
  display: flex;
  gap: 4px;
  flex: none;
}
.xc-copy-row  {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.xc-copy-row code  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.xc-copy-row button  {
  border: 0;
  border-radius: 8px;
  padding: 7px 10px;
  background: #edf0ee;
}
.xc-questions  {
  margin-top:18px;
  padding:13px;
  border-radius:13px;
  background:#fff;
}
.xc-questions h2  { margin:0; font-size:16px; }
.xc-questions p  { margin:5px 0 10px; color:#737d77; font-size:12px; line-height:1.4; }
.xc-question  { position:relative; display:grid; gap:7px; margin-top:9px; }
.xc-question textarea  {
  width:100%;
  box-sizing:border-box;
  min-height:42px;
  padding:10px 12px;
  padding-right:44px;
  border:1px solid #e1e5e2;
  border-radius:12px;
  background:#fff;
  color:#1a1d1b;
  font:inherit;
}
.xc-question select,.xc-question button,.xc-questions>button  {
  min-height:34px; border:1px solid #dbe0dd; border-radius:8px; background:#fff; font:inherit; font-size:12px;
}
html.is-dark .xc-questions  { background:#222725; color:#edf1ee; }
html.is-dark .xc-question textarea,html.is-dark .xc-question select,html.is-dark .xc-question button  {
  background:#171a18; border-color:#343b37; color:#edf1ee;
}
.xc-segmented  {
  display:flex;
  gap:4px;
  grid-column:1 / -1;
  padding:3px;
  border-radius:999px;
  background:#edf0ee;
}
.xc-segmented button  {
  flex:1;
  min-height:32px;
  padding:0 8px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#47514b;
  font:inherit;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
.xc-segmented button.is-on  {
  background:#1a1d1b;
  color:#fff;
}
.xc-answer-choice  {
  margin-top:4px;
}
.xc-question .xc-question-remove  {
  position:absolute;
  top:8px;
  right:8px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:#edf0ee;
  color:#68716c;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.xc-add-question  {
  width:100%;
  margin-top:9px;
  min-height:44px;
  border:1px dashed #b6bdb8;
  border-radius:13px;
  background:transparent;
  color:#47514b;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
}
.xc-publish-choices  {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:14px;
}
.xc-publish-choices button  {
  width:100%;
  height:52px;
  padding:0 14px;
  border:1px solid #dfe4e1;
  border-radius:14px;
  background:#fff;
  color:#1a1d1b;
  font:inherit;
  font-size:14px;
  font-weight:650;
  text-align:left;
  cursor:pointer;
}
.xc-messages  {
  margin-top:22px;
  padding:13px;
  border-radius:13px;
  background:#fff;
}
.xc-messages h2  {
  margin:0;
  font-size:16px;
}
.xc-messages>p  {
  margin:5px 0 12px;
  color:#737d77;
  font-size:12px;
  line-height:1.4;
}
.xc-message  {
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #ecefed;
}
.xc-message:first-of-type  {
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.xc-message-avatar  {
  display:grid;
  place-items:center;
  flex:none;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#dce2de center/cover no-repeat;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.xc-message b  {
  display:block;
  font-size:14px;
}
.xc-message small  {
  display:block;
  margin-top:2px;
  color:#768078;
  font-size:11px;
}
.xc-message p  {
  margin:6px 0 0;
  color:#47514b;
  font-size:13px;
  line-height:1.4;
}
.xc-delete  {
  display:block;
  width:100%;
  margin-top:14px;
  padding:10px;
  border:0;
  background:transparent;
  color:#c2413b;
  font:inherit;
  font-size:14px;
  font-weight:650;
  text-align:center;
  cursor:pointer;
}
.xc-link-toggle button.xc-renew,
.xc-link-toggle button.xc-renew.is-on  {
  flex:none;
  width:auto;
  height:30px;
  min-height:0;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:#edf0ee;
  color:#1a1d1b;
  font:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.xc-link-toggle button.xc-renew:after,
.xc-link-toggle button.xc-renew.is-on:after  {
  content:none;
  transform:none;
}
html.is-dark .xc-segmented  {
  background:#303734;
}
html.is-dark .xc-segmented button  {
  color:#c5cdc8;
}
html.is-dark .xc-segmented button.is-on  {
  background:#edf1ee;
  color:#171a18;
}
html.is-dark .xc-question .xc-question-remove  {
  background:#303734;
  color:#c5cdc8;
  border:0;
}
html.is-dark .xc-add-question  {
  border-color:#4a524d;
  color:#c5cdc8;
}
html.is-dark .xc-publish-choices button  {
  background:#222725;
  border-color:#343b37;
  color:#edf1ee;
}
html.is-dark .xc-messages  {
  background:#222725;
  color:#edf1ee;
}
html.is-dark .xc-message  {
  border-top-color:#343b37;
}
html.is-dark .xc-message p  {
  color:#c5cdc8;
}
html.is-dark .xc-link-toggle button.xc-renew,
html.is-dark .xc-link-toggle button.xc-renew.is-on  {
  background:#303734;
  color:#edf1ee;
}
/* Compact page editor: keep the same controls, with a thumbnail rail and one settings card. */
.xc-editor-scroll  {
  padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 20px);
}
.xc-gallery  {
  margin:0 -2px;
}
.xc-gallery-track  {
  align-items:center;
  min-height:88px;
  gap:8px;
  padding:0 2px;
  scroll-snap-type:x proximity;
}
.xc-gallery-track figure,
.xc-gallery-empty  {
  flex:none;
  min-width:88px;
  width:88px;
  height:88px;
  aspect-ratio:1;
  margin:0;
  border-radius:14px;
}
.xc-gallery-track figure button  {
  top:5px;
  right:5px;
  width:26px;
  height:26px;
}
.xc-gallery-add  {
  position:relative;
  top:auto;
  left:auto;
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:88px;
  height:88px;
  margin:0;
  border:1px dashed #b6bdb8;
  border-radius:14px;
  background:#edf0ee;
  box-shadow:none;
  color:#47514b;
  font-size:13px;
  gap:2px;
}
.xc-gallery-add span  {
  font-size:25px;
  font-weight:400;
  line-height:1;
}
.xc-gallery-add b  {
  font-size:12px;
}
.xc-gallery-hint  {
  max-width:185px;
  margin:0 4px;
  color:#77817b;
  font-size:12px;
  line-height:1.35;
}
.xc-author  { margin:10px 2px; }
.xc-page-name-field  {
  display:block;
  margin:8px 2px 10px;
}
.xc-page-name-label  {
  display:block;
  margin-bottom:4px;
  color:#5c636b;
  font-size:12px;
  font-weight:650;
}
.xc-page-name-input  {
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid #d5dad7;
  padding:6px 52px 6px 2px;
  font:inherit;
  font-size:16px;
  font-weight:600;
  color:#1a1d1b;
  background:transparent;
}
.xc-page-name-field  {
  position:relative;
}
.xc-page-name-counter  {
  position:absolute;
  right:2px;
  bottom:8px;
  color:#8a8f96;
  font-size:11px;
  font-weight:600;
}
.xc-line  { padding:2px 1px; }
.xc-edit-tags  { margin-top:8px; }
.xc-sections  { margin-top:12px; }
.xc-questions  { margin-top:12px; }
.xc-settings-card  {
  margin-top:12px;
  padding:0 12px 12px;
  border:1px solid #e1e5e2;
  border-radius:14px;
  background:#fff;
}
.xc-settings-card .xc-link-toggle  {
  min-height:48px;
  margin:0;
  padding:7px 0;
  border-radius:0;
  background:transparent;
  border-bottom:1px solid #ecefed;
}
.xc-settings-card .xc-link-toggle > span  {
  display:grid;
  gap:2px;
  padding-right:10px;
}
.xc-settings-card .xc-link-toggle b  {
  font-size:14px;
}
.xc-settings-card .xc-link-toggle small  {
  color:#77817b;
  font-size:11px;
  font-weight:400;
  line-height:1.25;
}
.xc-settings-card .xc-expiry-row  { font-size:13px; }
.xc-settings-card .xc-handle  { margin-top:9px; }
.xc-settings-card .xc-copy-row  { margin-top:7px; }
.xc-settings-card .xc-publish  { margin-top:12px; }
.xc-settings-card .xc-add-more  {
  min-height:38px;
  margin-top:5px;
  border:0;
  border-radius:999px;
  color:#47514b;
}
.xc-delete  { margin-top:7px; }
html.is-dark .xc-settings-card  {
  border-color:#343b37;
  background:#222725;
}
html.is-dark .xc-settings-card .xc-link-toggle  { border-bottom-color:#343b37; }
html.is-dark .xc-gallery-add  {
  border-color:#4a524d;
  background:#303734;
  color:#c5cdc8;
}
@media (max-width:350px)  {
  .xc-gallery-hint  { max-width:155px; }
}
.xc-search-entry  {
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  height:40px;
  margin:0 0 12px;
  padding:0 14px;
  border:1px solid #e1e5e2;
  border-radius:999px;
  background:#fff;
  color:#747b77;
  font:inherit;
  font-size:15px;
  text-align:left;
  cursor:pointer;
}
.xc-search-entry svg  {
  width:18px;
  height:18px;
  flex:none;
}
.xc-search-wrap  {
  position:fixed;
  inset:0;
  z-index:2300;
  background:#f6f7f6;
  color:#1a1d1b;
  overflow:auto;
}
/* The wrap also carries .find-me-v2 for shared styles; drop its page margin so nothing shows above the header. */
.xc-search-wrap.find-me-v2  {
  position:fixed;
  margin:0;
}
html.is-keyboard-open .xc-search-wrap  {
  top:var(--app-top, 0px);
  left:var(--app-left, 0px);
  right:auto;
  bottom:auto;
  width:var(--app-width, 100%);
  height:var(--app-height, 100%);
}
.xc-search  {
  max-width:620px;
  min-height:100%;
  margin:auto;
  background:#f6f7f6;
}
.xc-search>header  {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  height:56px;
  padding:0 12px;
  background:rgba(246,247,246,.94);
  backdrop-filter:blur(8px);
}
.xc-search>header button  {
  min-width:44px;
  border:0;
  background:transparent;
  color:#1a1d1b;
  font-size:32px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
.xc-search-input  {
  flex:1;
  min-width:0;
  height:40px;
  padding:0 14px;
  border:1px solid #e1e5e2;
  border-radius:999px;
  background:#fff;
  color:#1a1d1b;
  font:inherit;
  font-size:16px;
}
.xc-search-input:focus  {
  outline:0;
  border-color:#1a1d1b;
}
.xc-search-field  {
  position:relative;
  flex:1;
  min-width:0;
}
.xc-search-field .xc-search-input  {
  width:100%;
}
.xc-search-field:has(.xc-search-mic) .xc-search-input  {
  padding-right:40px;
}
.xc-search>header .xc-search-mic  {
  position:absolute;
  top:50%;
  right:4px;
  width:32px;
  height:32px;
  min-width:0;
  padding:0;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#5d6470;
  background:transparent;
  font-size:0;
  line-height:0;
  transform:translateY(-50%);
  cursor:pointer;
}
.xc-search>header .xc-search-mic svg  {
  width:18px;
  height:18px;
  display:block;
}
.xc-search>header .xc-search-mic.is-listening  {
  color:#fff;
  background:#e5484d;
  animation:xc-mic-pulse 1.4s ease-in-out infinite;
}
@keyframes xc-mic-pulse  {
  0%, 100%  { box-shadow:0 0 0 0 rgba(229,72,77,.35); }
  70%  { box-shadow:0 0 0 8px rgba(229,72,77,0); }
}
@media (prefers-reduced-motion:reduce)  {
  .xc-search>header .xc-search-mic.is-listening  { animation:none; }
}
.xc-search-scroll  {
  padding:4px 14px calc(env(safe-area-inset-bottom, 0px) + 28px);
}
.xc-search-hint  {
  margin:8px 2px 12px;
  color:#6b7570;
  font-size:14px;
  line-height:1.45;
}
.xc-search-chips  {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.xc-search-chips button  {
  padding:8px 12px;
  border:1px solid #e1e5e2;
  border-radius:999px;
  background:#fff;
  color:#1a1d1b;
  font:inherit;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
}
.xc-results  {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.xc-result-shell  {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.xc-result-request  {
  align-self:flex-start;
  margin-left:12px;
  padding:8px 14px;
  border:1px solid #1a1d1b;
  border-radius:999px;
  background:#fff;
  color:#1a1d1b;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.xc-result-request-sent  {
  margin-left:12px;
  color:#5c6660;
  font-size:13px;
  font-weight:650;
}
.xc-request-note  {
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.28);
}
.xc-request-note[hidden]  {
  display:none;
}
.xc-request-note-card  {
  width:min(92%,360px);
  padding:16px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}
.xc-request-note-card p  {
  margin:0 0 10px;
  font-weight:700;
}
.xc-request-note-card textarea  {
  width:100%;
  border:1px solid #d8dcda;
  border-radius:12px;
  padding:10px;
  font:inherit;
  resize:vertical;
}
.xc-request-note-actions  {
  display:flex;
  gap:8px;
  margin-top:12px;
}
.xc-request-note-actions button  {
  flex:1;
  height:40px;
  border-radius:12px;
  border:1px solid #d8dcda;
  background:#fff;
  font-weight:700;
  cursor:pointer;
}
.xc-request-note-actions .is-primary  {
  border-color:#1a1d1b;
  background:#1a1d1b;
  color:#fff;
}
.xc-result  {
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  padding:12px;
  border:1px solid #e1e5e2;
  border-radius:18px;
  background:#fff;
  color:#1a1d1b;
  text-align:left;
  font:inherit;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.xc-result-photo  {
  display:grid;
  place-items:center;
  flex:none;
  width:96px;
  aspect-ratio:16 / 10;
  border-radius:12px;
  background:#e6eae7 center / cover no-repeat;
  color:#1a1d1b;
  font-weight:750;
  overflow:hidden;
}
.xc-result-copy  {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  flex:1;
}
.xc-result-top  {
  display:flex;
  align-items:center;
  gap:6px;
}
.xc-result-top b  {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
}
.xc-result-purpose  {
  margin-left:auto;
  color:#6b7570;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.xc-result-you  {
  padding:2px 7px;
  border-radius:999px;
  background:#1a1d1b;
  color:#fff;
  font-size:11px;
  font-weight:700;
}
.xc-result-line  {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#5c6660;
  font-size:14px;
  line-height:1.35;
}
.xc-result-tags  {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.xc-result-chip  {
  padding:4px 9px;
  border-radius:999px;
  background:#eef1ef;
  color:#3f4843;
  font-size:12px;
  font-weight:650;
}
.xc-result-chip.is-match  {
  background:#1a1d1b;
  color:#fff;
}
.xc-result-mutual  {
  color:#3f4843;
  font-size:12px;
  font-weight:650;
}
html.is-dark .xc-search-entry,
html.is-dark .xc-search-chips button,
html.is-dark .xc-result  {
  background:#222725;
  border-color:#343b37;
  color:#edf1ee;
}
html.is-dark .xc-search-entry  {
  color:#9aa49e;
}
html.is-dark .xc-search-wrap,
html.is-dark .xc-search  {
  background:#171a18;
  color:#edf1ee;
}
html.is-dark .xc-search>header  {
  background:rgba(23,26,24,.94);
}
html.is-dark .xc-search>header button  {
  color:#edf1ee;
}
html.is-dark .xc-search-input  {
  background:#222725;
  border-color:#343b37;
  color:#edf1ee;
}
html.is-dark .xc-search-input:focus  {
  outline:0;
  border-color:#edf1ee;
}
html.is-dark .xc-search>header .xc-search-mic,
html[data-profile-theme="dark"] .xc-search>header .xc-search-mic  {
  color:#c5cdc8;
}
html.is-dark .xc-search>header .xc-search-mic.is-listening,
html[data-profile-theme="dark"] .xc-search>header .xc-search-mic.is-listening  {
  color:#fff;
  background:#e5484d;
}
html.is-dark .xc-search-hint,
html.is-dark .xc-result-purpose,
html.is-dark .xc-result-line  {
  color:#9aa49e;
}
html.is-dark .xc-result-photo  {
  background:#303734;
  color:#edf1ee;
}
html.is-dark .xc-result-chip  {
  background:#303734;
  color:#edf1ee;
}
html.is-dark .xc-result-chip.is-match  {
  background:#edf1ee;
  color:#171a18;
}
html.is-dark .xc-result-mutual  {
  color:#c5cdc8;
}
.xc-field-label  {
  margin:20px 0 8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#77817b;
}
.xc-preview-title  {
  margin:12px 0 4px;
  font-size:22px;
}
.xc-preview-about  {
  margin:0 0 10px;
  line-height:1.45;
  color:#343b37;
}
.xc-preview-contact-note { margin:14px 0; color:#68736c; font-size:13px; line-height:1.4; }
.xc-preview-block  {
  margin:14px 0;
}
.xc-chip-row,.xc-open-to-tags  {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:6px 0;
}
.xc-chip-suggest  {
  min-height:36px;
  border:1px solid #d5dbd7;
  border-radius:999px;
  padding:6px 10px;
  background:#fff;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.xc-chip-suggest.is-on  {
  background:#1a1d1b;
  border-color:#1a1d1b;
  color:#fff;
}
.xc-open-to-choices input { min-width:120px; min-height:36px; box-sizing:border-box; border:1px solid #d5dbd7; border-radius:999px; padding:0 12px; background:#fff; color:#1a1d1b; font:inherit; font-size:16px; }
.xc-subfield  {
  margin:8px 0 12px;
  padding:13px;
  border:1px solid #e1e5e2;
  border-radius:16px;
  background:#fff;
}
.xc-subfield input  {
  width:100%;
  margin-top:6px;
  border:0;
  border-radius:10px;
  min-height:44px;
  box-sizing:border-box;
  padding:10px 12px;
  font:inherit;
  font-size:16px;
}
.xc-age-fields { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:8px; margin-top:8px; }
.xc-age-fields label { color:#68736c; font-size:12px; font-weight:650; }
.xc-age-fields input { margin-top:4px; }
.xc-age-fields>span { padding-bottom:13px; color:#77817b; font-size:13px; }
.xc-mini-toggle  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
  font-size:13px;
}
.xc-mini-toggle button  {
  position:relative;
  width:46px;
  height:28px;
  border:0;
  border-radius:999px;
  background:#c7cdca;
}
.xc-mini-toggle button:after { content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:#fff; transition:transform .16s ease; }
.xc-mini-toggle button.is-on  {
  background:#1a1d1b;
}
.xc-mini-toggle button.is-on:after { transform:translateX(18px); }
.xc-contact-row  {
  position:relative;
  display:grid;
  gap:9px;
  margin:9px 0;
  padding:13px;
  border:1px solid #e1e5e2;
  border-radius:16px;
  background:#fff;
}
.xc-contact-row select,.xc-contact-row input { width:100%; min-height:44px; box-sizing:border-box; border:1px solid #d9dfdb; border-radius:11px; padding:0 11px; background:#f8f9f8; color:#1a1d1b; font:inherit; font-size:16px; }
.xc-contact-row select { padding-right:30px; }
.xc-contact-remove { position:absolute; top:7px; right:7px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:50%; background:transparent; color:#68736c; font-size:22px; cursor:pointer; }
.xc-contact-row>select { width:calc(100% - 36px); }
.xc-contact-visibility { display:grid; gap:4px; color:#68736c; font-size:12px; font-weight:650; }
.xc-more-settings  {
  width:100%;
  margin:12px 0 4px;
  padding:12px;
  border:0;
  border-radius:12px;
  background:#eef1ef;
  text-align:left;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
@media (min-width:621px) { .xc-editor-scroll { padding-left:24px; padding-right:24px; } }
.xc-gallery-compact .xc-gallery-track figure  {
  min-width:100%;
  width:100%;
  height:min(52vw,280px);
  border-radius:18px;
}
.xc-editor-wrap.xc-push-in .xc-editor  {
  animation:xcPushIn .28s ease;
}
@keyframes xcPushIn  {
  from { opacity:.6; transform:translateX(12px); }
  to { opacity:1; transform:none; }
}

.xc-search-wrap.find-me-search-ui  {
  background:var(--search-bg);
  color:var(--search-ink);
}
.find-me-search-ui  {
  color-scheme:light;
  --search-bg:#f2f1ed;
  --search-card:#fff;
  --search-ink:#20211f;
  --search-muted:#6c6d67;
  --search-line:#e7e7e1;
  --search-soft:#eeeee9;
  --search-blue:#6689b3;
  --search-purple:#9b82b4;
  --search-sand:#b09a72;
  --search-why-bg:#f3efe8;
  --search-why-ink:#78674b;
}
.find-me-search-ui .xc-search  {
  background:var(--search-bg);
  color:var(--search-ink);
}
.find-me-search-ui .xc-search-head  {
  position:sticky;
  top:0;
  z-index:5;
  background:var(--search-bg);
  padding:0 20px 12px;
}
.find-me-search-ui.is-main-tab .xc-search-head  {
  position:relative;
  top:auto;
  flex-shrink:0;
}
/* Count line scrolls with the cards; only the search box stays fixed. */
.find-me-search-ui.is-main-tab .xc-search-results-head  {
  position:static;
  margin:0;
  padding:2px 4px 10px;
  background:none;
  box-shadow:none;
}
.find-me-search-ui.is-main-tab .xc-search-results-head small  {
  font-size:12px;
  font-weight:500;
  color:var(--search-muted);
}
.find-me-search-ui.is-main-tab .xc-search-tab-dots  {
  display:flex;
  justify-content:center;
  gap:0;
  padding:0;
}
.find-me-search-ui.is-main-tab .xc-search-tab-dots button  {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.find-me-search-ui.is-main-tab .xc-search-tab-dots button::before {
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d5d5d0;
}
.find-me-search-ui.is-main-tab .xc-search-tab-dots button.active::before {
  background:#20211f;
}
.find-me-search-ui.is-main-tab.is-findme-page .xc-search-head {
  display:none;
}
.find-me-search-ui.is-main-tab .xc-search-page-back {
  min-width:44px;
  min-height:44px;
  padding:0 8px;
  border:0;
  background:transparent;
  color:#20211f;
  font:inherit;
  font-size:15px;
  cursor:pointer;
}
.find-me-search-ui.is-main-tab .xc-search-findme-host .find-me-topline {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.find-me-search-ui.is-main-tab .xc-search-findme-host .find-me-topline .page-back  {
  display:none;
}
.find-me-search-ui.is-main-tab .xc-search-findme-scroll  {
  padding:0 12px 8px;
}
.find-me-search-ui .xc-search-top  {
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  height:64px;
  padding:0;
  text-align:center;
}
.find-me-search-ui .xc-search-back  {
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:none;
  color:var(--search-ink);
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}
.find-me-search-ui .xc-search-back svg  {
  width:20px;
  height:20px;
}
.find-me-search-ui .xc-search-top h1  {
  margin:0;
  font-size:17px;
  font-weight:700;
  letter-spacing:-.3px;
  text-align:center;
}
.find-me-search-ui .xc-search-form  {
  display:flex;
  gap:10px;
  align-items:center;
  padding:4px 4px 0 0;
}
.find-me-search-ui .xc-search-box  {
  flex:1;
  display:flex;
  align-items:center;
  gap:9px;
  background:var(--search-card);
  border:1px solid var(--search-line);
  border-radius:28px;
  padding:0 6px 0 14px;
  height:50px;
  min-width:0;
  box-shadow:0 2px 5px #00000002;
}
.find-me-search-ui .xc-search-box svg  {
  width:18px;
  height:18px;
  color:var(--search-muted);
  flex:none;
}
.find-me-search-ui .xc-search-input  {
  color:var(--search-ink);
  flex:1;
  min-width:0;
  border:0;
  outline:none;
  background:none;
  font-size:14px;
  height:100%;
  padding:0;
}
.find-me-search-ui .xc-search-input::placeholder  {
  color:var(--search-muted);
  font-size:12px;
}
.find-me-search-ui .xc-search-clear  {
  width:34px;
  height:44px;
  flex:none;
  border:0;
  background:none;
  color:var(--search-muted);
  font-size:19px;
  cursor:pointer;
}
.find-me-search-ui .xc-search-gear  {
  position:relative;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--search-card);
  border:1px solid var(--search-line);
  display:grid;
  place-items:center;
  flex:none;
  overflow:visible;
  cursor:pointer;
}
.find-me-search-ui .xc-search-gear svg  {
  width:20px;
  height:20px;
}
.find-me-search-ui .xc-search-badge  {
  position:absolute;
  top:-5px;
  right:-4px;
  min-width:20px;
  height:20px;
  border-radius:20px;
  background:var(--search-ink);
  color:var(--search-card);
  border:2px solid var(--search-bg);
  font-size:10px;
  font-weight:750;
  display:grid;
  place-items:center;
  padding:0 5px;
}
.find-me-search-ui .xc-picked  {
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:none;
  margin:12px -20px -2px;
  padding:0 20px 4px;
}
.find-me-search-ui .xc-picked::-webkit-scrollbar  {
  display:none;
}
.find-me-search-ui .xc-pick  {
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  background:var(--search-ink);
  color:var(--search-card);
  border-radius:30px;
  padding:0 10px;
  font-size:11px;
  font-weight:550;
  border:0;
  cursor:pointer;
}
.find-me-search-ui .xc-pick-dot  {
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--search-blue);
  flex:none;
}
.find-me-search-ui .xc-pick-dot.is-history  {
  background:var(--search-purple);
}
.find-me-search-ui .xc-pick-dot.is-about  {
  background:var(--search-sand);
}
.find-me-search-ui .xc-pick small  {
  font-size:9px;
  opacity:.68;
}
.find-me-search-ui .xc-pick-x  {
  margin-left:2px;
  font-size:15px;
  opacity:.7;
}
.find-me-search-ui .xc-pick-clear  {
  flex:none;
  min-width:44px;
  border:0;
  background:none;
  font:inherit;
  font-size:11px;
  color:var(--search-muted);
  cursor:pointer;
}
.find-me-search-ui .xc-search-scroll  {
  padding:8px 20px calc(env(safe-area-inset-bottom, 0px) + 28px);
}
.find-me-search-ui .xc-search-scrim  {
  position:fixed;
  inset:0;
  background:#191a1855;
  backdrop-filter:blur(3px);
  z-index:1301;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s, visibility 0s linear .2s;
}
.find-me-search-ui .xc-search-scrim.on  {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .2s, visibility 0s;
}
.find-me-search-ui .xc-search-drawer  {
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  width:calc(100% - 26px);
  max-width:390px;
  background:var(--search-bg);
  z-index:1302;
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  visibility:hidden;
  transition:transform .25s ease, visibility 0s linear .25s;
  box-shadow:-12px 0 40px #0002;
}
.find-me-search-ui .xc-search-drawer.on  {
  transform:none;
  visibility:visible;
  transition:transform .25s ease, visibility 0s;
}
.find-me-search-ui .xc-search-drawer.is-right-panel-slide.is-dragging  {
  transition:none;
}
.find-me-search-ui .xc-search-drawer-head  {
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 14px 4px;
}
.find-me-search-ui .xc-search-drawer-head h2  {
  flex:1;
  margin:0;
  font-size:20px;
}
.find-me-search-ui .xc-search-drawer-head button  {
  border:0;
  background:none;
  font-weight:700;
  color:#1a1d1b;
}
.find-me-search-ui .xc-search-drawer-sub  {
  font-size:12.5px;
  color:#7b847f;
  padding:0 14px 4px;
  margin:0;
}
.find-me-search-ui .xc-search-drawer-body  {
  flex:1;
  overflow:auto;
  padding:0 10px 16px;
}
.find-me-search-ui .xc-search-drawer-foot  {
  padding:10px 12px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid #eceeeb;
}
.find-me-search-ui .xc-search-show  {
  width:100%;
  min-height:52px;
  border-radius:16px;
  background:#1a1d1b;
  color:#fff;
  font-size:16px;
  font-weight:800;
  border:0;
}
.find-me-search-ui .xc-search-show:disabled  {
  background:#9a9a9a;
}
.find-me-search-ui .search-tag  {
  border:1.5px solid transparent;
  cursor:pointer;
  gap:5px;
  padding:0 11px;
  font-family:inherit;
}
.find-me-search-ui .search-tag small  {
  font-size:11.5px;
  font-weight:600;
  color:#9aa19c;
}
.find-me-search-ui .addbtn  {
  border:1.5px dashed #c9d1cb;
  border-radius:999px;
  padding:5px 11px;
  color:#5a645e;
}
.find-me-search-ui .search-tag[aria-pressed="true"]  {
  background:#1a1d1b !important;
  color:#fff !important;
}
.find-me-search-ui .search-tag[aria-pressed="true"] small  {
  color:#d1d5db !important;
}
.find-me-search-ui .search-tag.zero  {
  opacity:.38;
}
.find-me-search-ui .addbtn,.find-me-search-ui .more  {
  font-size:13px;
  font-weight:650;
  color:#1a1d1b;
  background:none;
  border:0;
  padding:6px 4px;
}
.find-me-search-ui .addrow  {
  display:flex;
  gap:6px;
  margin-top:8px;
}
.find-me-search-ui .addrow input  {
  flex:1;
  border:1px solid #eceeeb;
  border-radius:10px;
  padding:8px 10px;
  background:#f4f5f3;
}
.find-me-search-ui .addrow button  {
  border-radius:10px;
  background:#1a1d1b;
  color:#fff;
  padding:0 12px;
  font-weight:700;
  border:0;
}
.find-me-search-ui .find-me-search-note  {
  font-size:12px;
  color:#7b847f;
  margin:12px 4px;
  line-height:1.5;
}
.find-me-search-ui .xc-people-list  {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0 0 12px;
  background:transparent;
  border:0;
  padding:0;
}
.find-me-search-ui .xc-people-row  {
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  column-gap:10px;
  align-items:start;
  padding:17px 13px;
  background:var(--search-card);
  border:1px solid var(--search-line);
  border-radius:18px;
}
.find-me-search-ui .xc-people-profile-hit  {
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  color:inherit;
  text-align:inherit;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.find-me-search-ui .xc-people-photo-hit  {
  display:block;
  min-width:44px;
  min-height:44px;
}
.find-me-search-ui .xc-people-name-hit  {
  display:inline;
  font:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  padding:10px 0;
  margin:-10px 0;
  min-height:44px;
  line-height:20px;
}
#visitorMeDrawer .visitor-search-msg-bar  {
  margin-top:14px;
  padding:0 4px 4px;
}
#visitorMeDrawer .visitor-search-msg  {
  width:100%;
  min-height:44px;
  border-radius:999px;
  border:1px solid #171717;
  background:#fff;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
}
.find-me-search-ui .xc-people-photo  {
  --avatar-box:44px;
  font-weight:650;
  font-size:12px;
  color:#454843;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#e8e5de;
  border:3px solid var(--search-card);
  outline:1px solid #d7ccba;
  display:grid;
  place-items:center;
  flex:none;
  background-size:cover;
  background-position:center;
}
.find-me-search-ui .xc-people-copy  {
  min-width:0;
}
.find-me-search-ui .xc-people-name  {
  font-size:14px;
  font-weight:700;
  letter-spacing:-.25px;
  line-height:20px;
  overflow-wrap:anywhere;
}
.find-me-search-ui .xc-people-line  {
  font-size:10px;
  line-height:1.6;
  color:var(--search-muted);
  margin-top:1px;
}
.find-me-search-ui .xc-people-why  {
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  font-size:9px;
  line-height:1.5;
  padding:4px 6px;
  border-radius:6px;
  background:var(--search-why-bg);
  color:var(--search-why-ink);
  max-width:100%;
  overflow-wrap:anywhere;
  font-weight:400;
}
.find-me-search-ui .xc-why-dot  {
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--search-blue);
  flex:none;
}
.find-me-search-ui .xc-why-dot.is-history  {
  background:var(--search-purple);
}
.find-me-search-ui .xc-why-dot.is-about  {
  background:var(--search-sand);
}
.find-me-search-ui .xc-people-friend  {
  display:inline-block;
  margin-left:6px;
  font-size:9px;
  font-weight:650;
  letter-spacing:0.02em;
  text-transform:uppercase;
  color:var(--search-muted,#8a8f96);
  vertical-align:middle;
}
.find-me-search-ui .xc-people-msg  {
  border:1px solid var(--search-ink);
  border-radius:30px;
  font-size:10px;
  font-weight:650;
  padding:0 9px;
  height:32px;
  min-width:66px;
  margin-top:4px;
  background:var(--search-card);
  color:var(--search-ink);
  cursor:pointer;
  position:relative;
}
.find-me-search-ui .xc-people-msg::before  {
  content:"";
  position:absolute;
  inset:-6px -4px;
}
.find-me-search-ui .xc-search-results-head  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 -20px;
  padding:18px 20px 12px;
  position:sticky;
  top:var(--search-head-height, 126px);
  background:var(--search-bg);
  z-index:4;
}
.find-me-search-ui .xc-search-results-head h2  {
  margin:0;
  font-size:17px;
  letter-spacing:-.4px;
}
.find-me-search-ui .xc-search-results-head small  {
  font-size:10px;
  color:var(--search-muted);
}
.find-me-search-ui .xc-search-endnote  {
  text-align:center;
  font-size:10px;
  color:var(--search-muted);
  padding:8px 0 3px;
  margin:0;
}
.find-me-search-ui .xc-search-emptyresult  {
  text-align:center;
  padding:38px 20px;
  background:var(--search-card);
  border-radius:22px;
  border:1px solid var(--search-line);
  margin-top:8px;
}
.find-me-search-ui .xc-search-emptyicon  {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--search-soft);
  margin:0 auto 20px;
  color:var(--search-muted);
}
.find-me-search-ui .xc-search-emptyicon svg  {
  width:26px;
  height:26px;
}
.find-me-search-ui .xc-search-emptyresult h3  {
  margin:0;
  font-size:22px;
  letter-spacing:-.7px;
}
.find-me-search-ui .xc-search-emptyresult p  {
  font-size:12px;
  line-height:1.7;
  color:var(--search-muted);
  margin:12px 0 22px;
}
.find-me-search-ui .xc-search .xc-search-primary  {
  background:var(--search-ink);
  color:var(--search-card);
  border:0;
  border-radius:14px;
  min-height:48px;
  padding:12px 18px;
  font-size:12px;
  font-weight:650;
  line-height:1.5;
  width:100%;
  cursor:pointer;
}
.find-me-search-ui .xc-search-textbtn  {
  font-size:12px;
  color:var(--search-muted);
  min-height:44px;
  margin-top:8px;
  border:0;
  background:none;
  font:inherit;
  cursor:pointer;
  width:100%;
}
.find-me-search-ui .xc-people-skeleton .xc-people-photo,.find-me-search-ui .xc-sk  {
  background:var(--search-soft);
  outline:0;
  position:relative;
  overflow:hidden;
  border:0;
}
.find-me-search-ui .xc-sk  {
  display:block;
  height:10px;
  width:90%;
  border-radius:6px;
  margin:5px 0 9px;
}
.find-me-search-ui .xc-sk-short  {
  width:58%;
}
.find-me-search-ui .xc-sk-chip  {
  height:20px;
  width:80%;
}
.find-me-search-ui .xc-people-skeleton .xc-people-msg  {
  border:0;
  background:var(--search-soft);
}
.find-me-search-ui .xc-sk::after,.find-me-search-ui .xc-people-skeleton .xc-people-photo::after  {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,#ffffff70,transparent);
  transform:translateX(-100%);
  animation:xcSearchShimmer 1.7s infinite;
}
@keyframes xcSearchShimmer  {
  to { transform:translateX(100%); }
}
@media (prefers-reduced-motion:reduce)  {
  .find-me-search-ui .xc-sk::after,.find-me-search-ui .xc-people-skeleton .xc-people-photo::after  {
    animation:none;
  }
}
/* Search settings rows: "+ Add" types a value, "Top" opens the most common answers. */
.find-me-search-ui .topbtn  {
  border:1.5px solid #e1e5e2;
  background:#fff;
  border-radius:999px;
  padding:5px 11px;
  font:inherit;
  font-size:13px;
  font-weight:650;
  color:#1a1d1b;
  cursor:pointer;
}
.find-me-search-ui .topbtn[aria-expanded="true"]  {
  background:#1a1d1b;
  border-color:#1a1d1b;
  color:#fff;
}
.find-me-search-ui .top-list  {
  margin-top:10px;
  max-height:240px;
  overflow:auto;
  border:1px solid #eceeeb;
  border-radius:14px;
  background:#fafbf9;
  -webkit-overflow-scrolling:touch;
}
.find-me-search-ui .top-item  {
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border:0;
  border-bottom:1px solid #eef0ec;
  background:none;
  font:inherit;
  font-size:14.5px;
  font-weight:600;
  color:#1a1d1b;
  text-align:left;
  cursor:pointer;
}
.find-me-search-ui .top-item:last-child  {
  border-bottom:0;
}
.find-me-search-ui .top-item small  {
  color:#9aa19c;
  font-size:12.5px;
  font-weight:600;
}
.find-me-search-ui .top-item[aria-pressed="true"]  {
  background:#f0f2ef;
}
.find-me-search-ui .top-empty  {
  margin:10px 0 0;
  font-size:12.5px;
  color:#7b847f;
}
.find-me-search-ui .addrow  {
  display:flex;
  gap:6px;
  margin-top:10px;
}
.find-me-search-ui .addrow input  {
  flex:1;
  min-width:0;
  border:1px solid #e1e5e2;
  background:#f4f5f3;
  border-radius:12px;
  padding:9px 12px;
  font-size:16px;
}
.find-me-search-ui .addrow button  {
  border:0;
  border-radius:12px;
  background:#1a1d1b;
  color:#fff;
  padding:0 14px;
  font:inherit;
  font-weight:700;
  font-size:14px;
}
.find-me-search-ui .xc-search-intro  {
  padding:14px 0 16px;
  text-align:center;
}
.find-me-search-ui .xc-search-intro h2  {
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(19px,6vw,24px);
  white-space:nowrap;
  letter-spacing:-.9px;
  line-height:1.12;
  text-align:center;
}
.find-me-search-ui .xc-search-intro p  {
  margin:10px 0 0;
  font-size:13px;
  line-height:1.6;
  color:var(--search-muted);
  max-width:275px;
}
.find-me-search-ui .xc-search-tips  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 14px;
  padding:0;
  background:none;
  border:0;
}
.find-me-search-ui .xc-search-tips h3  {
  grid-column:1/-1;
  margin:0 0 4px;
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
  color:var(--search-ink);
  text-align:center;
}
/* Compact tiles: icon beside the text, so the empty screen stays short. */
.find-me-search-ui .xc-tip  {
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  border:1px solid var(--search-line);
  border-radius:16px;
  background:var(--search-card);
  padding:11px 12px;
  min-height:62px;
  font:inherit;
  color:var(--search-ink);
  cursor:pointer;
}
.find-me-search-ui .xc-tip:last-child  {
  grid-column:1/-1;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
}
.find-me-search-ui .xc-tip-ic  {
  display:grid;
  place-items:center;
  background:var(--search-soft);
  height:34px;
  width:34px;
  border-radius:11px;
  margin-bottom:0;
  flex:none;
}
.find-me-search-ui .xc-tip:last-child .xc-tip-ic  {
  margin-bottom:0;
}
.find-me-search-ui .xc-tip:nth-of-type(2) .xc-tip-ic  {
  background:#f1eef6;
}
.find-me-search-ui .xc-tip:nth-of-type(3) .xc-tip-ic  {
  background:#f5f0e8;
}
.find-me-search-ui .xc-tip-ic svg  {
  width:18px;
  height:18px;
}
.find-me-search-ui .xc-tip-text b  {
  display:block;
  font-size:13px;
  font-weight:650;
}
.find-me-search-ui .xc-tip-text small  {
  display:block;
  margin-top:4px;
  color:var(--search-muted);
  font-size:11px;
  line-height:1.5;
}
.find-me-search-ui .xc-request-note  {
  position:absolute;
  inset:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  background:#191a1855;
  backdrop-filter:blur(3px);
}
.find-me-search-ui .xc-request-note-card  {
  width:calc(100% - 28px);
  max-width:390px;
  max-height:90%;
  overflow:auto;
  margin:0;
  padding:20px;
  border-radius:24px;
  background:var(--search-card);
  box-shadow:0 12px 40px #20211f0a;
}
.find-me-search-ui .xc-request-note-card h2  {
  margin:0;
  font-size:21px;
  letter-spacing:-.6px;
}
.find-me-search-ui .xc-request-note-card p  {
  font-size:12px;
  color:var(--search-muted);
  line-height:1.6;
  margin:12px 0;
}
.find-me-search-ui .xc-request-note-card textarea  {
  resize:vertical;
  width:100%;
  min-height:110px;
  background:var(--search-bg);
  border:1px solid var(--search-line);
  padding:13px;
  border-radius:12px;
  font-size:14px;
  margin:0 0 12px;
  font:inherit;
}
.find-me-search-ui .xc-request-send  {
  width:100%;
  min-height:48px;
  border-radius:14px;
  background:var(--search-ink);
  color:var(--search-card);
  border:0;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
.find-me-search-ui .xc-request-send:disabled  {
  opacity:.4;
  cursor:default;
}
.find-me-search-ui .xc-request-cancel  {
  display:block;
  margin:6px auto 0;
  border:0;
  background:none;
  font:inherit;
  font-size:12px;
  color:var(--search-muted);
  min-height:44px;
  cursor:pointer;
}
/* Follow the app theme, independently of the device color scheme. */
html:is(.is-dark, [data-profile-theme="dark"]) .find-me-search-ui  {
  color-scheme:dark;
  --search-bg:#20211e;
  --search-card:#272825;
  --search-ink:#f1f1ea;
  --search-muted:#a8aaa0;
  --search-line:#383a34;
  --search-soft:#343630;
  --search-why-bg:#3a352c;
  --search-why-ink:#d7c7ab;
}
html:is(.is-dark, [data-profile-theme="dark"]) .find-me-search-ui .xc-tip:nth-of-type(2) .xc-tip-ic,
html:is(.is-dark, [data-profile-theme="dark"]) .find-me-search-ui .xc-tip:nth-of-type(3) .xc-tip-ic  {
  background:var(--search-soft);
}
html:is(.is-dark, [data-profile-theme="dark"]) .find-me-search-ui .xc-people-photo  {
  color:#373a34;
}
/* Search settings: same layout as the Find me page (top line, big title, left rail, groups, cards). */
.find-me-search-ui .xc-sd-top  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px 0;
}
.find-me-search-ui .xc-sd-top .page-back  {
  border:0;
  background:transparent;
  padding:8px 4px;
  color:#555;
  font:inherit;
  font-size:15px;
  cursor:pointer;
}
.find-me-search-ui .xc-sd-clear  {
  border:0;
  background:none;
  font:inherit;
  font-size:15px;
  font-weight:700;
  color:#1a1d1b;
  cursor:pointer;
}
.find-me-search-ui .xc-sd-title  {
  margin:4px 0 14px;
  font-size:26px;
  font-weight:800;
  letter-spacing:-.7px;
  text-align:center;
}
.find-me-search-ui .xc-sd-layout  {
  margin-top:0;
}
.find-me-search-ui .xc-sd-layout .find-me-rail  {
  top:0;
}

/* Main Search stays inside the conversation, including with the keyboard open.
   Overlay positioning and the 620px modal width apply only to the overlay. */
html .xc-search-wrap.find-me-search-ui.is-main-tab {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  color-scheme: light;
  --search-bg: #fff;
  --search-card: #fff;
  --search-ink: #20211f;
  --search-muted: #6c6d67;
  --search-line: #e7e7e1;
  --search-soft: #eeeee9;
  --search-why-bg: #f3efe8;
  --search-why-ink: #78674b;
  background: #fff;
}
html .xc-search-wrap.find-me-search-ui.is-main-tab .xc-search {
  width: 100%;
  max-width: none;
  margin: 0;
  background: #fff;
}
/* Only our own clear (×) button in the search box, not the browser's built-in one. */
.find-me-search-ui .xc-search-input::-webkit-search-cancel-button,
.find-me-search-ui .xc-search-input::-webkit-search-decoration  {
  -webkit-appearance:none;
  appearance:none;
  display:none;
}