/* One stable header and five viewing topics. The body remains scrollable on
   short phones; only the inner ribbons and map own horizontal gestures. */
#detailSheet.fun-topic-open [data-profile-section="fun"]{min-height:calc(100dvh - 52px);}
#detailSheet.fun-topic-open .detail-info{padding:0 12px max(18px,env(safe-area-inset-bottom));}
.fun-topic-shell{min-height:calc(100dvh - 52px);}
.fun-topic-top{
  margin:0 -12px 5px;
  padding:var(--safe-top,0px) 8px 2px;
  border-bottom:1px solid #6d92ab;
  background:linear-gradient(180deg,#123c5d,#0b2943);
  box-shadow:0 3px 10px #061a2b36;
}
.fun-topic-title-row{height:46px;min-height:46px;gap:3px;}
.fun-topic-title-row [data-fun-back]{width:38px;min-height:44px;}
.fun-topic-title-wrap{justify-content:flex-start;flex:1 1 auto;min-width:0;}
.fun-topic-title-wrap>[data-fun-menu-toggle]{
  min-height:44px;max-width:100%;padding:0 3px;
  font:700 clamp(23px,6vw,25px)/1 'EB Garamond',Georgia,serif;
  letter-spacing:.012em;color:#f8f5eb;text-shadow:0 1px 2px #041b2e9c;
  text-align:left;
}
.fun-topic-title-wrap>[data-fun-prev-cue],
.fun-topic-title-wrap>[data-fun-next-cue]{display:none;}
.fun-topic-scope{
  flex:0 0 auto;gap:2px;max-width:48%;padding:0;
  border:0;border-radius:0;background:none;
}
.fun-topic-scope button{
  min-width:0;max-width:90px;min-height:44px;padding:2px 4px;
  border:0;border-radius:0;background:none;
  color:#c8d7e2;font:600 12px/1.1 var(--font-body,Arial,sans-serif);
  text-shadow:none;
}
.fun-topic-scope button[aria-pressed="true"]{
  background:none;color:#fff;
  box-shadow:none;text-shadow:0 0 5px #86d6ff,0 0 13px #25a6ef;
}
.fun-topic-positions{
  display:flex;align-items:center;justify-content:center;gap:6px;
  height:3px;margin:0 42px;
}
.fun-topic-positions i{
  display:block;width:12px;height:2px;border-radius:2px;
  background:#819fb0;opacity:.65;transition:width .18s,background .18s,opacity .18s;
}
.fun-topic-positions i.on{width:24px;background:#9bdef7;opacity:1;box-shadow:0 0 6px #43bce3;}
.fun-topic-page{padding-top:2px;min-height:calc(100dvh - 96px - env(safe-area-inset-bottom));}
.fun-topic-page>.info-section:first-child>.info-title{padding-top:1px;}
.fun-topic-menu{top:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
.fun-topic-menu [data-fun-personality-quiz]{grid-column:1/-1;}

/* Keep the approved concentric radar, translucent cyan polygon and glowing
   points. Its plot grows inside the same responsive SVG, without expanding the
   illustration block or turning the rings into a pentagonal grid. */
#detailSheet.fun-topic-open [data-fun-page="personality"] .neoes-personality>.info-card{
  padding:5px 8px 7px;
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-flower{
  margin:0 auto 2px;
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-flower :is(
  .pl-radar-grid,.pl-radar-spoke,.pl-radar-tick,.pl-radar-score,
  .pl-radar-halo,.pl-radar-dot,circle[fill^="url("]){
  transform-box:view-box;transform-origin:50% 47.53%;transform:scale(1.2);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-radar-score{
  fill:#36afcc55;stroke:#29a6c5;filter:drop-shadow(0 0 3px #41bcd286);
}
html.dark #detailSheet.fun-topic-open [data-fun-page="personality"] .pl-radar-score{
  fill:#30c6df66;stroke:#69e9f3;filter:drop-shadow(0 0 5px #56deed9c);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-radar-dot{
  filter:drop-shadow(0 0 4px #54d5e6);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-radar-value{fill:#198cb1;}
html.dark #detailSheet.fun-topic-open [data-fun-page="personality"] .pl-radar-value{fill:#6be5f1;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-prompt{
  margin:0 0 4px;text-align:left;letter-spacing:.15px;
  font-size:12px;font-weight:700;color:var(--pl-ink);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row{
  scroll-snap-type:none;gap:6px;margin:0 0 5px;padding:1px 0 3px;
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row::before,
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row::after{width:0;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row.has-left{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 100%);
  mask-image:linear-gradient(to right,transparent,#000 12px,#000 100%);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row.has-right{
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 12px),transparent);
  mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 12px),transparent);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens-row.has-left.has-right{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);
  mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);
}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-lens{min-height:38px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-arch{padding:6px 8px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-aline{min-height:74px;gap:7px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-aface{width:70px;height:70px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .neoes-personality-art{max-width:78px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-aem{font-size:48px;line-height:78px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-atitle{font-size:19px;}
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-atag{font-size:12px;line-height:1.32;margin-top:3px;}
/* The Team map is selected by the shared audience control, in place. */
#detailSheet.fun-topic-open [data-fun-page="personality"] .pl-deck{overflow-x:hidden;scroll-snap-type:none;touch-action:pan-y;}

@media(max-width:374px){
  .fun-topic-scope{max-width:49%;}
  .fun-topic-scope button{font-size:11px;padding-inline:2px;}
  #detailSheet.fun-topic-open [data-fun-page="personality"] .pl-flower :is(
    .pl-radar-grid,.pl-radar-spoke,.pl-radar-tick,.pl-radar-score,
    .pl-radar-halo,.pl-radar-dot,circle[fill^="url("]){transform:scale(1.1);}
}
@media(prefers-reduced-motion:reduce){.fun-topic-positions i{transition:none;}}

/* Match Birthday's value start to the Cell/Email/From value column. */
#detailSheet [data-profile-section="basics"] .row-pair .cell:first-child{
  display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:10px;
}
#detailSheet [data-profile-section="basics"] .row-pair .cell:first-child .val{min-width:0;}
@media(max-width:374px){
  #detailSheet [data-profile-section="basics"] .row-pair .cell:first-child{
    grid-template-columns:50px minmax(0,1fr);column-gap:8px;padding-left:8px;padding-right:8px;
  }
}

/* The read-only destination is Picks alone. Its audience capsule and Back
   retain the same profile trail; it has no cross-topic menu or swipe pages. */
.profile-picks-destination .fun-topic-title-row{height:auto;min-height:52px;gap:5px}
.profile-picks-destination .fun-topic-title-row h3{flex:1;min-width:0;margin:0;color:#f8f5eb;font:700 27px/1.1 'EB Garamond',Georgia,serif}
.fun-topic-scope.profile-audience-pill{flex:0 1 auto;width:max-content;max-width:170px;gap:0;border:1px solid #477d9f;border-radius:18px;background:linear-gradient(#12374f,#0a2840)}
.fun-topic-scope.profile-audience-pill .profile-audience-option{max-width:none;min-height:30px;padding:2px 7px}
.profile-picks-destination .profile-pick-grid .ff-bin-side{padding-top:13px!important;min-height:61px!important}
.profile-picks-destination .profile-pick-grid .ff-bin-total{display:block;top:1px;right:4px;color:#8fd5ed;font-size:10px}
.profile-picks-destination [data-audience="everyone"] .profile-pick-grid .ff-bin-total{font-weight:800;color:#c8f5ff}
.profile-picks-destination .profile-answer-count{display:block;margin:4px 8px 7px;font-size:11px;color:var(--ink-2)}
.profile-picks-destination .fun-topic-page{touch-action:auto}
/* The editor is one vertical profile, with the same compact artwork and draft.
   These rules do not alter the read-only profile or its approved carousels. */
.profile-vertical-editor{min-width:0;padding:0 2px 12px;touch-action:auto}
.profile-vertical-editor>.info-section{margin:4px 0 13px;padding:5px 0 10px;border-bottom:1px solid var(--line,#7b9eb22b)}
.profile-vertical-editor>.info-section:last-child{border-bottom:0;margin-bottom:0}
.profile-vertical-editor .info-title{padding:0 2px 4px;margin:0;min-height:0}
.profile-editor-entry{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:0 2px;list-style:none;text-align:left}
.profile-editor-entry::-webkit-details-marker{display:none}
.profile-editor-entry-copy{flex:1;min-width:0;display:block}
.profile-editor-entry-copy :is(h3,strong){display:block;margin:0;color:var(--ink);font:700 21px/1.15 'EB Garamond',Georgia,serif}
.profile-editor-entry-copy :is(p,small){display:block;margin:4px 0 0;color:var(--ink-2);font:500 12px/1.3 var(--font-body,Arial,sans-serif)}
.profile-editor-title{display:flex;align-items:center;gap:9px;font:700 21px/1.15 'EB Garamond',Georgia,serif;color:var(--ink)}
.profile-editor-accent{display:block;position:relative;flex:0 0 60px;width:60px;height:56px;overflow:hidden;pointer-events:none}
.profile-editor-accent>img{display:block;width:100%;height:100%;object-fit:contain}
/* The miniature uses the shared radar styling scope and its circular plot only.
   Explicit no-fill rings prevent SVG's default black fill outside full results. */
.profile-editor-radar.neoes-personality .pl-flower{display:block;width:100%;height:100%;max-width:none;aspect-ratio:1;margin:0;overflow:hidden}
.profile-editor-radar.neoes-personality .pl-flower .pl-radar-grid{fill:none;stroke:var(--pl-edge,#7ca4bc);stroke-width:2;opacity:.9}
.profile-editor-radar.neoes-personality .pl-flower .pl-radar-score{fill:#20bad946;stroke:#32b9d2;stroke-width:4;filter:none}
.profile-editor-radar.neoes-personality .pl-flower .pl-radar-dot{fill:#9ff7ff;stroke:#39bad1;stroke-width:2.5}
html.dark .profile-editor-radar.neoes-personality .pl-flower .pl-radar-score{stroke:#69e8ef;filter:none}
html.dark .profile-editor-radar.neoes-personality .pl-flower .pl-radar-dot{fill:#adfbff;stroke:#62d5e3}
.profile-editor-pebble::before{content:"";position:absolute;inset:11px 7px 10px;border-radius:47% 53% 44% 56%/53% 46% 54% 47%;background:radial-gradient(ellipse at 31% 23%,#fff9,transparent 45%),var(--editor-color,#8cb7cf);box-shadow:inset -5px -5px 8px #082a3b45,inset 2px 2px 6px #fff5,0 2px 4px #09233326}
.profile-editor-action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:4px 8px;border:0;background:none;color:var(--accent,#247aab);font:650 13px/1.2 var(--font-body,Arial,sans-serif);text-decoration:none;cursor:pointer}
.profile-editor-color-details>summary{cursor:pointer}
.profile-vertical-editor .profile-style-editor{margin-top:5px}
.profile-vertical-editor .ff-favs-card{padding:0 7px;background:none;border:0;box-shadow:none}
.profile-vertical-editor .ff-favs-row{padding-block:5px;min-height:38px}
.profile-vertical-editor .ff-tag-input{min-height:32px}
.profile-vertical-editor .profile-editor-fact .info-card{padding:4px 7px;background:none;border:0;box-shadow:none}
.profile-vertical-editor .profile-editor-fact .inline-edit-textarea{min-height:56px}
.profile-vertical-editor [data-profile-editor-area="tastes"]>.info-card{padding:0 5px!important;background:none;border:0;box-shadow:none}
.profile-vertical-editor .taste-q-head{min-height:44px}
.profile-vertical-editor .taste-q-lbl{min-width:0}
.profile-vertical-editor .taste-q .profile-taste-option-art{display:block;flex:0 0 20px;width:20px;height:20px;object-fit:contain;object-position:50% 50%;border:0;border-radius:0;box-shadow:none;background:none}
.profile-vertical-editor [data-multi-mqid="m_polar"]{align-items:center;gap:7px}
.profile-vertical-editor [data-multi-mqid="m_polar"] .loc-pill{gap:7px;min-height:42px;padding:4px 10px 4px 5px;border-radius:9px;line-height:1.2}
.profile-vertical-editor [data-multi-mqid="m_polar"] .profile-taste-option-art{flex-basis:32px;width:32px;height:32px}
.profile-vertical-editor .profile-editor-travel-entry{width:100%;border:0;background:none;color:inherit;cursor:pointer;font:inherit}
.profile-milestones{margin:5px 1px 12px;color:var(--ink-2);font-size:12px}
.profile-milestones>summary{display:flex;align-items:center;gap:6px;min-height:42px;list-style:none;cursor:pointer}
.profile-milestones>summary::-webkit-details-marker{display:none}
.profile-milestone-mark{color:#6a9fba;font-size:17px;line-height:1}
.profile-milestone-bar{flex:0 0 45px;overflow:hidden;height:3px;margin-left:auto;border-radius:3px;background:#819cac36}
.profile-milestone-bar>i{display:block;height:100%;background:linear-gradient(90deg,#6aa7c4,#b7d2e0);border-radius:inherit}
.profile-milestones ul{list-style:none;margin:0;padding:0 2px}
.profile-milestones li{display:flex;align-items:center;gap:7px;min-height:36px}
.profile-milestone-check{width:15px;color:#89a0ad;text-align:center;font-size:16px}
.profile-milestone-check.is-complete{color:#5e9bb9;font-size:13px}
.profile-milestones li>small{margin-left:auto;color:var(--ink-2);font-size:10px}
.profile-milestones li>button{margin-left:auto;min-height:36px;padding:2px 5px;border:0;background:none;color:var(--accent,#247aab);font:600 11px/1.2 var(--font-body,Arial,sans-serif)}
.profile-milestones>p{margin:6px 0 0;font-size:11px;line-height:1.35}
@media(max-width:374px){.profile-editor-entry{gap:7px}.profile-editor-accent{flex-basis:54px;width:54px}.profile-editor-entry-copy :is(h3,strong),.profile-editor-title{font-size:20px}}
/* Compact topic navigation keeps the full question and artwork readable. */
.profile-vertical-editor [data-profile-editor-area="tastes"]>.info-title{display:flex;justify-content:space-between;gap:2px;min-height:52px}
.profile-vertical-editor [data-profile-editor-area="tastes"] .profile-editor-accent{flex-basis:48px;width:48px;height:48px}
.profile-vertical-editor [data-profile-editor-area="tastes"] .profile-editor-title{gap:4px;font-size:23px}
.profile-vertical-editor [data-profile-editor-taste-id][hidden]{display:none}
.profile-vertical-editor .taste-q-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 7px;cursor:default;padding:0;min-height:0}
.profile-vertical-editor .taste-q-lbl{flex:1 0 100%;font:700 21px/1.15 'EB Garamond',Georgia,serif}
.profile-vertical-editor .taste-q-head small{font-size:12px;margin:1px 0 3px}
.profile-vertical-editor .taste-q-body{margin-top:1px}
.profile-vertical-editor .taste-q .profile-taste-option-art{flex:0 0 32px;width:32px;height:32px}
.profile-vertical-editor .taste-q .loc-pill{min-height:43px;padding:3px 8px 3px 3px;gap:5px;font-size:13px}
.profile-vertical-editor .ff-favs-row>.lbl{display:flex;align-items:center;gap:5px;font-size:15px;line-height:1.1}
.profile-vertical-editor .ff-favs-row>.lbl>.neoes-icon{width:31px;height:31px;min-width:31px;margin:0}
.profile-vertical-editor .ff-favs-row{padding-block:3px}
.profile-vertical-editor .profile-editor-accent{flex-basis:68px;width:68px;height:60px}
@media(max-width:374px){.profile-taste-navigation{gap:0;font-size:12px}.profile-vertical-editor [data-profile-editor-area="tastes"] .profile-editor-title{font-size:21px}.profile-vertical-editor [data-profile-editor-area="tastes"] .profile-editor-accent{flex-basis:38px;width:38px;height:44px}}
.profile-vertical-editor .ff-favs-row.full.ff-tags-row{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:5px;min-height:51px}
.profile-vertical-editor .ff-favs-row>.lbl{min-width:0;flex-wrap:wrap;gap:3px;font-size:14px}
.profile-vertical-editor .profile-favorites-row-art{display:block;flex:none;width:42px;height:44px;object-fit:contain}
.profile-vertical-editor .ff-favs-row>.lbl>.neoes-icon{width:42px;height:44px;min-width:42px}
@media(max-width:374px){.profile-vertical-editor .ff-favs-row.full.ff-tags-row{grid-template-columns:97px minmax(0,1fr);gap:4px}.profile-vertical-editor .ff-favs-row>.lbl{font-size:13px}}
.profile-setup-setting{padding:0 13px}