@font-face {
  font-family: Inter;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-label: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* label scale (uppercase eyebrows, buttons, table heads, pills) */
  --label-xs: .625rem;   /* 10px */
  --label-sm: .6875rem;  /* 11px */
  --label-md: .75rem;    /* 12px */
  --label-lg: .8125rem;  /* 13px */
  /* sans text scale */
  --text-xs: .75rem;  --text-sm: .8125rem;  --text-md: .875rem;  --text-lg: 1rem;  --text-xl: 1.125rem;  --text-2xl: 1.375rem;
  /* tracking */
  --track-label: .08em;  --track-button: .06em;  --track-wide: .12em;  --track-tight: -.05em;
  color-scheme: dark;
  --bg:#101010;
  --panel:#181818;
  --panel2:#202020;
  --field:#141414;
  --ink:#f2f2f2;
  --muted:#969696;
  --dim:#686868;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.28);
  --line-hover:rgba(255,255,255,.45);
  --accent:#f2f2f2;
  --accent-ink:#101010;
  --accent-soft:rgba(255,255,255,.07);
  --danger:#e5484d;
  --shadow:rgba(0,0,0,.45);
  --overlay:rgba(0,0,0,.72);
  --pace:#f2c14f;
  --oversight:#55c790;
  --pause:#3ca9ff;
  --stop:#ff5a52;
  --unsure:#948aa3;
  --pace-text:#f2c14f;
  --oversight-text:#55c790;
  --pause-text:#3ca9ff;
  --stop-text:#ff5a52;
  --unsure-text:#948aa3;
  --heat-oversight-core:#e7fff2;
  --heat-pace-core:#ffe7a3;
  --heat-pause-core:#d9f1ff;
  --heat-stop-core:#ffe0dc;
  --heat-unsure-core:#f4eef8;
  --radius-control:10px;
  --radius-tile:12px;
  --radius-pill:999px;
  --chrome-inline:30px;
}
[data-theme="light"] {
  color-scheme:light;
  --bg:#efefef;
  --panel:#ffffff;
  --panel2:#e6e6e6;
  --field:#ffffff;
  --ink:#101010;
  --muted:#666666;
  --dim:#979797;
  --line:rgba(16,16,16,.12);
  --line-strong:rgba(16,16,16,.28);
  --line-hover:rgba(16,16,16,.45);
  --accent:#101010;
  --accent-ink:#f2f2f2;
  --accent-soft:rgba(16,16,16,.06);
  --danger:#ce2c31;
  --shadow:rgba(0,0,0,.16);
  --overlay:rgba(239,239,239,.82);
  --pace:#b8860b;
  --oversight:#308865;
  --pause:#347eb7;
  --stop:#b24538;
  --unsure:#934d9d;
  --pace-text:#846008;
  --oversight-text:#297356;
  --pause-text:#2c6b9c;
  --stop-text:#ae4437;
  --unsure-text:#904c9a;
  --heat-oversight-core:#308865;
  --heat-pace-core:#b8860b;
  --heat-pause-core:#347eb7;
  --heat-stop-core:#b24538;
  --heat-unsure-core:#934d9d;
}

* { box-sizing:border-box; }
[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible { outline:none; }
html { scroll-behavior:smooth; accent-color:var(--ink); }
::selection { background:color-mix(in srgb,var(--ink) 18%,transparent); color:inherit; }
html,body { width:100%; height:100%; height:100svh; margin:0; background:var(--bg); }
html[lang="ja"] { --font-sans: Inter, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Yu Gothic UI", Meiryo, sans-serif; }
html[lang="zh"] { --font-sans: Inter, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif; }
html[lang="ar"] { --font-sans: Inter, "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif; }
body { --header-h:70px; --footer-h:40px; min-height:100svh; max-height:100svh; overflow:hidden; display:flex; flex-direction:column; color:var(--ink); font-family:var(--font-sans); }
input::placeholder,textarea::placeholder { font-size:.8125em; }
body.modal-open { overflow:hidden; }
button { color:inherit; font:inherit; }
button { border-radius:var(--radius-control); }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select { border-radius:var(--radius-control); }
h1,h2,h3,p { text-wrap:balance; }
h1 { margin:0; font-size:clamp(2.2rem,5.3vw,5.4rem); line-height:.98; letter-spacing:-.06em; }
h2 { margin:0; font-size:clamp(1.8rem,3.5vw,3.6rem); line-height:1.02; letter-spacing:-.05em; }
h3 { margin:0; font-size:clamp(1.15rem,2vw,1.65rem); letter-spacing:-.035em; }

.site-header { height:70px; padding:0 var(--chrome-inline); display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; position:sticky; top:0; z-index:20; overflow:visible; flex-shrink:0; background:color-mix(in srgb,var(--bg) 78%,transparent); backdrop-filter:blur(18px); }
.brand { color:var(--ink); text-decoration:none; font:500 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-wide); display:flex; align-items:center; gap:10px; white-space:nowrap; }
.theme-toggle { width:36px; height:36px; min-width:36px; min-height:36px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; cursor:pointer; color:var(--ink); }
.theme-toggle:hover { background:var(--accent-soft); }
.theme-toggle .theme-icon-sun { display:block; }
.theme-toggle .theme-icon-moon { display:none; }
[data-theme="light"] .theme-toggle .theme-icon-sun { display:none; }
[data-theme="light"] .theme-toggle .theme-icon-moon { display:block; }
.account-button { width:36px; height:36px; min-width:36px; min-height:36px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; cursor:pointer; color:var(--ink); text-decoration:none; }
.account-button:hover { background:var(--accent-soft); }
.account-button[hidden] { display:none; }
.account-button:disabled { opacity:.45; cursor:default; }
.account-actions { justify-self:end; display:flex; align-items:center; gap:8px; }
.language-menu { position:relative; height:36px; }
.language-menu[hidden] { display:none; }
.language-menu > summary { list-style:none; cursor:pointer; }
.language-menu > summary::-webkit-details-marker { display:none; }
.language-menu[data-locked] { opacity:.45; }
.language-menu[data-locked] > summary { pointer-events:none; }
.language-options { --language-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); position:absolute; z-index:30; top:calc(100% + 8px); inset-inline-end:0; min-width:9.25rem; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:12px; background:var(--bg); box-shadow:0 18px 44px var(--shadow); }
.language-menu:not([open]) .language-options { display:none; }
.language-options a { min-height:36px; padding:0 12px; display:flex; align-items:center; gap:8px; direction:inherit; border-radius:8px; color:var(--ink); text-decoration:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.language-options a::before { content:""; width:16px; height:16px; flex:0 0 16px; background:currentColor; opacity:0; -webkit-mask:var(--language-check) center / 16px 16px no-repeat; mask:var(--language-check) center / 16px 16px no-repeat; }
.language-options a[aria-current="true"]::before { opacity:1; }
.language-options a:hover,
.language-options a[aria-current="true"] { background:var(--accent-soft); }
.account-menu { position:relative; height:36px; }
.account-menu[hidden] { display:none; }
.account-menu > summary { list-style:none; }
.account-menu > summary::-webkit-details-marker { display:none; }
.account-menu-options { position:absolute; z-index:30; top:calc(100% + 8px); inset-inline-end:0; min-width:17rem; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:12px; background:var(--bg); box-shadow:0 18px 44px var(--shadow); }
.account-menu:not([open]) .account-menu-options { display:none; }
.account-menu-photo { width:100%; height:100%; border-radius:50%; object-fit:cover; display:none; }
.account-menu.has-photo > summary { position:relative; overflow:hidden; }
.account-menu.has-photo .account-menu-photo { position:absolute; inset:0; width:100%; height:100%; display:block; }
.account-menu.has-photo .account-menu-glyph,
.account-menu.has-photo .account-dot { display:none; }
.account-menu-identity { display:flex; flex-direction:column; gap:2px; padding:8px 12px 6px; }
.account-menu-identity[hidden] { display:none; }
.account-menu-identity strong { color:var(--ink); font:600 var(--text-sm)/1.3 var(--font-sans); letter-spacing:0; text-transform:none; }
.account-menu-identity span { color:var(--muted); font:500 var(--text-xs)/1.35 var(--font-sans); letter-spacing:0; text-transform:none; overflow-wrap:anywhere; }
.account-menu-roles { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.account-menu-roles[hidden] { display:none; }
.account-menu-role { padding:2px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font:500 var(--label-xs)/1.4 var(--font-label); letter-spacing:var(--track-button); text-transform:none; }
.account-menu-link[hidden],#account-menu-orgs[hidden],#account-menu-member-rule[hidden],#account-menu-system-rule[hidden],#account-menu-system-after[hidden] { display:none; }
.account-menu-rule { height:0; margin:6px 8px; border:0; border-top:1px solid var(--line); }
.account-language[hidden] + .account-menu-rule { display:none; }
.account-menu-group { min-height:36px; padding:0 2px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.account-menu-group[hidden] { display:none; }
.account-menu-label { color:var(--ink); font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.account-menu-choices { display:flex; flex-wrap:nowrap; gap:2px; }
.account-language { position:relative; z-index:2; }
.account-language[hidden] { display:none; }
.account-language > summary { min-height:36px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:8px; color:var(--ink); cursor:pointer; list-style:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; }
.account-language > summary::-webkit-details-marker { display:none; }
.account-language > summary:hover { background:var(--accent-soft); }
.account-language-meta { display:inline-flex; align-items:center; gap:4px; color:var(--muted); }
.account-language-options { position:absolute; z-index:3; top:calc(100% + 6px); inset-inline:0; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--ink) 14%,var(--bg)); box-shadow:0 16px 40px var(--shadow); }
[data-theme="light"] .account-language-options { background:var(--panel); }
.account-language:not([open]) .account-language-options { display:none; }
.account-language-options a { min-height:36px; padding:0 12px; display:flex; align-items:center; border-radius:8px; color:var(--ink); text-decoration:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.account-language-options a:hover,
.account-language-options a[aria-current="true"] { background:var(--accent-soft); }
.account-language[data-locked] { opacity:.45; }
.account-language[data-locked] > summary { pointer-events:none; }
#language-options[data-locked] { pointer-events:none; opacity:.45; }
.account-menu-options button { min-height:36px; padding:0 12px; border:0; border-radius:8px; background:transparent; color:var(--ink); text-align:start; cursor:pointer; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.account-menu-options button:hover { background:var(--accent-soft); }
.account-menu-choices button,
.account-menu-choices a { min-height:28px; padding:0 9px; display:inline-flex; align-items:center; border-radius:8px; background:transparent; color:var(--muted); text-decoration:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; }
.account-menu-options .account-menu-choices button:hover { color:var(--ink); }
.account-menu-choices button[aria-checked="true"],
.account-menu-choices a[aria-current="true"] { background:var(--accent-soft); color:var(--ink); }
.account-menu-member:not([hidden]) { display:contents; }
.account-menu-options button.account-menu-signout[hidden] { display:none; }
.account-menu-options a.account-menu-link,
.account-menu-options a.account-menu-signin { min-height:36px; padding:0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; border-radius:8px; color:var(--ink); text-decoration:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.account-menu-options a.account-menu-link:hover,
.account-menu-options a.account-menu-signin:hover { background:var(--accent-soft); }
.account-menu-options a.account-menu-link[hidden],
.account-menu-options a.account-menu-signin[hidden] { display:none; }
.account-menu-options button.account-menu-signout { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.account-menu-options button.account-menu-signout:hover { background:color-mix(in srgb,#e5484d 18%,transparent); color:#e5484d; }
.notification-menu { position:relative; height:36px; }
.notification-menu > summary { position:relative; list-style:none; }
.notification-menu > summary::-webkit-details-marker { display:none; }
.notification-badge { position:absolute; top:1px; inset-inline-end:0; min-width:16px; height:16px; padding:0 4px; display:grid; place-items:center; border-radius:999px; background:var(--accent); color:var(--bg); font:600 10px/1 var(--font-sans); letter-spacing:0; }
.notification-badge[hidden] { display:none; }
.notification-panel { position:absolute; z-index:30; top:calc(100% + 8px); inset-inline-end:0; width:min(22rem,calc(100vw - 24px)); max-height:min(70vh,32rem); overflow:auto; margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; border:1px solid var(--line); border-radius:12px; background:var(--bg); box-shadow:0 18px 44px var(--shadow); text-transform:none; }
.notification-menu:not([open]) .notification-panel { display:none; }
.notification-head { min-height:36px; padding:0 4px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.notification-head strong { color:var(--ink); font:600 var(--text-sm)/1 var(--font-sans); letter-spacing:0; }
.notification-mark { min-height:28px; padding:0 9px; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font:500 var(--text-xs)/1 var(--font-sans); letter-spacing:0; text-transform:none; }
.notification-mark:hover { background:var(--accent-soft); color:var(--ink); }
.notification-mark[hidden] { display:none; }
.notification-list { display:flex; flex-direction:column; gap:2px; }
.notification-item { position:relative; padding:10px 12px 10px 24px; display:flex; flex-direction:column; align-items:flex-start; gap:4px; border-radius:8px; color:var(--ink); }
.notification-item.is-unread::before { content:""; position:absolute; top:16px; inset-inline-start:10px; width:6px; height:6px; border-radius:50%; background:var(--accent); }
.notification-item p { margin:0; align-self:stretch; width:100%; font:500 var(--text-sm)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; text-wrap:wrap; }
.notification-item strong { align-self:stretch; width:100%; font:600 var(--text-sm)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; overflow-wrap:anywhere; text-wrap:wrap; }
.notification-item small { color:var(--muted); font:500 var(--text-xs)/1.3 var(--font-sans); letter-spacing:0; text-transform:none; }
.notification-item .notification-error { color:#e5484d; }
.notification-actions { display:flex; gap:6px; margin-top:4px; }
.notification-action { min-height:30px; margin-top:2px; padding:0 12px; display:inline-flex; align-items:center; border:1px solid var(--line-strong); border-radius:8px; background:transparent; color:var(--ink); cursor:pointer; text-decoration:none; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; }
.notification-actions .notification-action { margin-top:0; }
.notification-action:hover { background:var(--accent-soft); }
.notification-action.primary { border-color:var(--accent); background:var(--accent-soft); }
.notification-action:disabled { opacity:.45; cursor:default; }
.notification-done { color:var(--muted); font:500 var(--text-xs)/1.3 var(--font-sans); letter-spacing:0; text-transform:none; }
.notification-empty { margin:0; padding:10px 12px 12px; color:var(--muted); font:500 var(--text-sm)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; text-wrap:wrap; }
.account-link { position:relative; }
.account-member { padding:0 7px 10px; display:flex; flex-direction:column; gap:8px; }
.account-member[hidden] { display:none; }
#account-delete-start, #account-delete-submit, #account-delete-cancel { min-height:34px; padding:0 16px; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--ink); cursor:pointer; font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); white-space:nowrap; }
#account-delete-start, #account-delete-submit { border-color:var(--danger); background:color-mix(in srgb,var(--danger) 10%,transparent); color:var(--danger); }
#account-delete-start:hover, #account-delete-submit:hover:not(:disabled) { background:color-mix(in srgb,var(--danger) 18%,transparent); }
#account-delete-submit:disabled { opacity:.55; cursor:default; }
.account-member-email { margin:0; color:var(--muted); font:500 var(--text-sm)/1.3 var(--font-sans); overflow-wrap:anywhere; }
#account-export { min-height:34px; padding:0 10px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--ink); text-decoration:none; font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); }
#account-export:hover { background:var(--accent-soft); color:var(--ink); }
#circle-create, #circle-join, #supporter-portal {
  min-height:34px; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--ink); cursor:pointer; font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label);
}
.account-pref-note { align-self:stretch; width:100%; margin:0; color:var(--muted); font:500 var(--text-xs)/1.4 var(--font-sans); text-wrap:wrap; }
.account-delete-form { display:flex; flex-direction:column; gap:8px; }
.account-delete-form label { color:var(--muted); font:500 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); }
.my-reflections-list { margin:0; padding:0; list-style:none; max-height:220px; overflow:auto; }
.my-reflections-list li { padding:8px 0; border-bottom:1px solid var(--line); }
.my-reflections-list strong, .my-reflections-list span, .my-reflections-list small { display:block; }
.my-reflections-list strong { font-size:var(--text-xs); }
.my-reflections-list span { margin-top:3px; color:var(--muted); font-size:var(--text-xs); }
.my-reflections-list small { margin-top:4px; color:var(--muted); font:500 var(--text-xs)/1.3 var(--font-sans); }
.account-dot { display:none; position:absolute; top:4px; inset-inline-end:4px; width:7px; height:7px; border-radius:50%; background:var(--accent); }
body.signed-in .account-dot { display:block; }

main { position:relative; overflow-x:hidden; overflow-y:auto; flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
main::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.15; background-image:linear-gradient(color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(circle at 50% 28%,#000,transparent 72%); }
.hero { --orbit-size:clamp(150px,min(82vw,calc((100svh - var(--header-h) - var(--footer-h)) * .38)),420px); display:grid; grid-template-rows:minmax(min-content,.72fr) minmax(min-content,auto) minmax(min-content,.88fr); align-items:center; justify-items:center; flex:1 1 auto; min-height:0; width:min(1280px,calc(100vw - 48px)); margin:0 auto; padding:0; text-align:center; position:relative; z-index:1; }
.hero-zone { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-height:0; }
.hero-zone-actions { align-self:stretch; justify-content:space-evenly; gap:0; padding-block:8px; }
.hero-zone-actions:has(#scroll-hint:not([hidden])) { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:1fr auto 1fr; align-content:stretch; justify-items:center; }
.hero-zone-actions:has(#scroll-hint:not([hidden])) .hero-actions-cta { grid-row:2; justify-self:stretch; width:100%; }
.hero-zone-actions .translation-notice,
.hero-zone-actions .hero-cta,
.hero-zone-actions .share-question,
.hero-zone-actions .hero-actions-controls,
.hero-zone-actions .hero-actions-cta { margin:0; }
.hero-actions-controls { display:grid; justify-content:center; justify-items:center; align-items:center; width:100%; }
.hero-actions-controls:not(:has(:not([hidden]))) { display:none; }
.hero-zone-pulse { position:relative; gap:12px; }
.hero-zone-pulse:has(.legend-stage[hidden]) { gap:48px; }
.hero-zone-pulse .legend-stage { position:static; z-index:3; }
.hero-zone-pulse .result-summary { width:100%; gap:8px; }
.hero-zone-pulse .response-count > span { line-height:1.2; }
.hero-zone-pulse:has(.single-topic-result:not([hidden])) { min-height:var(--orbit-size); }
.hero-zone-pulse:has(.single-topic-result:not([hidden])) .public-result { width:100%; height:var(--orbit-size); max-height:var(--orbit-size); overflow:visible; }
.hero-zone-pulse:has(.single-topic-result:not([hidden])) .single-topic-result { width:100%; height:var(--orbit-size); max-height:var(--orbit-size); overflow:hidden; }
.hero-actions-cta { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; width:100%; }
.hero-actions-cta .share-question { min-height:60px; margin:0; }
.hero-why { flex:0 0 100%; margin:10px 0 0; padding-inline:max(0px,calc((100% - 38rem) / 2)); color:var(--muted); font-size:var(--text-lg); line-height:1.45; text-align:center; text-wrap:balance; }
.hero-why span,.hero-why strong { display:block; }
.hero-why strong { margin-top:2px; color:var(--ink); font-size:var(--text-xl); font-weight:400; }
body.signed-in .hero-why { display:none; }
.scroll-hint { grid-row:3; align-self:center; justify-self:center; z-index:18; display:flex; flex-direction:column; align-items:center; gap:2px; margin:0; padding:0; border:0; background:transparent; color:var(--ink); cursor:pointer; font:500 var(--label-md)/1 var(--font-label); letter-spacing:.14em; text-transform:none; animation:scrollHint 1.8s ease-in-out infinite; }
.scroll-hint[hidden] { display:none !important; }
.scroll-hint svg { display:block; }
.scroll-hint:hover { color:var(--ink); }
@keyframes scrollHint { 0%,100% { transform:translateY(0); opacity:.72; } 50% { transform:translateY(7px); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .scroll-hint { animation:none; opacity:.9; transform:none; } }
@media (max-width:640px) { .hero-actions-cta { row-gap:8px; } .hero-why { display:none; } }
body.topic-all .hero-actions-cta > .share-question,
.hero-actions-cta > .share-question[hidden] { display:none !important; }
.topic-tabs { width:min(850px,100%); max-width:100%; margin:0 auto; padding:0; display:flex; justify-content:center; gap:6px; overflow-x:auto; border:0; background:transparent; scrollbar-width:none; }
.topic-tabs::-webkit-scrollbar { display:none; }
.topic-tabs button { min-height:31px; padding:0 14px; border:0; background:transparent; color:var(--muted); cursor:pointer; white-space:nowrap; font:600 clamp(.65rem,.85vw,.75rem)/1 var(--font-label); letter-spacing:var(--track-button); transition:color .2s,text-shadow .2s; }
.topic-tabs button:hover { color:var(--ink); }
.topic-tabs button[aria-current="page"] { color:var(--ink); background:transparent; font-weight:600; text-shadow:0 0 18px color-mix(in srgb,var(--ink) 22%,transparent); }
.topic-tabs button[data-topic="all"] { position:relative; margin-left:8px; padding-left:25px; }
.topic-tabs button[data-topic="all"]::before { content:""; position:absolute; left:0; top:50%; width:1px; height:18px; transform:translateY(-50%); background:color-mix(in srgb,var(--ink) 22%,transparent); }
.response-count { width:100%; display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
.response-count strong { font-size:clamp(1.35rem,2.275vw,1.925rem); line-height:1; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.response-count > span { max-width:100%; color:var(--muted); font:500 var(--label-md)/1.25 var(--font-label); letter-spacing:var(--track-wide); }
.hero h1 { width:100%; max-width:1040px; display:grid; place-items:center; color:var(--ink); font-size:clamp(1.36rem,2.45vw,2.42rem); font-weight:400; line-height:1.12; letter-spacing:-.04em; }
.hero h1 > span { display:block; width:100%; }
.hero h1 em { color:var(--ink); font-size:1.16em; font-style:normal; font-weight:700; line-height:1; }
.hero h1 .humanity-term { text-shadow:0 0 30px color-mix(in srgb,var(--ink) 22%,transparent); }
.hero h1 .ai-term { text-shadow:0 0 32px color-mix(in srgb,var(--ink) 26%,transparent); }
.public-result { width:100%; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.public-result[hidden],.all-topics[hidden],.hero-cta[hidden],.single-topic-result[hidden],.legend-stage[hidden],.answer-pulses[hidden],#sentiment-orbit[hidden] { display:none; }
.single-topic-result { width:100%; display:grid; place-items:center; }
.result-summary { margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#results-note[hidden] { display:none; }
.member-population-card { min-height:0; }
.member-population-card[hidden] { display:none; }
.member-population-note { margin:18px 0 0; color:var(--muted); line-height:1.55; }
.member-population-list { margin-top:8px; }
.member-population-list div { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:18px; align-items:baseline; padding:12px 0; border-top:1px solid var(--line); }
.member-population-list.totals div { grid-template-columns:minmax(0,1fr) auto; }
.member-population-list span { color:var(--muted); }
.member-population-list strong, .member-population-list small { font-variant-numeric:tabular-nums; }
.member-population-list [data-answer="pace"] span { color:var(--pace-text); }
.member-population-list [data-answer="oversight"] span { color:var(--oversight-text); }
.member-population-list [data-answer="pause"] span { color:var(--pause-text); }
.member-population-list [data-answer="stop"] span { color:var(--stop-text); }
.member-population-list [data-answer="unsure"] span { color:var(--unsure-text); }
.response-count #results-note { max-width:22rem; color:var(--muted); font:400 var(--text-sm)/1.45 var(--font-sans); letter-spacing:0; }
.sentiment-orbit { width:var(--orbit-size); aspect-ratio:1; margin:0; display:grid; place-items:center; position:relative; }
.pulse-field,.solid-ring { position:absolute; inset:0; border-radius:50%; }
.pulse-field { animation:fieldDrift 9s ease-in-out infinite alternate; transition:opacity .5s; cursor:pointer; }
.pulse-dot { --dot-color:var(--unsure); position:absolute; left:var(--x); top:var(--y); width:var(--size); height:var(--size); border-radius:50%; background:var(--dot-color); box-shadow:0 0 calc(var(--size) * 1.25) color-mix(in srgb,var(--dot-color) 50%,transparent); transform:translate(-50%,-50%); opacity:var(--opacity); animation:dotDrift var(--speed) ease-in-out var(--delay) infinite alternate; pointer-events:none; transition:filter .22s,opacity .22s; }
.pulse-field.has-focus .pulse-dot:not(.is-focus) { opacity:.1 !important; filter:saturate(.25); }
.pulse-field .pulse-dot.is-focus { filter:brightness(1.35) drop-shadow(0 0 5px var(--dot-color)); }
[data-theme="light"] .pulse-dot { animation-name:dotDriftLight; box-shadow:0 0 calc(var(--size) * .4) color-mix(in srgb,var(--dot-color) 26%,transparent); }
[data-theme="light"] .mini-dot { opacity:1; box-shadow:0 0 calc(var(--size) * .35) color-mix(in srgb,var(--dot-color) 24%,transparent); }
[data-theme="light"] .pulse-field .pulse-dot.is-focus,[data-theme="light"] .mini-pulse-field .mini-dot.is-focus { filter:brightness(1.06); }
.pulse-dot.joining { animation:dotJoin 1.05s ease-out both; }
[data-theme="light"] .pulse-dot.joining { animation-name:dotJoinLight; }
.solid-ring { inset:3%; opacity:0; transform:scale(.96); pointer-events:none; transition:opacity .42s,transform .42s; background:conic-gradient(from 0deg,var(--pace) 0 17%,var(--oversight) 17% 62%,var(--pause) 62% 87%,var(--stop) 87% 92%,var(--unsure) 92% 100%); box-shadow:0 0 65px rgba(85,199,144,.11); }
.solid-ring::after { content:""; position:absolute; inset:15%; border-radius:50%; background:var(--bg); }
.public-result.solid-mode .pulse-field,
body.landing-focus.reveal-pulse .public-result.solid-mode .pulse-field {
  opacity:0; visibility:hidden; pointer-events:none; transition:none;
}
.public-result.solid-mode .solid-ring { opacity:1; transform:scale(1); pointer-events:auto; }
.orbit-core { width:47%; aspect-ratio:1; z-index:2; display:grid; grid-template-rows:1fr auto 1fr; align-items:center; justify-items:center; gap:13px; border-radius:50%; pointer-events:none; overflow:visible; }
.orbit-core > strong { grid-row:2; font-size:clamp(2.2rem,11vmin,5.5rem); line-height:.9; letter-spacing:-.085em; text-shadow:none; font-variant-numeric:tabular-nums; }
.rolling-track { display:inline-flex; align-items:baseline; justify-content:center; line-height:1; direction:ltr; unicode-bidi:isolate; }
.rolling-cell { display:inline-block; height:1em; overflow:hidden; width:1ch; vertical-align:bottom; letter-spacing:0; opacity:1; transition:opacity 160ms ease; }
.rolling-cell.is-ghost { opacity:0; transition:opacity 160ms ease 220ms; }
.rolling-reel { display:flex; flex-direction:column; transform:translateY(calc(var(--shift,0) * -1em)); transition:transform 220ms cubic-bezier(.16,.75,.24,1); }
.rolling-reel.is-reset { transition:none; }
.rolling-reel > i { display:block; height:1em; line-height:1; font-style:normal; font-variant-numeric:tabular-nums; }
.rolling-mark { display:inline-block; line-height:1; white-space:pre; }
.orbit-core .rolling-cell.rolling-frac,
.orbit-core .rolling-mark.rolling-frac { font-size:.36em; width:1ch; align-self:flex-start; margin-top:.28em; letter-spacing:0; }
.rolling-mark.rolling-suffix { letter-spacing:0; }
.orbit-core .rolling-mark.rolling-suffix { font-size:.4em; }
.orbit-core .rolling-mark.rolling-suffix:last-child { margin-inline-start:.3em; }
.mini-core .rolling-cell.rolling-frac,
.mini-core .rolling-mark.rolling-frac { font-size:.42em; width:1ch; }
.mini-core .rolling-mark.rolling-suffix { font-size:.46em; }
@media (prefers-reduced-motion:reduce) {
  .rolling-reel, .rolling-cell, .rolling-cell.is-ghost { transition:none; }
}
.orbit-core > span { grid-row:3; align-self:start; width:155%; max-width:min(270px,72vmin); min-height:0; color:var(--muted); font:500 clamp(var(--label-sm),2vmin,var(--label-md))/1.35 var(--font-label); letter-spacing:var(--track-button); text-align:center; text-wrap:balance; transition:color .2s,text-shadow .2s; }
.sentiment-orbit.has-selection .orbit-core > span { color:var(--ink); text-shadow:0 0 18px color-mix(in srgb,var(--ink) 18%,transparent); }
.answer-pulses { width:100%; height:100%; display:grid; grid-template-columns:repeat(var(--answer-count,5),minmax(0,1fr)); align-items:center; justify-items:center; gap:clamp(4px,.8vw,14px); pointer-events:none; }
.answer-pulse { width:100%; height:100%; max-width:var(--orbit-size); padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:0; background:transparent; color:inherit; }
.answer-orbit { width:min(100%,calc(var(--orbit-size) - 46px)); aspect-ratio:1; display:grid; place-items:center; position:relative; }
.answer-solid-ring { position:absolute; inset:4%; border-radius:50%; opacity:0; transform:scale(.95); pointer-events:none; background:var(--answer-gradient); transition:opacity .42s,transform .42s; }
.answer-solid-ring::after { content:""; position:absolute; inset:18%; border-radius:50%; background:var(--bg); }
.public-result.solid-mode .answer-solid-ring { opacity:1; transform:scale(1); }
.answer-core { width:52%; gap:6px; }
.answer-core > strong { font-size:clamp(.92rem,3.4vmin,1.7rem); letter-spacing:-.06em; color:color-mix(in srgb,var(--answer-color) 78%,var(--ink)); }
.answer-core > span { width:140%; max-width:none; min-height:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--ink); text-shadow:0 0 14px color-mix(in srgb,var(--answer-color) 22%,transparent); font-size:clamp(var(--label-xs),1.5vmin,var(--label-sm)); }
.answer-pulse > small { max-width:100%; color:var(--muted); font:500 var(--label-xs)/1.25 var(--font-label); letter-spacing:var(--track-label); }
@keyframes fieldDrift { 0%{transform:scale(.982) rotate(-.4deg)} 100%{transform:scale(1.018) rotate(.4deg)} }
@keyframes dotDrift { 0%{opacity:calc(var(--opacity) * .78);transform:translate(-50%,-50%) scale(.88)} 100%{opacity:var(--opacity);transform:translate(-50%,-50%) scale(1.12)} }
@keyframes dotDriftLight { 0%{opacity:.94;transform:translate(-50%,-50%) scale(.94)} 100%{opacity:1;transform:translate(-50%,-50%) scale(1.06)} }
@keyframes dotJoin { 0%{opacity:0;transform:translate(-50%,-50%) scale(.28)} 62%{opacity:1;transform:translate(-50%,-50%) scale(1.16)} 100%{opacity:var(--opacity);transform:translate(-50%,-50%) scale(1)} }
@keyframes dotJoinLight { 0%{opacity:0;transform:translate(-50%,-50%) scale(.28)} 62%{opacity:1;transform:translate(-50%,-50%) scale(1.12)} 100%{opacity:1;transform:translate(-50%,-50%) scale(1)} }
.pace { background:var(--pace); }
.oversight { background:var(--oversight); }
.pause { background:var(--pause); }
.stop { background:var(--stop); }
.unsure { background:var(--unsure); }
.legend-stage { min-height:0; }
.legend-control { position:relative; display:flex; justify-content:center; margin:0; }
.legend-control button { position:relative; }
.legend-control button svg { display:block; }
.legend-control button::after { content:attr(data-tip); position:absolute; bottom:calc(100% + 8px); left:50%; z-index:6; display:none; width:max-content; max-width:14rem; margin:0; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); font:500 var(--text-xs)/1.4 var(--font-sans); letter-spacing:0; text-align:start; text-transform:none; white-space:nowrap; box-shadow:0 8px 24px var(--shadow); pointer-events:none; transform:translateX(-50%); }
.legend-control button:hover::after,
.legend-control button:focus-visible::after { display:block; }
.primary-button,.secondary-button { min-height:48px; padding:0 21px; cursor:pointer; font:600 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-label); transition:background .2s,box-shadow .2s,border-color .2s; }
.primary-button { border:1px solid var(--accent); background:var(--accent); color:var(--accent-ink); }
.secondary-button { border:1px solid var(--line-strong); background:var(--accent-soft); }
.primary-button:hover { background:color-mix(in srgb,var(--accent) 86%,var(--bg)); }
.secondary-button:hover { background:color-mix(in srgb,var(--accent-soft) 70%,var(--ink) 8%); }
.hero-cta { min-height:60px; padding:0 34px; border-radius:var(--radius-pill); box-shadow:0 16px 45px var(--shadow); font-size:var(--label-lg); }

.analytics-section { width:min(1200px,calc(100vw - 40px)); margin:0 auto; padding:90px 0 20px; position:relative; z-index:1; }
.analytics-section { border-top:1px solid var(--line); }
.analytics-section[hidden] { display:none !important; }
.enterprise-section[hidden] { display:none !important; }
body.signed-in .hero { flex:0 0 auto; height:auto; min-height:calc(100svh - var(--header-h) - var(--footer-h)); }
#member-analytics { overflow-anchor:none; }
body.signed-in #member-analytics,
body.signed-in #enterprise-section { flex:0 0 auto; }
.section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:35px; margin-bottom:31px; }
.section-heading > div:first-child { min-width:0; flex:1; max-width:960px; }
.section-heading span,.card-heading span:not(.choice-menu-label) { display:block; margin-bottom:12px; color:var(--muted); font:500 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-wide); }
.section-heading p { color:var(--muted); line-height:1.55; }
@media (min-width:1050px) { .section-heading p { white-space:nowrap; } }
.analytics-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.analytics-card { min-height:350px; padding:27px; border:1px solid var(--line); background:var(--panel); position:relative; overflow:hidden; }
.analytics-card.wide { grid-column:1/-1; }
.card-content { height:100%; transition:.35s; }
.lockable .card-content { filter:blur(5px); opacity:.3; pointer-events:none; user-select:none; }
body.signed-in .lockable .card-content { filter:none; opacity:1; pointer-events:auto; user-select:auto; }
.lock-overlay { position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; text-align:center; background:radial-gradient(circle at center,color-mix(in srgb,var(--bg) 32%,transparent),color-mix(in srgb,var(--bg) 63%,transparent)); transition:.25s; }
body.signed-in .lock-overlay { opacity:0; visibility:hidden; pointer-events:none; }
.live-honest { display:none; }
body.live-participation .live-honest { display:revert; }
#member-analytics > .history-card { width:100%; min-height:0; }
#member-analytics > .history-card + .history-card { margin-top:16px; }
.history-card .card-content { height:auto; }
.member-accordion > summary { display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; list-style:none; }
.member-accordion > summary::-webkit-details-marker { display:none; }
.member-accordion > summary .card-heading { flex:1; min-width:0; }
.member-accordion-chevron { flex:none; color:var(--muted); transition:transform .2s; }
.member-accordion[open] .member-accordion-chevron { transform:rotate(90deg); }
#member-analytics > .member-section-divider { margin:36px 0 0; border:0; height:1px; background:var(--muted); }
#member-analytics > .section-heading { margin-top:32px; }
body.signed-in .paid-lock.lockable .card-content { filter:blur(5px); opacity:.3; pointer-events:none; user-select:none; }
body.signed-in .paid-lock .lock-overlay { opacity:1; visibility:visible; pointer-events:auto; }
body.live-participation .paid-lock .live-honest { display:none; }
body.supporter .paid-lock.lockable .card-content { filter:none; opacity:1; pointer-events:auto; user-select:auto; }
body.supporter .paid-lock .lock-overlay { opacity:0; visibility:hidden; pointer-events:none; }
body.signed-in .circles-lock.lockable .card-content { filter:blur(5px); opacity:.3; pointer-events:none; user-select:none; }
body.signed-in .circles-lock .lock-overlay { opacity:1; visibility:visible; pointer-events:auto; }
body.supporter .circles-lock.lockable .card-content { filter:none; opacity:1; pointer-events:auto; user-select:auto; }
body.supporter .circles-lock .lock-overlay { opacity:0; visibility:hidden; pointer-events:none; }
body.signed-in:not(.supporter) #member-analytics > .circles-lock { min-height:320px; }
.circles-lock .lock-icon { width:28px; height:28px; border:0; border-radius:0; transform:none; }
body.live-participation.supporter .paid-lock .live-honest { display:revert; }
.live-unavailable { margin-top:28px; color:var(--muted); line-height:1.55; }
.analytics-card.paid-lock { display:flex; flex-direction:column; }
.analytics-card.paid-lock > .card-content,
.analytics-card.paid-lock > .drivers-body,
.analytics-card.paid-lock > .drivers-body > .card-content { flex:1; display:flex; flex-direction:column; min-height:0; height:auto; }
body.live-participation.supporter .analytics-card.paid-lock > .card-content > .live-honest,
body.live-participation.supporter .analytics-card.paid-lock > .drivers-body > .card-content > .live-honest { display:flex; flex-direction:column; flex:1; min-height:0; }
.analytics-card .live-analytics { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; }
.analytics-card .live-analytics > * { min-width:0; }
.analytics-minimum { margin:auto 0 0; padding-top:16px; color:var(--dim); font:400 var(--text-xs)/1.45 var(--font-sans); letter-spacing:0; }
.sentiment-orbit:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
.circles-card .circle-visibility-note { margin:18px 0 0; max-width:68ch; color:var(--muted); font:500 var(--text-md)/1.55 var(--font-sans); letter-spacing:0; }
.circle-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.circle-actions .primary-button,.circle-actions .secondary-button { width:fit-content; }
.circles-card #circle-list { margin-top:22px; max-height:none; overflow:visible; }
.circles-card #circle-list > li { padding:0; border-bottom:0; }
.circle-empty { padding:8px 0 4px; color:var(--muted); }
.circle-accordion { border-top:1px solid var(--line); }
.circle-accordion > summary { display:flex; align-items:center; gap:16px; min-height:56px; padding:8px 0; cursor:pointer; list-style:none; }
.circle-accordion > summary::-webkit-details-marker { display:none; }
.circle-accordion > summary span { display:inline; margin-top:0; }
.circle-accordion[open] > summary .member-accordion-chevron { transform:rotate(90deg); }
.circle-accordion > summary:hover .member-accordion-chevron { color:var(--ink); }
.circle-name { flex:1; min-width:0; overflow-wrap:anywhere; color:var(--ink); font:600 var(--text-md)/1.3 var(--font-sans); }
.circle-count { flex:none; white-space:nowrap; color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-button); }
.circle-panel { padding:4px 0 20px; }
.circle-pulses { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px 10px; margin-top:8px; }
.circle-pulse { min-width:0; padding:12px 6px 14px; display:flex; flex-direction:column; align-items:center; border:1px solid transparent; border-radius:var(--radius-control); background:transparent; color:inherit; cursor:pointer; text-align:center; }
.circle-pulse:hover { background:var(--accent-soft); }
.circle-pulse .mini-orbit { width:max(96px,min(128px,18vw)); margin-top:0; }
.circle-pulse-title { margin-top:8px; color:var(--muted); font:500 var(--label-sm)/1.3 var(--font-label); letter-spacing:var(--track-button); }
.circle-no-results { display:block; margin-top:6px; color:var(--muted); font:500 var(--text-xs)/1.35 var(--font-sans); letter-spacing:0; text-transform:none; text-wrap:balance; }
.circle-panel-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; }
.circle-panel-actions .secondary-button { width:fit-content; }
.circle-leave { margin-inline-start:auto; min-height:0; padding:8px 2px; border:0; background:none; color:var(--muted); cursor:pointer; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; text-decoration:underline; text-underline-offset:3px; }
.circle-leave:hover { color:var(--ink); }
.circle-modal { width:min(520px,calc(100vw - 32px)); max-height:min(720px,calc(100vh - 24px)); overflow:auto; margin:auto; border:1px solid var(--line); border-radius:12px; padding:28px 30px 30px; background:var(--bg); color:var(--ink); }
.circle-modal::backdrop { background:var(--overlay); }
.circle-modal > form { margin:0; }
.circle-modal h2 { margin:0 40px 0 0; font-size:var(--text-xl); line-height:1.25; letter-spacing:-.03em; font-weight:600; }
.circle-modal-kicker { margin:0 40px 8px 0; color:var(--muted); font:500 var(--label-sm)/1.3 var(--font-label); letter-spacing:var(--track-wide); text-transform:uppercase; }
.circle-modal-form { display:flex; flex-direction:column; align-items:stretch; margin-top:22px; }
.circle-modal-form > label:not(.circle-share-email) { margin:0 0 8px; color:var(--muted); font:500 var(--label-sm)/1.3 var(--font-label); letter-spacing:var(--track-wide); text-transform:uppercase; }
.circle-modal-form > input { width:100%; box-sizing:border-box; min-height:48px; margin:0 0 22px; padding:0 14px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--field); color:var(--ink); font:500 var(--text-md)/1.3 var(--font-sans); }
.circle-modal .circle-share-email { display:flex; align-items:flex-start; gap:12px; margin:2px 0 26px; color:var(--ink); font:500 var(--text-md)/1.5 var(--font-sans); letter-spacing:0; text-transform:none; }
.circle-modal .circle-share-email input { width:18px; height:18px; min-height:18px; margin:4px 0 0; flex:none; accent-color:var(--ink); }
.circle-modal-form > button { align-self:flex-start; width:fit-content; }
.circle-invite-code { margin:18px 0 8px; padding:16px 18px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--field); color:var(--ink); font:500 15px/1.5 var(--font-mono); letter-spacing:.04em; overflow-wrap:anywhere; }
.circle-invite-meta,.circle-invite-pending { margin:0; color:var(--muted); line-height:1.5; }
.circle-invite-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.circle-invite-actions .secondary-button { width:fit-content; }
#circle-question-dialog h2 { margin:0 36px 18px 0; font-size:clamp(1.35rem,2.2vw,1.65rem); line-height:1.32; letter-spacing:-.03em; font-weight:500; text-transform:none; }
#circle-question-options[hidden],#circle-question-confidence[hidden] { display:none; }
.circle-answer-list { display:flex; flex-direction:column; gap:2px; }
.circle-answer-list button { width:100%; min-height:0; margin:0; padding:11px 12px; display:flex; flex-direction:column; align-items:flex-start; gap:3px; border:0; border-radius:10px; background:transparent; box-shadow:none; cursor:pointer; text-align:start; text-transform:none; letter-spacing:0; }
.circle-answer-list button strong { color:var(--ink); font:500 var(--text-md)/1.35 var(--font-sans); letter-spacing:0; text-transform:none; }
.circle-answer-list button span { color:var(--muted); font:500 var(--text-sm)/1.45 var(--font-sans); letter-spacing:0; text-transform:none; }
.circle-answer-list button span:empty { display:none; }
.circle-answer-list button:hover { background:var(--accent-soft); }
.circle-chosen { margin:2px 0 16px; padding:10px 12px; border-radius:10px; background:var(--accent-soft); color:var(--ink); font:500 var(--text-md)/1.4 var(--font-sans); }
#circle-question-confidence-label { margin:0 0 8px; color:var(--ink); font:500 var(--text-md)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; }
.circle-change { margin-top:8px; padding:8px 2px; border:0; background:none; color:var(--muted); cursor:pointer; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; text-decoration:underline; text-underline-offset:3px; }
.circle-change:hover { color:var(--ink); }
.circle-answer-hint { margin:18px 0 0; max-width:62ch; color:var(--muted); line-height:1.5; }
.circle-people-list { margin:18px 0 0; padding:0; list-style:none; }
.circle-people-list li { padding:12px 0; border-bottom:1px solid var(--line); color:var(--ink); line-height:1.4; overflow-wrap:anywhere; }
.circle-manage-heading { margin:28px 0 0; font-size:var(--text-md); font-weight:600; letter-spacing:-.02em; }
.circle-person { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.circle-person button { flex:none; min-height:36px; padding:0 12px; border:1px solid var(--line); border-radius:var(--radius-control); background:transparent; color:var(--ink); cursor:pointer; font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-button); text-transform:uppercase; }
#circle-manage-rename[hidden],#circle-manage-danger[hidden],#circle-manage-delete[hidden],#circle-manage-delete-confirm[hidden],#circle-manage-delete-cancel[hidden] { display:none; }
.circle-manage-danger { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }
.circle-manage-danger p { flex-basis:100%; margin:0; color:var(--muted); line-height:1.5; }
.circle-manage-danger .secondary-button { width:fit-content; }
.account-space { width:min(860px,calc(100vw - 96px)); height:min(680px,calc(100svh - 96px)); max-width:none; max-height:none; overflow:hidden; margin:auto; border:1px solid var(--line); border-radius:var(--radius-tile); padding:24px; background:var(--panel); color:var(--ink); }
.account-space[open] { display:flex; flex-direction:column; }
.account-space::backdrop { background:var(--overlay); }
.account-space-bar { display:flex; justify-content:flex-end; flex:none; }
.account-space-bar form { margin:0; }
.account-space .share-close { float:none; width:auto; height:auto; min-width:0; min-height:0; padding:0; appearance:none; border:0; border-radius:0; background:none; box-shadow:none; display:inline; font-size:1.6rem; line-height:1; color:var(--ink); }
.account-space .account-member { display:flex; flex:1 1 auto; min-height:0; padding:0; gap:0; }
.account-space .account-member[hidden] { display:none; }
.account-space-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; min-height:0; flex:1; width:100%; }
.account-space-nav { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
.account-space .account-space-nav button { min-height:40px; padding:0 14px; border:0; border-radius:8px; background:transparent; color:var(--muted); text-align:start; cursor:pointer; font:500 var(--text-sm)/1.3 var(--font-sans); letter-spacing:0; text-transform:none; }
.account-space .account-space-nav button:hover,
.account-space .account-space-nav button[aria-pressed="true"] { background:var(--accent-soft); color:var(--ink); }
.account-space-panels { min-height:0; overflow:auto; display:flex; flex-direction:column; }
.account-space-panel { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
.account-space-panel[hidden] { display:none; }
.account-space-panel[data-account-panel="account"] { gap:16px; flex:1 0 auto; }
.account-space-panel[data-account-panel="account"] .account-space-section { align-items:flex-start; gap:12px; padding:20px 0; }
.account-space-panel[data-account-panel="account"] .account-space-section:first-of-type { border-top:0; padding-top:0; }
.account-space-panel[data-account-panel="account"] .account-space-section.account-danger { margin-top:auto; align-items:flex-end; padding-bottom:0; border-top:0; }
.account-space [data-account-panel="account"] :is(#account-export,#account-delete-start) { width:fit-content; align-self:flex-start; padding-inline:16px; white-space:nowrap; }
.account-space [data-account-panel="account"] #account-delete-start { align-self:flex-end; }
.account-space-panel[data-account-panel="subscription"] .account-space-section { align-items:flex-start; gap:12px; padding:8px 0 20px; border-top:0; }
.subscription-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%; }
.subscription-plans-org { grid-template-columns:repeat(3,minmax(0,1fr)); }
.plan-card { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; padding:14px 16px; border:1px solid var(--line); border-radius:var(--radius-tile); background:transparent; color:var(--ink); font:500 var(--text-sm)/1.3 var(--font-sans); letter-spacing:0; text-align:left; text-transform:none; }
.plan-card.is-current { border-color:var(--ink); }
.plan-card-tag { color:var(--ink); font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.plan-card-tag[hidden], .plan-card-action[hidden] { display:none; }
.plan-card-action { align-self:stretch; min-height:34px; margin-top:4px; padding:0 12px; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:transparent; color:var(--ink); cursor:pointer; font:600 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.plan-card-action:hover { background:var(--accent-soft); }
.plan-card-action:disabled { opacity:.55; cursor:default; }
.plan-card-name { color:var(--muted); font:500 var(--text-sm)/1.2 var(--font-sans); }
.plan-card-price { display:flex; align-items:baseline; gap:4px; }
.plan-card-amount { color:var(--ink); font:600 1.5rem/1 var(--font-sans); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.plan-card-period { color:var(--muted); font:500 var(--text-xs)/1.3 var(--font-sans); }
@media (max-width:520px) { .subscription-plans-org { grid-template-columns:minmax(0,1fr); } }
.account-space [data-account-panel="subscription"] #supporter-portal { width:fit-content; align-self:flex-start; padding-inline:16px; white-space:nowrap; }
#supporter-portal[hidden] { display:none; }
.account-inline-form,.account-delete-form { width:100%; align-items:flex-start; }
.account-inline-form { display:flex; flex-direction:column; gap:8px; }
.account-inline-form label { color:var(--muted); font:500 var(--text-xs)/1.35 var(--font-sans); }
.account-profile { display:flex; flex-direction:column; align-items:flex-start; gap:10px; width:100%; }
.account-photo-picker { position:relative; width:72px; height:72px; border:1px solid var(--line); border-radius:50%; background:var(--field); color:var(--ink); display:grid; place-items:center; overflow:hidden; cursor:pointer; }
.account-photo-picker input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.account-photo-picker img { width:100%; height:100%; object-fit:cover; }
.account-photo-picker.has-photo .account-photo-fallback { display:none; }
.account-profile label[for="account-name-input"] { color:var(--muted); font:500 var(--text-xs)/1.35 var(--font-sans); }
#account-photo-remove { width:fit-content; min-height:36px; padding:0 14px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; }
.account-inline-form input,.account-delete-form input,#account-name-input { width:100%; min-height:42px; padding:0 12px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--field); color:var(--ink); font:500 var(--text-md)/1.3 var(--font-sans); }
.account-action-row { display:flex; flex-wrap:wrap; gap:8px; }
.account-delete-dialog { width:min(440px,calc(100vw - 32px)); max-width:none; margin:auto; padding:24px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--panel); color:var(--ink); }
.account-delete-dialog::backdrop { background:var(--overlay); }
.account-delete-dialog h2 { margin:0; font-size:var(--text-xl); }
.account-delete-dialog .account-delete-form { gap:12px; }
.account-delete-dialog .account-action-row { justify-content:flex-end; width:100%; margin-top:8px; }
.account-space h2 { margin:0; font-size:var(--text-xl); }
.account-space-section { display:flex; flex-direction:column; gap:8px; padding:12px 0; border-top:1px solid var(--line); width:100%; }
@media (max-width:700px) {
  .account-space-layout { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
  .account-space-nav { flex-direction:row; overflow-x:auto; }
  .account-space .account-space-nav button { white-space:nowrap; }
}
.account-space-section h3 { margin:0; color:var(--muted); font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.account-space-section a { min-height:38px; padding:0 12px; display:flex; align-items:center; color:var(--ink); text-decoration:none; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-button); }
.account-space-section a:hover { background:var(--accent-soft); color:var(--ink); }
.lock-icon { width:38px; height:38px; margin-bottom:15px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--ink) 55%,transparent); border-radius:50%; color:var(--ink); font-size:1.1rem; transform:rotate(45deg); }
.paid-lock .lock-icon { width:28px; height:28px; border:0; border-radius:0; transform:none; }
.lock-overlay strong { font-size:var(--text-xl); }
.lock-overlay p { max-width:390px; margin:10px auto 18px; color:var(--muted); font-size:var(--text-sm); line-height:1.5; }
.unlock-button { min-height:39px; padding:0 16px; border:1px solid var(--line-strong); background:var(--accent-soft); cursor:pointer; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); }
.card-heading { display:flex; justify-content:space-between; gap:25px; }
.card-heading h2 { margin:0; font-size:clamp(1.15rem,2vw,1.65rem); line-height:normal; letter-spacing:-.035em; }
.card-heading small { color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-button); }
.choice-menu { width:100%; }
.choice-menu { position:relative; width:100%; min-width:0; }
.choice-menu-button { appearance:none; width:100%; min-height:36px; padding:0 10px 0 12px; display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--field); color:var(--ink); cursor:pointer; text-align:left; font:500 var(--text-sm)/1.2 var(--font-sans); letter-spacing:0; text-transform:none; }
.choice-menu-button:hover { background:var(--accent-soft); }
.choice-menu-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.choice-menu-chevron { flex:none; }
.choice-menu-options { margin:0; padding:6px; display:flex; flex-direction:column; gap:2px; max-height:240px; overflow:auto; border:1px solid var(--line); border-radius:12px; background:color-mix(in srgb,var(--ink) 14%,var(--bg)); box-shadow:0 16px 40px var(--shadow); }
[data-theme="light"] .choice-menu-options { background:var(--panel); }
.choice-menu-options[hidden] { display:none; }
.choice-menu-options button { appearance:none; min-height:36px; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:var(--ink); cursor:pointer; text-align:left; font:500 var(--text-sm)/1.3 var(--font-sans); letter-spacing:0; text-transform:none; white-space:normal; }
.choice-menu-options button:hover,
.choice-menu-options button[aria-selected="true"] { background:var(--accent-soft); }
.geo-globe { position:relative; width:min(100%,520px); margin:8px auto 0; }
.geo-globe-canvas { width:100%; height:min(520px,78vw); display:block; touch-action:none; cursor:grab; background:transparent; }
.geo-globe-canvas:active { cursor:grabbing; }
.geo-globe-canvas:focus-visible { outline:1px solid var(--line-strong); outline-offset:2px; }
.geo-globe-controls { position:absolute; z-index:2; inset-inline-end:8px; bottom:8px; display:flex; flex-direction:column; gap:6px; }
.geo-globe-controls button { width:32px; height:32px; margin:0; padding:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb,var(--panel) 88%,transparent); color:var(--ink); cursor:pointer; font:500 16px/1 var(--font-sans); }
.geo-globe-controls button:hover { background:var(--accent-soft); }
.geo-globe-tip { position:absolute; z-index:3; margin:0; max-width:14rem; padding:6px 8px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); pointer-events:none; font:500 var(--text-xs)/1.35 var(--font-sans); letter-spacing:0; text-transform:none; box-shadow:0 8px 24px var(--shadow); transform:translate(12px,12px); }
.geo-globe-tip.is-left { transform:translate(calc(-100% - 12px),12px); }
.geo-globe + .stack-legend { margin-top:8px; }
.geo-table { margin-top:22px; }
.geo-table [data-country] { cursor:pointer; }
.geo-table [data-country]:hover b,.geo-table [data-country]:focus-visible b { color:var(--ink); }
.geo-table > div,.geo-table > .geo-country > summary,.geo-table > .geo-country[open] .geo-region { min-height:50px; display:grid; grid-template-columns:1.5fr repeat(5,1fr); align-items:center; border-bottom:1px solid var(--line); }
.geo-table > div:last-child,.geo-table > .geo-country:last-child { border-bottom:0; }
.geo-table > .geo-country:not([open]) .geo-region { display:none; }
.geo-table > .geo-country { border-bottom:1px solid var(--line); }
.geo-table > .geo-country > summary { border-bottom:0; color:inherit; font:inherit; list-style:none; cursor:pointer; }
.geo-table > .geo-country > summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.geo-table > .geo-country > summary::-webkit-details-marker { display:none; }
.geo-table > .geo-country > summary::marker { content:none; }
.geo-table > .geo-country[open] > summary { border-bottom:1px solid var(--line); }
.geo-table > .geo-country .geo-region:last-child { border-bottom:0; }
.geo-chevron { display:inline-block; margin-inline-end:6px; vertical-align:-2px; color:var(--muted); }
.geo-country[open] > summary .geo-chevron { transform:rotate(90deg); }
.geo-table b { font-size:var(--text-md); }
.geo-table span { color:var(--muted); text-align:center; font:500 var(--label-md)/1 var(--font-label); font-variant-numeric:tabular-nums; }
.geo-table span.lead { color:var(--geo-lead, var(--oversight-text)); }
.geo-table .geo-head { min-height:33px; }
.geo-table .geo-head span { color:var(--muted); font-size:var(--label-xs); }
.rhythm-chart { height:160px; display:flex; align-items:flex-end; gap:8px; margin-top:32px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.rhythm-chart i { flex:1; min-height:7px; background:linear-gradient(#5fd18b,rgba(95,209,139,.12)); animation:barBreathe 3.4s ease-in-out infinite alternate; }
.rhythm-chart i:nth-child(3n) { animation-delay:.7s; }
@keyframes barBreathe { to{filter:brightness(1.4);transform:scaleY(1.05);transform-origin:bottom} }
.mini-stats { margin-top:19px; display:grid; grid-template-columns:repeat(3,1fr); }
.mini-stats div { text-align:center; border-right:1px solid var(--line); }
.mini-stats div:last-child { border-right:0; }
.mini-stats strong,.mini-stats span { display:block; }
.mini-stats strong { font-size:var(--text-2xl); font-variant-numeric:tabular-nums; }
.mini-stats span { margin-top:7px; color:var(--muted); font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); }
.live-rhythm { gap:3px; }
.live-rhythm i { min-height:2px; animation:none; }
.driver-key { margin:18px 0 0; color:var(--muted); font-size:var(--text-sm); line-height:1.5; }
.drivers-card { display:flex; flex-direction:column; }
.drivers-toolbar { position:relative; z-index:4; margin-bottom:16px; }
.drivers-toolbar .choice-menu { width:min(260px,100%); margin-inline-start:auto; }
.drivers-body { position:relative; flex:1; }
.drivers-preview { display:none; }
body.live-participation:not(.supporter) .drivers-preview { display:block; }
.driver-list { margin-top:22px; display:flex; flex-direction:column; gap:18px; }
.driver-row { display:grid; gap:7px; }
.driver-row p { margin:0; font-size:var(--text-sm); line-height:1.4; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; }
.driver-side { display:grid; grid-template-columns:minmax(72px,30%) 1fr 42px; align-items:center; gap:12px; }
.driver-side span { color:var(--muted); font:500 var(--label-xs)/1.2 var(--font-label); letter-spacing:var(--track-label); overflow-wrap:anywhere; }
.driver-side i { height:3px; background:var(--line); }
.driver-side b { display:block; height:100%; background:var(--pause); }
.driver-side + .driver-side b { background:var(--pace); }
.driver-side strong { color:var(--muted); text-align:right; font:500 var(--label-sm)/1 var(--font-label); font-variant-numeric:tabular-nums; }
.history { margin-top:30px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
#live-history-list.history { grid-template-columns:1fr; }
#live-history-list.history > div { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 24px; min-height:0; padding:18px 0; border-right:0; border-bottom:1px solid var(--line); }
#live-history-list.history > div:last-child { border-bottom:0; }
#live-history-list .history-topic { flex:1 1 auto; }
#live-history-list .history-question,#live-history-list.history strong,#live-history-list.history i { flex:1 0 100%; }
#live-history-list .history-question { margin:4px 0 0; color:var(--ink); font:400 var(--text-md)/1.45 var(--font-sans); letter-spacing:0; text-transform:none; }
#live-history-list.history strong { margin:6px 0 0; }
#live-history-list .history-start { flex:0 0 auto; min-height:36px; padding:0 14px; border-radius:var(--radius-pill); }
.history > div { min-height:150px; padding:22px 18px; border-right:1px solid var(--line); }
.history > div:last-child { border-right:0; }
.history span,.history strong,.history i { display:block; }
.history span { color:var(--muted); font:500 var(--label-sm)/1.3 var(--font-label); letter-spacing:var(--track-button); }
.history strong { margin:31px 0 13px; font-size:var(--text-md); }
.history i { color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); font-style:normal; }
.more-analytics-card { min-height:310px; }
.more-analytics-grid { margin-top:31px; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.more-analytics-grid > div { min-height:140px; padding:20px; background:var(--panel2); }
.more-analytics-grid span,.more-analytics-grid strong { display:block; }
.more-analytics-grid span { color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); }
.more-analytics-grid strong { margin:24px 0 19px; font-size:var(--text-md); line-height:1.35; }
.more-analytics-grid i { display:block; height:3px; background:var(--line); }
.more-analytics-grid b { display:block; height:100%; background:linear-gradient(90deg,var(--oversight),var(--pause)); }
.more-analytics-grid small { display:block; margin:-9px 0 17px; color:var(--muted); font-size:var(--text-sm); line-height:1.45; }
.live-analytics > .live-unavailable { margin-top:22px; }
.live-geo b small { display:block; margin-top:4px; color:var(--muted); font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); }
.live-geo .geo-region b { padding-left:14px; color:var(--muted); font-weight:500; }
.places-note { margin:14px 0 0; color:var(--muted); font-size:var(--text-sm); line-height:1.5; }
.trend-line { width:100%; height:auto; display:block; margin-top:22px; overflow:visible; }
.trend-line .trend-grid { stroke:var(--line); stroke-width:1; vector-effect:non-scaling-stroke; }
.trend-line .trend-series { fill:none; stroke-width:2.25; stroke-linejoin:round; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.trend-line .trend-dot { stroke:var(--panel); stroke-width:1.5; vector-effect:non-scaling-stroke; }
.trend-line .trend-axis { fill:var(--muted); font:500 12px/1 var(--font-sans); }
.stack-legend { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:14px; color:var(--muted); font:500 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); font-variant-numeric:tabular-nums; }
.stack-legend > span { display:inline-flex; align-items:center; gap:6px; }
.stack-legend i { width:8px; height:8px; flex:none; border-radius:50%; }
.stack-bar { height:8px; display:flex; gap:1px; overflow:hidden; background:var(--line); }
.stack-bar i { display:block; height:100%; min-width:2px; }
.stack-bar.levels i:nth-child(1) { opacity:.3; }
.stack-bar.levels i:nth-child(2) { opacity:.55; }
.stack-bar.levels i:nth-child(3) { opacity:.8; }
.flow-list { margin-top:20px; display:grid; gap:18px; }
.flow-row { display:grid; gap:8px; }
.flow-row p { margin:0; display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.flow-row b { font:500 var(--label-sm)/1.2 var(--font-label); letter-spacing:var(--track-label); }
.flow-row small,.flow-row strong { color:var(--muted); font:500 var(--label-xs)/1.2 var(--font-label); letter-spacing:var(--track-label); font-variant-numeric:tabular-nums; }
.flow-row strong { font-size:var(--label-sm); }
.timer-split { margin-top:22px; }
.speed-list { margin-top:12px; }
.speed-list .driver-side { grid-template-columns:1fr 52px; }
.speed-list .driver-side b { background:var(--oversight); }

.enterprise-section { width:min(1200px,calc(100vw - 40px)); margin:70px auto 90px; padding:42px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); column-gap:80px; row-gap:36px; position:relative; z-index:1; border:1px solid var(--line); background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 5.5%,transparent),color-mix(in srgb,var(--ink) 1.8%,transparent) 55%,rgba(85,199,144,.035)); }
.enterprise-copy > span,.enterprise-offer > span { display:block; margin-bottom:17px; color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-wide); }
.enterprise-copy h2 { max-width:720px; font-size:clamp(2rem,4vw,4.3rem); }
.enterprise-copy p { width:calc(100% + 48px); max-width:none; margin:24px 0 0; color:var(--muted); line-height:1.65; }
.enterprise-offer { padding-left:36px; border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; }
.enterprise-offer ul { margin:0; padding:0; list-style:none; }
.enterprise-offer li { padding:13px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:var(--text-md); }
#enterprise-account { align-self:center; margin-top:28px; min-height:43px; padding:0 17px; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--ink); cursor:pointer; font:600 var(--label-sm)/1.25 var(--font-label); letter-spacing:var(--track-button); text-align:center; transition:border-color .2s,background .2s; }
#enterprise-account:hover { border-color:var(--line-hover); background:var(--accent-soft); }

.all-topics { width:100%; margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.all-topic-card { min-width:0; min-height:280px; padding:7px 4px 15px; display:flex; flex-direction:column; align-items:center; border:0; background:transparent; color:inherit; cursor:pointer; text-align:center; transition:opacity .22s; }
.all-topic-card:hover { opacity:.92; }
.all-topic-card > span { color:var(--muted); font:500 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); }
.mini-orbit { width:min(190px,16vw); aspect-ratio:1; margin:9px 0 0; display:grid; place-items:center; position:relative; }
.mini-pulse-field,.mini-solid-ring { position:absolute; inset:0; border-radius:50%; cursor:pointer; transition:opacity .38s,transform .38s; }
.mini-pulse-field { animation:fieldDrift 9s ease-in-out infinite alternate; }
.mini-dot { --dot-color:var(--unsure); position:absolute; left:var(--x); top:var(--y); width:var(--size); height:var(--size); border-radius:50%; background:var(--dot-color); box-shadow:0 0 calc(var(--size) * 1.1) color-mix(in srgb,var(--dot-color) 46%,transparent); transform:translate(-50%,-50%); opacity:var(--opacity); pointer-events:none; transition:filter .2s,opacity .2s; }
.mini-pulse-field.has-focus .mini-dot:not(.is-focus) { opacity:.09 !important; filter:saturate(.2); }
.mini-pulse-field .mini-dot.is-focus { filter:brightness(1.35) drop-shadow(0 0 4px var(--dot-color)); }
.mini-solid-ring { inset:4%; opacity:0; transform:scale(.95); background:var(--mini-gradient); }
.mini-solid-ring::after { content:""; position:absolute; inset:20%; border-radius:50%; background:var(--bg); }
.public-result.solid-mode .mini-pulse-field,
body.landing-focus.reveal-pulse .public-result.solid-mode .all-topics .mini-pulse-field { opacity:0; visibility:hidden; pointer-events:none; }
.public-result.solid-mode .mini-solid-ring { opacity:1; transform:scale(1); pointer-events:auto; }
.mini-core { width:48%; aspect-ratio:1; z-index:2; display:grid; place-items:center; pointer-events:none; }
.mini-core strong { font-size:clamp(1.35rem,2.5vw,2rem); letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.mini-detail { min-height:44px; width:100%; max-width:220px; margin-top:0; display:flex; align-items:center; justify-content:center; color:var(--muted); opacity:.78; font:500 var(--label-md)/1.35 var(--font-label); letter-spacing:var(--track-button); transition:opacity .2s,color .2s; }
.all-topic-card.has-focus .mini-detail { color:var(--ink); opacity:1; }
.all-topic-card h2 { margin-top:2px; font-size:var(--text-lg); line-height:1.2; letter-spacing:-.035em; }
.all-topic-card small { margin-top:7px; color:var(--muted); font:500 var(--label-sm)/1.3 var(--font-label); }
.site-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px 20px; min-height:auto; padding:8px var(--chrome-inline); border:0; color:var(--muted); flex-shrink:0; position:relative; z-index:20; background:color-mix(in srgb,var(--bg) 78%,transparent); backdrop-filter:blur(18px); }
.footer-left { justify-self:start; align-items:center; }
.footer-sep { width:1px; height:14px; flex:none; background:color-mix(in srgb,var(--ink) 22%,transparent); }
.footer-copyright { justify-self:center; text-align:center; margin:0; font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; color:var(--muted); }
.footer-right { justify-self:end; }
.footer-group { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font:500 var(--label-xs)/1.4 var(--font-label); letter-spacing:var(--track-button); text-transform:uppercase; }
.footer-contact { position:relative; }
.footer-links { position:relative; display:flex; }
.footer-links-toggle { display:none; }
.footer-contact-toggle { position:relative; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin:0; padding:0; border:0; background:transparent; color:var(--muted); cursor:pointer; }
.footer-contact-toggle svg { display:block; }
.footer-contact-toggle:hover,
.footer-contact-toggle:focus-visible { color:var(--ink); }
.footer-contact-toggle::after { content:attr(data-tip); position:absolute; right:0; bottom:calc(100% + 8px); z-index:6; display:none; width:max-content; margin:0; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); font:500 var(--text-xs)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; white-space:nowrap; box-shadow:0 8px 24px var(--shadow); pointer-events:none; }
.footer-contact-toggle:hover::after,
.footer-contact-toggle:focus-visible::after { display:block; }
.footer-contact-toggle[aria-expanded="true"]::after { display:none; }
.contact-dropup { position:absolute; right:0; bottom:calc(100% + 12px); z-index:30; width:min(320px,calc(100vw - 32px)); padding:16px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--bg); box-shadow:0 16px 40px var(--shadow); }
.contact-dropup[hidden] { display:none; }
.contact-form { display:flex; flex-direction:column; gap:10px; }
.contact-form label { display:flex; flex-direction:column; gap:6px; color:var(--muted); font:500 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.contact-form input,.contact-form textarea { width:100%; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--field); color:var(--ink); font:500 var(--text-md)/1.4 var(--font-sans); letter-spacing:0; text-transform:none; }
.contact-form input { min-height:42px; padding:0 10px; }
.contact-form textarea { min-height:120px; padding:10px; resize:vertical; }
.contact-form button { min-height:42px; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:var(--accent-soft); color:var(--ink); cursor:pointer; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.contact-form button:disabled { opacity:.55; cursor:default; }
.commitment-contact { width:min(32rem,100%); margin-top:28px; }
[data-sonner-toaster][data-y-position=bottom] { --offset-bottom:calc(var(--footer-h) + 16px); }
footer a { color:var(--muted); text-decoration:none; }
footer a:hover { color:var(--ink); }
footer p { margin:0; font-size:var(--text-xs); }

dialog.reflection-modal { position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; z-index:50; overflow:hidden; background:radial-gradient(circle at 50% 43%,var(--panel2),var(--bg) 68%); color:var(--ink); }
dialog.reflection-modal[open] { animation:reflection-fade .35s ease; }
dialog.reflection-modal::backdrop { background:var(--bg); }
dialog.reflection-modal::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(circle at center,#000,transparent 78%); }
@keyframes reflection-fade { from { opacity:0; } to { opacity:1; } }
.close-modal { position:absolute; top:18px; right:23px; z-index:4; width:44px; height:44px; display:grid; place-items:center; appearance:none; padding:0; border:0; border-radius:50%; background:transparent; box-shadow:none; color:var(--ink); cursor:pointer; font:400 2rem/1 var(--font-sans); transition:background .2s; }
.close-modal:hover { background:var(--accent-soft); }
.modal-brand { position:absolute; top:25px; left:28px; z-index:4; display:flex; align-items:center; gap:10px; font:500 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-wide); }
.modal-step { position:absolute; inset:0; display:none; overflow:auto; }
.modal-step.active { display:block; }
.modal-step.measuring { display:block; visibility:hidden; }
.step-inner { width:min(980px,calc(100vw - 40px)); min-height:100svh; margin:0 auto; padding:88px 0 35px; position:relative; z-index:2; }
.step-inner.centered { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.step-inner h2 { max-width:900px; }
.step-inner.centered > p { max-width:680px; margin:23px auto; color:var(--muted); font-size:var(--text-lg); line-height:1.58; }
.step-inner.centered > .primary-button { min-width:230px; min-height:60px; margin-top:18px; padding:0 30px; border-radius:var(--radius-pill); box-shadow:0 18px 55px var(--shadow); }
.eyebrow { color:var(--muted); font:500 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-wide); margin-bottom:17px; }
.typed-pending .timer,
.typed-pending .circle-choices,
.typed-pending .opening-timer,
.typed-pending .question-timer,
.typed-pending .question-answers,
.typed-pending .question-note,
.typed-pending .final-options,
.typed-pending #topic-vote-mode { opacity:0; visibility:hidden; pointer-events:none; }
.typed-char.is-pending { color:transparent; }
.is-typing .typed-caret { box-shadow:1px 0 0 currentColor; }
.timer { width:91px; height:91px; margin:25px 0; position:relative; display:grid; place-items:center; }
.timer svg { position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.timer circle { fill:none; stroke-width:3; }
.timer-track { stroke:var(--line); }
.timer-ring { stroke:var(--ink); stroke-linecap:round; stroke-dasharray:333; }
.timer span { font:500 1.9rem/1 var(--font-mono); font-variant-numeric:tabular-nums; }
.circle-choices { display:flex; justify-content:center; gap:clamp(24px,6vw,68px); }
.opening-timer { display:flex; flex-direction:column; align-items:center; margin:8px auto 4px; }
.opening-timer[hidden] { display:none; }
.opening-timer .timer { margin:8px 0 10px; }
#step-topic-vote.instinct-binary .opening-heading { align-self:center; width:fit-content; max-width:min(900px,100%); text-align:center; }
#step-topic-vote.instinct-binary .opening-heading h2 { text-align:center; max-width:none; }
#step-topic-vote:not(.instinct-binary):not(.final-ask) .opening-heading { width:100%; text-align:center; }
#step-topic-vote:not(.instinct-binary):not(.final-ask) .opening-heading h2 { width:100%; max-width:none; margin-bottom:0; text-align:center; text-wrap:wrap; }
#step-topic-vote .opening-heading .question-meta { justify-content:center; }
#step-topic-vote.instinct-binary .opening-timer { margin-inline:auto; }
#step-topic-vote.instinct-binary .circle-choices { margin:12px auto 8px; }
#step-topic-vote:not(.instinct-binary) #topic-vote-instinct { display:none; }
#step-topic-vote.instinct-binary #topic-vote-options { display:none; }
.circle-choice { width:clamp(158px,19vw,202px); aspect-ratio:1; display:flex; align-items:center; justify-content:center; padding:18px; border-radius:50%; background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ink) 8.5%,transparent),color-mix(in srgb,var(--ink) 1.2%,transparent) 68%); cursor:pointer; color:var(--ink); font-weight:600; font-size:var(--text-lg); line-height:1.15; letter-spacing:0; text-align:center; text-wrap:balance; transition:background .24s; }
.circle-choice:hover { background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--ink) 15%,transparent),color-mix(in srgb,var(--ink) 2.5%,transparent) 70%); }
.circle-choice:disabled { opacity:.65; }
.pause-choice { border:2px solid var(--pause); box-shadow:0 0 42px rgba(60,169,255,.18),inset 0 0 32px rgba(60,169,255,.06); }
.continue-choice { border:2px solid var(--pace); box-shadow:0 0 42px rgba(242,193,79,.16),inset 0 0 32px rgba(242,193,79,.05); }
.question-inner { display:grid; grid-template-rows:1fr 1fr 1fr; align-items:stretch; height:100svh; max-height:100svh; overflow:hidden; transition:.2s; }
.question-inner.changing { opacity:0; transform:translateY(8px); }
.question-zone { min-height:0; display:flex; flex-direction:column; }
.question-zone-meta { justify-content:flex-end; }
.question-zone-copy { justify-content:center; overflow:auto; }
.question-zone-answers { justify-content:flex-start; }
.question-meta { display:flex; justify-content:space-between; color:var(--muted); font:500 var(--label-md)/1 var(--font-label); letter-spacing:var(--track-wide); }
.progress-track { height:2px; margin:14px 0 0; background:var(--line); }
.progress-track span { display:block; height:100%; background:var(--accent); }
.question-timer { width:min(560px,100%); min-height:18px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:20px; font:500 var(--label-md)/1 var(--font-label); }
.question-timer[hidden] { display:none; }
.question-timer strong { font:500 var(--label-md)/1 var(--font-mono); font-variant-numeric:tabular-nums; }
.question-timer[hidden] { display:none; }
.question-timer i { flex:1; min-width:72px; height:2px; background:var(--line); }
.question-timer b { display:block; height:100%; background:var(--accent); }
.answer-without-timer { flex:0 0 auto; margin:0; padding:0; border:0; background:none; cursor:pointer; color:var(--muted); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); white-space:nowrap; }
.answer-without-timer:hover { color:var(--ink); }
.answer-without-timer:disabled { opacity:.45; cursor:default; }
.question-copy { min-height:0; margin:0; }
.question-context { max-width:none; margin:0 0 19px; color:var(--muted); line-height:1.57; text-wrap:wrap; }
.question-context:empty { display:none; }
.step-inner.question-inner h2 { max-width:none; margin-bottom:0; font-size:clamp(1.35rem,2.4vw,2.15rem); line-height:1.28; letter-spacing:-.03em; font-weight:500; text-wrap:wrap; }
.question-inner:has(.question-timer:not([hidden])) h2 { margin-bottom:16px; }
.question-answers { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.question-answer { min-height:92px; display:flex; align-items:center; gap:16px; padding:18px 52px 18px 21px; position:relative; overflow:hidden; border:1px solid var(--line); border-left:3px solid var(--line-strong); background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--ink) 1.2%,transparent)); cursor:pointer; text-align:left; box-shadow:0 12px 34px var(--shadow); transition:border-color .22s,background .22s; }
.question-answer::after { content:"›"; position:absolute; right:22px; top:50%; transform:translateY(-52%); color:var(--ink); font-size:1.65rem; opacity:.32; transition:opacity .22s; }
.question-answer:hover { border-color:var(--line-hover); background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 11%,transparent),var(--accent-soft)); }
.question-answer:hover::after { opacity:1; }
.question-answer i { color:var(--muted); font:500 var(--label-md)/1 var(--font-mono); }
.question-answer strong { color:var(--ink); font:500 var(--label-lg)/1.3 var(--font-label); letter-spacing:var(--track-button); }
.question-note { color:var(--muted); font-size:var(--text-xs); }
.final-inner { display:flex; flex-direction:column; justify-content:center; }
.final-inner h2 { margin-bottom:27px; }
.final-pulse-note { max-width:760px; margin:16px 0 24px; color:var(--muted); font-size:var(--text-lg); line-height:1.5; }
.final-pulse-note[hidden] { display:none; }
#step-topic-vote.final-ask .opening-heading { width:100%; text-align:center; }
#step-topic-vote.final-ask .opening-heading h2 { max-width:none; margin-bottom:0; text-align:center; }
#step-topic-vote.final-ask .final-pulse-note { max-width:none; text-align:center; }
.final-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.final-options button { min-height:112px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; gap:7px 11px; padding:19px 48px 19px 19px; position:relative; overflow:hidden; border:1px solid var(--line); background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--ink) 1.2%,transparent)); cursor:pointer; text-align:left; box-shadow:0 10px 30px var(--shadow); transition:border-color .22s,background .22s; }
.final-options button::after,.confidence-options button::after { content:"›"; position:absolute; right:20px; top:50%; transform:translateY(-52%); color:var(--ink); font-size:1.55rem; opacity:.28; transition:opacity .22s; }
.final-options button:nth-child(1) { border-left:3px solid var(--pace); }
.final-options button:nth-child(2) { border-left:3px solid var(--oversight); }
.final-options button:nth-child(3) { border-left:3px solid var(--pause); }
.final-options button:nth-child(4) { border-left:3px solid var(--stop); }
.final-options button:nth-child(5) { grid-column:1/-1; border-left:3px solid var(--unsure); }
.final-options button:hover { border-block-color:var(--line-hover); border-inline-end-color:var(--line-hover); background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 10.5%,transparent),var(--accent-soft)); }
.final-options button:hover::after,.confidence-options button:hover::after { opacity:1; }
.final-options i { grid-row:1/3; color:var(--muted); font:500 var(--label-md)/1 var(--font-mono); }
.final-options strong { font-size:var(--text-lg); }
.final-options span { color:var(--muted); font-size:var(--text-sm); line-height:1.42; }
.confidence-inner { display:flex; flex-direction:column; justify-content:center; }
.confidence-inner h2 { max-width:none; text-align:center; }
.confidence-intro { max-width:none; margin:16px 0 28px; color:var(--muted); line-height:1.55; text-align:center; }
.confidence-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.confidence-options button { min-height:110px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; gap:7px 11px; padding:19px 48px 19px 19px; position:relative; overflow:hidden; border:1px solid var(--line); border-left:3px solid var(--line-strong); background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--ink) 1.2%,transparent)); cursor:pointer; text-align:left; box-shadow:0 10px 30px var(--shadow); transition:border-color .22s,background .22s; }
.confidence-options button:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 10.5%,transparent),var(--accent-soft)); border-color:var(--line-hover); border-left-color:var(--ink); }
.confidence-options i { grid-row:1/3; color:var(--muted); font:500 var(--label-md)/1 var(--font-mono); }
.confidence-options strong { font-size:var(--text-lg); }
.confidence-options span { color:var(--muted); font-size:var(--text-sm); line-height:1.42; }
#step-complete .complete-next { margin:36px auto 12px; color:var(--ink); font-size:clamp(1.5rem,2.6vw,1.9rem); font-weight:500; letter-spacing:-.03em; line-height:1.2; }
.complete-actions { width:min(720px,100%); margin-top:8px; display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; align-items:stretch; }
.complete-actions:not(:has(#save-history:not([hidden]))) { grid-template-columns:minmax(230px,360px); justify-content:center; }
.complete-next-action { grid-column:1 / -1; }
.complete-action { min-width:0; display:flex; }
.complete-signup-action,
.complete-next-action { container-type:inline-size; }
.complete-signup-action:has(#save-history[hidden]),
.complete-next-action:has(#continue-reflection[hidden]) { display:none; }
.complete-actions .primary-button { width:100%; min-height:60px; height:100%; margin:0; padding:0 18px; border-radius:var(--radius-pill); box-shadow:0 18px 55px var(--shadow); }
.complete-actions .share-question { margin-top:0; }
.complete-actions .complete-outline { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--line-strong); background:transparent; color:var(--ink); box-shadow:none; font-weight:400; }
.complete-actions .complete-outline svg { flex:0 0 auto; display:block; }
.complete-actions .complete-outline:hover { background:transparent; border-color:var(--line-hover); color:var(--ink); }
#continue-reflection { font:400 var(--label-md)/1 var(--font-label); font-size:min(var(--label-md),calc((100cqi - 36px) / 28)); letter-spacing:var(--track-label); white-space:nowrap; }
#continue-reflection > span { display:block; min-width:0; width:100%; text-align:center; white-space:nowrap; line-height:1.15; }
#continue-reflection strong { font-weight:700; }
#save-history { white-space:nowrap; font-size:min(var(--label-md),calc((100cqi - 36px) / 18)); }
#continue-reflection[hidden] { display:none; }
#step-complete .signin-back { align-self:center; }
#save-history[hidden] { display:none; }
#complete-insight strong { color:var(--ink); font-weight:650; }

@media (max-width:800px) {
  .circle-pulses { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-header { height:auto; min-height:108px; padding:13px var(--chrome-inline) 8px; grid-template-columns:1fr auto; grid-template-areas:"brand account" "tabs tabs"; gap:8px 12px; }
  .brand { grid-area:brand; }
  .site-header .topic-tabs { grid-area:tabs; width:100%; justify-content:flex-start; }
  .account-actions { grid-area:account; gap:6px; }
  .account-button { padding:0; }
  .brand { font-size:var(--label-sm); letter-spacing:var(--track-button); gap:8px; }
  .hero { min-height:0; width:calc(100vw - 28px); padding:0; }
  .topic-tabs button { padding:0 13px; font-size:var(--label-md); }
  .topic-tabs button[data-topic="all"] { margin-left:5px; padding-left:20px; }
  .hero h1 { font-size:clamp(1.32rem,6vw,2.02rem); }
  .response-count > span { font-size:var(--label-xs); }
  .answer-pulses { gap:4px; }
  .answer-core > strong { font-size:clamp(.78rem,3.8vw,1.15rem); }
  .answer-pulse > small { letter-spacing:0; }
  .analytics-section { width:calc(100vw - 24px); padding-top:60px; }
  .section-heading { display:block; }
  .analytics-grid { grid-template-columns:1fr; }
  .analytics-card.wide { grid-column:auto; }
  .analytics-card { min-height:330px; padding:19px 15px; }
  .geo-table { overflow-x:auto; }
  .geo-table > div,.geo-table > .geo-country > summary,.geo-table > .geo-country[open] .geo-region { min-width:0; }
  .history { grid-template-columns:1fr 1fr; }
  #live-history-list.history { grid-template-columns:1fr; }
  #live-history-list .history-start { margin-top:4px; }
  .history > div { border-bottom:1px solid var(--line); }
  .history > div:nth-child(2) { border-right:0; }
  .more-analytics-grid { grid-template-columns:1fr; }
  .enterprise-section { width:calc(100vw - 24px); margin:55px auto 65px; padding:30px 22px; grid-template-columns:1fr; gap:35px; }
  .enterprise-copy p { width:auto; }
  .enterprise-offer { padding:29px 0 0; border-left:0; border-top:1px solid var(--line); }
  footer p { margin-top:4px; line-height:1.45; }
  .close-modal { top:10px; right:10px; }
  .modal-brand { top:20px; left:17px; }
  .step-inner { width:calc(100vw - 32px); padding:72px 0 24px; }
  .step-inner.centered { justify-content:flex-start; padding-top:95px; }
  /* --intro-top is the first question's label position, set in app.js. */
  #step-intro .step-inner.centered { padding-top:var(--intro-top,95px); }
  .step-inner h2 { font-size:clamp(2rem,8.8vw,3rem); }
  .circle-choices { gap:13px; }
  .circle-choice { width:min(42vw,153px); }
  .question-meta span:last-child { display:none; }
  .question-copy { min-height:0; }
  .question-context { font-size:var(--text-md); }
  .question-answers { grid-template-columns:1fr; }
  .question-answer { min-height:61px; }
  .final-options { grid-template-columns:1fr; }
  .final-options button { min-height:88px; }
  .final-options button:nth-child(5) { grid-column:auto; }
  .confidence-options { grid-template-columns:1fr; }
  .confidence-options button { min-height:88px; }
  .all-topics { grid-template-columns:1fr 1fr; gap:8px; }
  .all-topic-card { min-height:242px; padding:8px 3px 12px; }
  .mini-orbit { width:min(168px,42vw); }
}

@media (max-width:700px) {
  .account-space { width:min(860px,calc(100vw - 24px)); }
  .geo-table > div { min-width:0; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr); column-gap:2px; }
  .geo-table > .geo-country > summary,.geo-table > .geo-country[open] .geo-region { min-width:0; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr); column-gap:2px; }
  .geo-table b { min-width:0; font-size:var(--label-xs); line-height:1.2; white-space:normal; }
  .geo-table span { font-size:var(--label-xs); letter-spacing:0; line-height:1.15; }
  .geo-table .geo-head span { overflow-wrap:normal; word-break:normal; font-size:.5625rem; letter-spacing:0; }
  .card-heading { flex-wrap:wrap; row-gap:10px; }
  .card-heading small { flex-basis:100%; }
}

@media (max-width:430px) {
  .site-header { grid-template-columns:minmax(0,1fr) auto; }
  .account-actions { gap:7px; }
  .account-button { padding:0; }
  .all-topics { grid-template-columns:1fr; }
  .all-topic-card { min-height:236px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Shared Humanity Asks wordmark; fixed footprint prevents header shifts. */
.logo-sprite{position:absolute;width:0;height:0;overflow:hidden}
.humanity-logo{display:block!important;width:190px;height:37px;flex-shrink:0;color:var(--ink)}
.humanity-logo svg{width:190px;height:37px;display:block;color:inherit;fill:currentColor}
@media(max-width:600px){.humanity-logo{width:150px;height:29px}.humanity-logo svg{width:150px;height:29px}}

/* Locale controls and layouts grow with translated text. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.language-toggle[hidden] { display:none; }
button:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
input:not([type="checkbox"],[type="radio"],[type="file"],[type="range"],[type="color"]):focus,textarea:focus,select:focus { outline:2px solid var(--accent); outline-offset:-1px; }
/* iOS Safari zooms into a focused field whose text is under 16px and stays zoomed after it closes. */
@media (pointer:coarse) { input:not([type="checkbox"],[type="radio"],[type="file"],[type="range"],[type="color"]),textarea,select { font-size:16px !important; } }
/* iOS Safari treats focus moved by script, such as a dialog focusing its close mark, as keyboard focus. */
@media (hover:none) and (pointer:coarse) { button:focus-visible,a:focus-visible,summary:focus-visible { outline:none; } }
.share-question { margin-top:18px; border-radius:var(--radius-pill); }
.step-inner.centered > .secondary-button { min-width:230px; margin-top:12px; }
.translation-notice { max-width:620px; margin:20px auto 0; color:var(--muted); font-size:var(--text-xs); }
.preview-notice { max-width:720px; margin:0 auto 12px; color:var(--muted); font:500 var(--text-xs)/1.4 var(--font-sans); text-align:center; }
.translation-notice[hidden] { display:none; }
.demo-note { font-size:var(--text-sm) !important; color:var(--muted); }
.share-invitation { margin-bottom:0 !important; }
.result-unlock-panel { position:absolute; inset:0; z-index:5; display:grid; place-items:center; align-content:center; gap:10px; width:min(18rem,70%); max-height:100%; margin:auto; padding:0 8px; text-align:center; pointer-events:none; overflow:visible; }
.result-unlock-panel[hidden] { display:none; }
.result-unlock-heading { position:relative; display:flex; align-items:center; justify-content:center; pointer-events:auto; }
.result-unlock-help { position:absolute; left:calc(100% + 8px); top:50%; display:grid; place-items:center; width:auto; height:auto; min-width:0; min-height:0; padding:2px; border:0; border-radius:0; background:transparent; color:var(--muted); cursor:pointer; transform:translateY(-50%); flex:none; }
.result-unlock-help:hover { background:transparent; color:var(--ink); }
.result-unlock-tip { position:absolute; left:50%; bottom:calc(100% + 10px); z-index:6; display:none; width:min(16rem,calc(var(--orbit-size) * .62)); margin:0; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:var(--bg); color:var(--ink); font:500 var(--text-xs)/1.4 var(--font-sans); text-align:left; text-wrap:pretty; box-shadow:0 8px 24px var(--shadow); pointer-events:auto; transform:translateX(-50%); }
.result-unlock-help:hover + .result-unlock-tip,
.result-unlock-help:focus-visible + .result-unlock-tip,
.result-unlock-heading.tip-open .result-unlock-tip { display:block; }
.result-unlock-heading > .primary-button { position:relative; z-index:1; pointer-events:auto; min-height:42px; min-width:8.5rem; padding:0 18px; }
.result-unlock-heading { z-index:1; }
.all-unlock { display:none; }
@media (max-width:640px) { .result-unlock-tip { width:min(16rem,calc(100vw - 32px)); } }
body.result-locked .orbit-core,
body.result-locked .answer-core,
body.result-locked .mini-core,
body.result-locked .mini-detail,
body.result-locked .legend-stage,
body.landing-focus.result-locked.reveal-leading .orbit-core.reveal-leading,
body.landing-focus.result-locked.reveal-result .orbit-core,
body.landing-focus.result-locked.reveal-result .answer-core,
body.landing-focus.result-locked.reveal-result .mini-core,
body.landing-focus.result-locked.reveal-result .mini-detail,
body.landing-focus.result-locked.reveal-result .legend-stage,
.all-topic-card.is-result-held .mini-core,
.all-topic-card.is-result-held .mini-detail {
  filter:blur(32px);
  opacity:.4;
  user-select:none;
  pointer-events:none;
}
body.result-locked .sentiment-orbit .orbit-core,
body.landing-focus.result-locked.reveal-leading .sentiment-orbit .orbit-core.reveal-leading,
body.landing-focus.result-locked.reveal-result .sentiment-orbit .orbit-core {
  filter:none;
  opacity:0;
}
#share-dialog { width:min(500px,calc(100vw - 32px)); max-height:min(720px,calc(100vh - 24px)); overflow-x:hidden; overflow-y:auto; border:1px solid var(--line); border-radius:12px; padding:30px; background:var(--bg); color:var(--ink); }
#share-dialog::backdrop { background:var(--overlay); }
#share-dialog h3 { margin:0 36px 12px 0; color:var(--ink); font:600 var(--label-md)/1.2 var(--font-label); letter-spacing:var(--track-wide); text-transform:uppercase; }
#share-native[hidden] { display:none; }
.share-close { float:inline-end; appearance:none; padding:0; border:0; background:none; box-shadow:none; cursor:pointer; font-size:1.6rem; line-height:1; color:var(--ink); }
.share-close:focus,.share-close:focus-visible,.close-modal:focus,.close-modal:focus-visible { outline:none; }
.share-lead { margin:0 0 8px; color:var(--ink); line-height:1.4; font-size:var(--text-md); font-weight:500; }
.share-body { margin:0 0 16px; color:var(--muted); line-height:1.5; font-size:var(--text-md); }
.share-message { display:block; width:100%; box-sizing:border-box; margin:0; min-height:15rem; max-height:46vh; overflow:auto; padding:14px; border:1px solid var(--line); border-radius:var(--radius-control); background:var(--panel); color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere; resize:vertical; font:500 var(--text-sm)/1.5 var(--font-sans); }
.share-actions { display:flex; flex-direction:column; gap:10px; margin-top:16px; }
.share-actions .primary-button,.share-actions .secondary-button { width:100%; margin:0; text-decoration:none; }
.share-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.share-pair .primary-button,.share-pair .secondary-button { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; }
.share-quiet { align-self:center; min-height:0; margin:2px 0 0; padding:6px 8px; border:0; background:none; color:var(--muted); cursor:pointer; font:500 var(--text-sm)/1 var(--font-sans); letter-spacing:0; text-transform:none; text-decoration:underline; text-underline-offset:3px; }
#share-url-label:not(.sr-only) { display:block; margin-top:12px; color:var(--muted); font:500 var(--text-xs)/1.3 var(--font-sans); }
#share-url:not(.sr-only) { display:block; width:100%; margin-top:8px; min-height:42px; padding:0 12px; border:1px solid var(--line); background:var(--field); color:var(--ink); font:500 var(--text-sm)/1.3 var(--font-sans); }
#merge-dialog { width:min(520px,calc(100vw - 32px)); border:1px solid var(--line); border-radius:12px; padding:30px; background:var(--bg); color:var(--ink); }
#merge-dialog::backdrop { background:var(--overlay); }
#merge-dialog h2 { font-size:var(--text-xl); }
#merge-dialog p { margin:16px 0 24px; color:var(--muted); line-height:1.5; }
.merge-dialog-actions { display:flex; flex-wrap:wrap; gap:10px; }
.merge-dialog-actions button { min-height:42px; padding:0 14px; }
.section-heading p { white-space:normal; }
.mini-detail,.orbit-core > span { overflow-wrap:anywhere; }
.orbit-core > span { min-height:0; }
.question-answer,.final-options button,.confidence-options button { text-align:start; }
.close-modal { right:auto; inset-inline-end:23px; }
.modal-brand { left:auto; inset-inline-start:28px; }
:dir(rtl) { letter-spacing:normal; }
:dir(rtl) .question-answer,:dir(rtl) .final-options button,:dir(rtl) .confidence-options button { padding-inline:21px 52px; border-right:3px solid var(--line); border-left:1px solid var(--line); }
:dir(rtl) .question-answer::after,:dir(rtl) .final-options button::after,:dir(rtl) .confidence-options button::after { right:auto; left:20px; content:'‹'; }
:dir(rtl) .pulse-field,:dir(rtl) .solid-ring,:dir(rtl) .mini-orbit { direction:ltr; }
:dir(rtl) .orbit-core { direction:rtl; }
:dir(rtl) .topic-tabs button[data-topic="all"] { margin-left:0; padding-left:12px; margin-inline-start:8px; padding-inline-start:25px; }
:dir(rtl) .topic-tabs button[data-topic="all"]::before { left:auto; right:0; }
:dir(rtl) .final-options button:nth-child(1) { border-right-color:var(--pace); }
:dir(rtl) .final-options button:nth-child(2) { border-right-color:var(--oversight); }
:dir(rtl) .final-options button:nth-child(3) { border-right-color:var(--pause); }
:dir(rtl) .final-options button:nth-child(4) { border-right-color:var(--stop); }
:dir(rtl) .final-options button:nth-child(5) { border-right-color:var(--unsure); }
:dir(rtl) .question-answer,:dir(rtl) .confidence-options button { border-right-color:var(--line-strong); }
:dir(rtl) .confidence-options button:hover { border-right-color:var(--ink); border-left-color:var(--line); }
:dir(rtl) #share-dialog h3 { margin:0 0 12px 36px; }
@media (max-width:1200px) {
  body { --header-h:110px; --chrome-inline:16px; }
  .site-header { height:auto; min-height:108px; padding:13px var(--chrome-inline) 8px; grid-template-columns:1fr auto; grid-template-areas:'brand account' 'tabs tabs'; gap:8px 12px; }
  .brand { grid-area:brand; }
  .site-header .topic-tabs { grid-area:tabs; width:100%; justify-content:flex-start; }
  .account-actions { grid-area:account; }
  .site-footer { gap:12px; }
  .footer-copyright { white-space:nowrap; }
  .footer-links-toggle { display:inline-flex; align-items:center; gap:6px; min-height:28px; margin:0; padding:0; border:0; background:transparent; color:var(--muted); cursor:pointer; font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-button); text-transform:uppercase; white-space:nowrap; }
  .footer-links-toggle:hover,
  .footer-links-toggle:focus-visible,
  .footer-links-toggle[aria-expanded="true"] { color:var(--ink); }
  .footer-links-toggle svg { flex:none; transition:transform .2s; }
  .footer-links-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
  .footer-links-menu { position:absolute; inset-inline-start:0; bottom:calc(100% + 12px); z-index:30; display:none; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:0; min-width:13rem; padding:6px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--bg); box-shadow:0 16px 40px var(--shadow); }
  .footer-links.is-open .footer-links-menu { display:flex; }
  .footer-links-menu a { display:flex; align-items:center; min-height:40px; padding:0 12px; border-radius:var(--radius-control); white-space:nowrap; }
  .footer-links-menu a:hover,
  .footer-links-menu a:focus-visible { background:var(--accent-soft); color:var(--ink); }
  .footer-links-menu .footer-sep { width:auto; height:1px; margin:4px 12px; }
}
@media (max-width:600px) {
  .site-header { grid-template-columns:1fr auto; grid-template-areas:'brand account' 'tabs tabs'; }
  .account-actions { display:flex; }
  .close-modal { inset-inline-end:10px; }
  .modal-brand { inset-inline-start:17px; }
  .step-inner { padding-top:90px; }
  .hero { --orbit-size:clamp(140px,min(72vw,calc((100svh - var(--header-h) - var(--footer-h)) * .32)),420px); }
  .hero h1 { font-size:clamp(1.2rem,5.4vw,2.02rem); }
  .hero-zone-pulse { gap:10px; }
  .hero-zone-pulse:has(.legend-stage[hidden]) { gap:36px; }
  .hero-actions-cta .hero-cta { min-height:52px; padding:0 22px; }
  .hero-actions-cta .share-question { min-height:36px; padding:0 14px; font-size:var(--label-xs); }
  .hero-zone-pulse .response-count { gap:4px; }
  .hero-zone-pulse .response-count strong { font-size:clamp(1.025rem,4vw,1.25rem); }
  .hero-zone-pulse .response-count > span { font-size:var(--label-xs); line-height:1.15; }
  .sentiment-orbit .orbit-core { gap:4px; }
  .sentiment-orbit .orbit-core > span { position:relative; isolation:isolate; width:223%; max-width:none; line-height:1.2; }
  .sentiment-orbit .orbit-core > span::before { content:""; position:absolute; inset:-16px -34px; z-index:-1; background:radial-gradient(closest-side,var(--bg) 62%,transparent); pointer-events:none; }
  .hero:not(.measuring):has(#answer-pulses:not([hidden])) { grid-template-rows:var(--question-row,minmax(min-content,.72fr)) minmax(min-content,auto) minmax(min-content,.88fr); }
  .hero:not(.measuring) .hero-zone-pulse:has(#answer-pulses:not([hidden])) { margin-top:var(--pulse-shift,0px); }
  .hero:not(.measuring) .hero-zone-pulse:has(#answer-pulses:not([hidden])) :is(.public-result,.single-topic-result) { height:auto; max-height:none; overflow:visible; }
  .answer-pulses { height:auto; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }
  .answer-pulse:last-child:nth-child(odd) { grid-column:1 / -1; }
  .answer-orbit { width:min(100%,136px); }
  /* A topic page's question row: .72 of the .72+.88 fr left after the orbit and its count (about 86px). */
  body.topic-all .hero-zone-question { min-height:calc((100svh - var(--header-h) - var(--footer-h) - var(--orbit-size) - 86px) * .45); }
  .all-topics { row-gap:24px; }
  .all-topic-card > span { display:none; }
  .all-topic-card h2 { order:-1; margin:0; }
  .answer-core > span { position:relative; isolation:isolate; width:180%; display:block; overflow:visible; -webkit-line-clamp:unset; }
  .answer-core > span::before { content:""; position:absolute; inset:-8px -14px; z-index:-1; background:radial-gradient(closest-side,var(--bg) 62%,transparent); pointer-events:none; }
  .public-result.solid-mode :is(.sentiment-orbit .orbit-core,.answer-core) > span::before { content:none; }
  .public-result.solid-mode :is(.sentiment-orbit .orbit-core,.answer-core) > span { text-shadow:0 0 2px var(--bg),0 0 4px var(--bg),0 0 8px var(--bg); }
  .site-footer:has(.contact-dropup:not([hidden])) { z-index:40; backdrop-filter:none; }
  .footer-contact:has(> .contact-dropup:not([hidden]))::before { content:""; position:fixed; inset:0; z-index:1; background:var(--overlay); }
  .contact-dropup { position:fixed; top:50%; right:auto; bottom:auto; left:50%; max-height:calc(100dvh - 32px); overflow-y:auto; transform:translate(-50%,-50%); }
  #share-dialog { width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:24px 20px; border:0; border-radius:0; }
  #share-dialog[open] { display:flex; flex-direction:column; }
  #share-dialog > form[method="dialog"] { position:absolute; top:24px; inset-inline-end:20px; }
  #share-dialog .share-message { flex:1 1 auto; min-height:8rem; max-height:none; }
  /* --question-top is the first question's label position, set in app.js; 114px is the step's top and bottom padding. */
  #step-question .question-inner { grid-template-rows:auto minmax(calc((100svh - 114px) / 3),max-content) calc((100svh - 114px) / 3); align-content:start; padding-top:var(--question-top,90px); }
  #step-question .question-zone-copy { padding-block:12px; }
  #all-topics { position:relative; }
  body.topic-all .result-unlock-panel { display:none; }
  .all-unlock:not([hidden]) { position:absolute; z-index:5; display:inline-flex; align-items:center; justify-content:center; width:max-content; min-width:8.5rem; min-height:42px; padding:6px 18px; line-height:1.25; text-align:center; transform:translate(-50%,-50%); }
}

@media (max-width:600px) and (max-height:700px) {
  .hero { --orbit-size:clamp(130px,min(64vw,calc((100svh - var(--header-h) - var(--footer-h)) * .30)),420px); }
  .hero-zone-actions .share-question { display:none; }
  .hero-zone-pulse .response-count { gap:4px; }
  .hero-zone-pulse .response-count strong { font-size:.9rem; }
  .hero-zone-pulse .response-count > span { font-size:var(--label-xs); }
}
body.commitment-page .site-header { display:flex; justify-content:space-between; align-items:center; min-height:70px; grid-template-columns:none; grid-template-areas:none; }
body.commitment-page .account-actions { display:flex; grid-area:auto; }
.commitment-shell { width:min(1200px,calc(100vw - 48px)); margin:0 auto; padding:28px 0 0; display:grid; grid-template-columns:220px minmax(0,1fr); gap:48px; align-items:start; }
.commitment-aside { position:sticky; top:86px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:8px 0 40px; }
.commitment-back { min-height:34px; padding:8px 0; display:inline-flex; align-items:center; gap:8px; color:var(--muted); text-decoration:none; white-space:nowrap; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.commitment-back:hover { color:var(--ink); }
.commitment-nav { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.commitment-nav a { min-height:34px; padding:8px 0; display:inline-flex; align-items:center; width:auto; max-width:100%; color:var(--muted); text-decoration:none; font:600 var(--label-sm)/1.3 var(--font-label); letter-spacing:var(--track-button); text-transform:uppercase; }
.commitment-nav a,
.commitment-nav a:hover,
.commitment-nav a:focus,
.commitment-nav a:focus-visible,
.commitment-nav a:active,
.commitment-nav a[aria-current="page"] {
  background:transparent;
  background-color:transparent;
  background-image:none;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.commitment-nav a:hover,
.commitment-nav a[aria-current="page"] { color:var(--ink); }
.commitment-pages { position:relative; }
.commitment-pages-toggle { display:none; }
.commitment-content { min-width:0; }
.draft-label { margin:8px 0 0; max-width:none; padding:0; color:var(--pace-text); font:500 var(--label-md)/1.4 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.commitment-article { max-width:none; margin:0; padding:12px 0 96px; }
.commitment-article h1,
.commitment-article h2,
.commitment-article h3,
.commitment-article p { text-wrap:wrap; }
.commitment-article[aria-busy="true"] { opacity:.55; }
.commitment-article h1 { font-size:clamp(1.85rem,4vw,2.75rem); line-height:1.08; letter-spacing:-.045em; margin:0 0 .45em; }
.commitment-article h2 { font-size:clamp(1.15rem,2vw,1.4rem); letter-spacing:-.03em; margin:1.8em 0 .55em; }
.commitment-article h3 { font-size:var(--text-xl); margin:1.4em 0 .45em; }
.commitment-article p,.commitment-article li { color:var(--muted); font-size:var(--text-lg); line-height:1.65; }
.commitment-article p { margin:0 0 1em; }
.commitment-article ul,.commitment-article ol { margin:0 0 1.15em; padding-inline-start:1.2em; }
.commitment-article a { color:var(--accent); }
.commitment-article a:hover { color:var(--ink); }
.commitment-article li a { text-decoration:none; }
@media (max-width:860px) {
  .commitment-shell { width:min(52rem,calc(100vw - 32px)); grid-template-columns:1fr; gap:18px; padding-top:18px; }
  .commitment-aside { position:static; flex-direction:row; align-items:center; justify-content:space-between; gap:10px 16px; padding:0; }
  .commitment-pages-toggle { display:inline-flex; align-items:center; gap:8px; min-height:34px; margin:0; padding:8px 0; border:0; background:transparent; color:var(--ink); cursor:pointer; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-button); text-transform:uppercase; white-space:nowrap; }
  .commitment-pages-toggle svg { flex:none; transition:transform .2s; }
  .commitment-pages-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
  .commitment-nav { position:absolute; inset-inline-end:0; top:calc(100% + 6px); z-index:30; display:none; align-items:stretch; gap:0; min-width:13rem; padding:6px 0; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--bg); box-shadow:0 16px 40px var(--shadow); }
  .commitment-pages.is-open .commitment-nav { display:flex; }
  .commitment-nav a { min-height:40px; padding:0 16px; white-space:nowrap; }
  .commitment-nav a[aria-current="page"] { display:none; }
}
@media (max-width:600px) {
  body.commitment-page .site-header { display:flex; min-height:70px; padding:13px var(--chrome-inline); }
  body.commitment-page .account-actions { display:flex; }
}

/* Pulse-first public landing: three-row grid keeps the orbit centred while later layers appear. */
body.landing-focus main { overflow-x:clip; overflow-y:auto; }
body.landing-focus .site-header,
body.landing-focus .site-footer {
  transition:opacity .85s ease, visibility .85s ease;
}
body.landing-focus:not(.reveal-rest) .site-header,
body.landing-focus:not(.reveal-rest) .site-footer {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.landing-focus.reveal-rest .site-header,
body.landing-focus.reveal-rest .site-footer {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
body.landing-focus:not(.reveal-question) .reveal-question,
body.landing-focus:not(.reveal-cta) .reveal-cta,
body.landing-focus:not(.reveal-leading) .reveal-leading,
body.landing-focus:not(.reveal-count) .reveal-count,
body.landing-focus:not(.reveal-rest) .reveal-rest {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.landing-focus .reveal-layer {
  transition:opacity .85s ease, visibility .85s ease, transform .85s ease;
}
body.landing-focus:not(.reveal-count) .result-summary {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.landing-focus:not(.reveal-pulse) .sentiment-orbit,
body.landing-focus:not(.reveal-pulse) .answer-pulses,
body.landing-focus:not(.reveal-pulse) .pulse-field,
body.landing-focus:not(.reveal-pulse) .all-topics .mini-pulse-field {
  opacity:0;
  visibility:hidden;
}
body.landing-focus:not(.reveal-result) .orbit-core,
body.landing-focus:not(.reveal-result) .solid-ring,
body.landing-focus:not(.reveal-result) .answer-solid-ring,
body.landing-focus:not(.reveal-result) .legend-stage,
body.landing-focus:not(.reveal-result) .legend-control,
body.landing-focus:not(.reveal-result) .answer-pulses .answer-core,
body.landing-focus:not(.reveal-result) .answer-pulses small,
body.landing-focus:not(.reveal-result) .all-topics .mini-core,
body.landing-focus:not(.reveal-result) .all-topics .mini-detail,
body.landing-focus:not(.reveal-result) .all-topics .all-unlock,
body.landing-focus:not(.reveal-result) .result-unlock-panel {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.landing-focus.reveal-pulse .sentiment-orbit,
body.landing-focus.reveal-pulse .answer-pulses,
body.landing-focus.reveal-pulse .pulse-field,
body.landing-focus.reveal-pulse .all-topics .mini-pulse-field {
  visibility:visible;
  opacity:1;
  filter:none;
}
body.landing-focus .sentiment-orbit,
body.landing-focus .answer-pulses,
body.landing-focus .pulse-field,
body.landing-focus .all-topics .mini-pulse-field {
  transition:opacity 1s ease, visibility 1s ease, filter 1s ease;
}
body.landing-focus.reveal-question .reveal-question,
body.landing-focus.reveal-cta .reveal-cta,
body.landing-focus.reveal-leading .reveal-leading,
body.landing-focus.reveal-count .reveal-count,
body.landing-focus.reveal-rest .reveal-rest {
  opacity:1;
  visibility:visible;
}
@media (max-height:599px) {
  body.landing-focus main { overflow-y:auto; }
}
@media (prefers-reduced-motion:reduce) {
  body.landing-focus .reveal-layer,
  body.landing-focus .sentiment-orbit,
  body.landing-focus .answer-pulses,
  body.landing-focus .pulse-field,
  body.landing-focus .all-topics .mini-pulse-field { transition:none; }
}

body.signin-page .site-header { display:flex; justify-content:space-between; align-items:center; min-height:70px; grid-template-columns:none; grid-template-areas:none; }
body.signin-page .account-actions { display:flex; }
.signin-main { position:relative; z-index:1; flex:1 1 auto; min-height:0; display:grid; place-items:center; padding:32px 20px 48px; }
.signin-card { width:min(420px,100%); display:flex; flex-direction:column; gap:16px; text-align:left; }
.signin-card h1 { font-size:clamp(2rem,4vw,2.8rem); line-height:1.05; letter-spacing:-.05em; }
.signin-lead { margin:0; width:100%; max-width:none; color:var(--muted); font-size:var(--text-lg); line-height:1.5; text-wrap:wrap; }
.signin-oauth-row { display:flex; gap:8px; }
.signin-oauth-row:not(:has(> a:not([hidden]))) { display:none; }
.signin-oauth { flex:1 1 0; min-width:0; min-height:42px; display:flex; align-items:center; justify-content:center; gap:10px; padding:0 16px; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:transparent; color:var(--ink); font:500 var(--text-md)/1.2 var(--font-sans); letter-spacing:0; text-decoration:none; text-transform:none; }
.signin-oauth-mark { flex:0 0 auto; display:block; }
.signin-oauth:hover { background:var(--accent-soft); }
.signin-google[hidden], .signin-microsoft[hidden], .signin-divider[hidden], .signin-email[hidden], .signin-unavailable[hidden], .signin-already[hidden] { display:none; }
.signin-divider { display:flex; align-items:center; gap:12px; color:var(--muted); font:500 var(--label-xs)/1 var(--font-label); letter-spacing:var(--track-label); }
.signin-divider::before, .signin-divider::after { content:""; flex:1; height:1px; background:var(--line); }
.signin-email { display:flex; flex-direction:column; gap:12px; }
.signin-email form { display:flex; flex-direction:column; gap:8px; }
.signin-email form[hidden] { display:none; }
.signin-code-sent { margin:0; color:var(--muted); font-size:var(--text-sm); line-height:1.4; overflow-wrap:anywhere; }
.signin-code-sent[hidden] { display:none; }
.signin-email label,.code-boxes-label { color:var(--muted); font:500 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); }
.signin-email input { width:100%; min-height:42px; padding:0 10px; border:1px solid var(--line); background:var(--field); color:var(--ink); font:500 var(--text-md)/1.3 var(--font-sans); }
.signin-email button { min-height:42px; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--ink); cursor:pointer; font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); }
.signin-email button:disabled { opacity:.55; cursor:default; }
.signin-back { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:var(--muted); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-decoration:none; text-transform:uppercase; }
button.signin-back { border:0; background:transparent; padding:0; cursor:pointer; border-radius:0; }
.signin-back svg { flex:0 0 auto; display:block; }
.signin-back:hover { color:var(--ink); }
.code-boxes { display:flex; flex-direction:column; gap:8px; min-width:0; }
.code-box-row { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; direction:ltr; }
.signin-email .code-box { width:100%; aspect-ratio:1; height:auto; min-height:0; padding:0; text-align:center; letter-spacing:0; font:500 1.15rem/1 var(--font-mono); font-variant-numeric:tabular-nums; caret-color:var(--ink); }
@media (max-width:600px) {
  body.signin-page .site-header { display:flex; min-height:70px; padding:13px var(--chrome-inline); }
}
.final-options button,.confidence-options button,.question-answer { border-radius:var(--radius-tile); }
.topic-tabs button { border-radius:var(--radius-pill); }
.account-button,#close-modal,.share-close,.theme-toggle { border-radius:50%; }
a.primary-button,a.secondary-button,#account-export { border-radius:var(--radius-control); }
a.secondary-button { color:inherit; }
.brand,#account-delete-start,#account-delete-submit,#account-delete-cancel,#account-export,#circle-create,#circle-join,#supporter-portal,.account-delete-form label,.topic-tabs button,.response-count>span,.orbit-core>span,.legend-control button,.primary-button,.secondary-button,.section-heading span,.card-heading span:not(.choice-menu-label),.unlock-button,.card-heading small,.geo-table .geo-head span,.mini-stats span,.history span,.history i,.more-analytics-grid span,.enterprise-copy>span,.enterprise-offer>span,#enterprise-account,.all-topic-card>span,.mini-detail,.all-topic-card small,.footer-copyright,.modal-brand,.eyebrow,.question-meta,.answer-without-timer,.account-space-section h3,.account-space-section a,.signin-divider,.signin-email label,.code-boxes-label,.signin-email button,.signin-back { text-transform:uppercase; }
#circle-code-input { font-family:var(--font-mono); font-variant-numeric:tabular-nums; letter-spacing:.08em; }
body.org-marketing .signin-main { display:block; padding:36px 20px 72px; }
body.org-marketing .org-pulse-back { display:flex; width:fit-content; margin:40px auto 0; }
body.org-marketing .org-pricing { width:min(64rem,100%); margin:0 auto; }
body.org-marketing .org-pricing-head { display:flex; flex-direction:column; align-items:center; gap:14px; margin:0 0 32px; text-align:center; }
body.org-marketing .org-pricing-head h2,body.org-marketing .org-steps h2,body.org-marketing .org-values h2,body.org-marketing .org-closing h2 { margin:0; color:var(--ink); font-size:clamp(1.6rem,3vw,2.2rem); line-height:1.1; letter-spacing:-.04em; text-align:center; }
body.org-marketing .org-lead { max-width:36rem; margin:0; color:var(--muted); font-size:var(--text-lg); line-height:1.65; }
body.org-marketing .org-pricing,body.org-marketing .org-steps,body.org-marketing .org-values,body.org-marketing .org-closing { margin-top:112px; scroll-margin-top:24px; }
.org-eyebrow { margin:0; color:var(--muted); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.org-hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:56px; width:min(64rem,100%); margin:32px auto 0; }
.org-hero-copy { display:flex; flex-direction:column; gap:20px; }
.org-hero h1 { margin:0; color:var(--ink); font-size:clamp(2.4rem,5.2vw,3.6rem); line-height:1.02; letter-spacing:-.055em; }
.org-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:8px; }
.org-cta,.org-cta-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border:1px solid var(--accent); border-radius:var(--radius-control); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-decoration:none; text-transform:uppercase; }
.org-cta { background:var(--accent); color:var(--accent-ink); }
.org-cta:hover { opacity:.88; }
.org-cta-secondary { border-color:var(--line-strong); background:transparent; color:var(--ink); }
.org-cta-secondary:hover { background:var(--accent-soft); }
.org-demo { margin:0; padding:24px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--panel); }
.org-demo-kicker { margin:0 0 10px; color:var(--muted); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
.org-demo-question { margin:0 0 22px; color:var(--ink); font-size:var(--text-md); line-height:1.45; }
.org-demo-body { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:center; gap:24px; }
.org-demo-pulse { position:relative; display:grid; place-items:center; aspect-ratio:1; }
.org-demo-pulse .mini-pulse-field { cursor:default; }
@media (prefers-reduced-motion:no-preference) { html:has(body.org-marketing) { scroll-behavior:smooth; } }
.org-demo-core { position:relative; z-index:2; color:var(--ink); }
.org-demo-core strong { font-size:1.6rem; letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.org-demo-legend { display:flex; flex-direction:column; gap:9px; margin:0; padding:0; list-style:none; }
.org-demo-legend li { display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:10px; color:var(--muted); font-size:var(--text-sm); line-height:1.3; }
.org-demo-legend b { color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.org-dot { width:10px; height:10px; border-radius:50%; }
.org-dot-oversight { background:var(--oversight); }
.org-dot-pause { background:var(--pause); }
.org-dot-pace { background:var(--pace); }
.org-dot-stop { background:var(--stop); }
.org-dot-unsure { background:var(--unsure); }
.org-demo figcaption { margin:20px 0 0; padding-top:14px; border-top:1px solid var(--line); color:var(--dim); font-size:var(--text-xs); }
.org-steps,.org-values,.org-closing { width:min(64rem,100%); margin-inline:auto; }
.org-steps ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:36px 0 0; padding:0; list-style:none; }
.org-steps li { padding:24px; border-top:1px solid var(--line-strong); }
.org-steps li b { display:inline-grid; place-items:center; width:30px; height:30px; border:1px solid var(--line-strong); border-radius:50%; color:var(--ink); font:600 var(--text-sm)/1 var(--font-sans); }
.org-steps h3,.org-values h3 { margin:18px 0 8px; color:var(--ink); font-size:var(--text-lg); letter-spacing:-.02em; }
.org-steps p,.org-values p { margin:0; color:var(--muted); font-size:var(--text-md); line-height:1.55; }
.org-values-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:36px; }
.org-values article { padding:26px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--panel); }
.org-values svg { color:var(--ink); }
.org-values h3 { margin-top:16px; }
.org-closing { display:flex; flex-direction:column; align-items:center; gap:16px; padding:56px 24px 0; border-top:1px solid var(--line); text-align:center; }
.org-closing p { max-width:34rem; margin:0 0 8px; color:var(--muted); font-size:var(--text-lg); line-height:1.6; }
body.org-marketing .org-closing .org-pulse-back { margin-top:24px; }
@media (max-width:820px) {
  .org-hero { grid-template-columns:minmax(0,1fr); gap:36px; margin-top:8px; }
  .org-steps ol,.org-values-grid { grid-template-columns:minmax(0,1fr); }
  body.org-marketing .org-pricing,body.org-marketing .org-steps,body.org-marketing .org-values,body.org-marketing .org-closing { margin-top:80px; }
}
@media (max-width:420px) { .org-demo-body { grid-template-columns:minmax(0,1fr); justify-items:center; } .org-demo-pulse { width:180px; } .org-demo-legend { width:100%; } }
.org-interval { display:inline-flex; gap:4px; margin-top:8px; padding:4px; border:1px solid var(--line-strong); border-radius:var(--radius-control); }
.org-interval button { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 16px; border:0; border-radius:7px; background:transparent; color:var(--muted); cursor:pointer; font:500 var(--text-md)/1 var(--font-sans); letter-spacing:0; }
.org-interval button[aria-checked="true"] { background:var(--accent-soft); color:var(--ink); }
.org-interval-saving { color:var(--muted); font:500 var(--text-xs)/1 var(--font-sans); }
.org-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.org-plan-custom { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:24px 0 0; padding:14px 16px 14px 24px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--panel); }
.org-plan-custom p { margin:0; color:var(--muted); font-size:var(--text-md); }
.org-plan-custom strong { margin-right:10px; color:var(--ink); font-weight:600; }
.org-plan-custom .org-plan-choose { flex:0 0 auto; padding:0 22px; }
@media (max-width:820px) { .org-plan-custom { flex-direction:column; align-items:stretch; max-width:26rem; margin-inline:auto; padding:20px 24px; text-align:center; } }
.org-plan-card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:var(--radius-tile); background:var(--panel); }
.org-plan-size { margin:0; color:var(--ink); font-size:var(--text-2xl); line-height:1.15; letter-spacing:-.03em; }
.org-plan-unit { margin:2px 0 0; color:var(--muted); font-size:var(--text-md); }
.org-plan-price { display:flex; align-items:baseline; gap:6px; margin:22px 0 24px; }
.org-plan-amount { color:var(--ink); font:600 2.25rem/1 var(--font-sans); letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.org-plan-period { color:var(--muted); font-size:var(--text-md); }
.org-plan-choose { display:flex; align-items:center; justify-content:center; min-height:42px; border:1px solid var(--line-strong); border-radius:var(--radius-control); background:transparent; color:var(--ink); font:600 var(--label-sm)/1 var(--font-label); letter-spacing:var(--track-label); text-decoration:none; text-transform:uppercase; }
.org-plan-choose:hover { background:var(--accent-soft); }
.org-included { margin:48px auto 0; padding:28px 0 0; border-top:1px solid var(--line); }
.org-included h2 { margin:0 0 18px; color:var(--ink); font-size:var(--text-xl); letter-spacing:-.02em; text-align:center; }
.org-plan-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 32px; max-width:46rem; margin:0 auto; padding:0; list-style:none; }
.org-plan-features li { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:var(--text-md); line-height:1.45; }
@media (max-width:640px) { .org-plan-features { grid-template-columns:minmax(0,1fr); max-width:26rem; } }
.org-plan-check { flex:0 0 auto; margin-top:2px; color:var(--ink); }
.org-pricing-note { margin:18px 0 0; color:var(--muted); font-size:var(--text-sm); text-align:center; }
@media (max-width:820px) { .org-plan-grid { grid-template-columns:minmax(0,1fr); max-width:26rem; margin:0 auto; } }
body.org-setup .org-step { display:flex; flex-direction:column; gap:12px; }
body.org-setup .org-step[hidden],
body.org-setup #setup-flow[hidden],
body.org-setup #setup-unavailable[hidden],
body.org-setup #setup-checking[hidden],
body.org-setup #setup-blocked[hidden],
body.org-setup #setup-known[hidden],
body.org-setup #setup-email-block[hidden],
body.org-setup .org-note[hidden],
body.org-setup #setup-back[hidden] { display:none; }
body.org-setup #setup-back { align-self:flex-start; height:1.3em; min-height:0; margin:0; gap:6px; font:600 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); }
body.org-setup #setup-known .primary-button,
body.org-setup #setup-known .secondary-button { height:42px; min-height:42px; padding-block:0; }
body.org-setup #setup-back svg { width:1.3em; height:1.3em; }
body.org-setup #setup-known,
body.org-setup #setup-email-block { display:flex; flex-direction:column; gap:10px; }
body.org-setup #setup-known { gap:12px; }
body.org-setup .org-plans { border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
body.org-setup .org-plans legend { padding:0; color:var(--muted); font:500 var(--label-xs)/1.3 var(--font-label); letter-spacing:var(--track-label); text-transform:uppercase; }
body.org-setup .org-plans label { display:flex; align-items:flex-start; gap:10px; color:var(--ink); font:500 var(--text-md)/1.45 var(--font-sans); letter-spacing:0; text-transform:none; }
body.org-setup .org-note { margin:0; color:var(--muted); font-size:var(--text-sm); line-height:1.5; }
body.org-setup .org-step .primary-button,
body.org-setup .org-step .secondary-button,
body.org-setup #setup-pay { width:100%; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
body.org-setup .primary-button:disabled,
body.org-setup .signin-email button:disabled { opacity:.55; cursor:default; }
body.org-setup #setup-unavailable a,
body.org-setup #setup-blocked a { color:var(--accent); }
body.org-setup #setup-plan-form { display:flex; flex-direction:column; gap:14px; }
.notification-action:hover,.secondary-button:hover,.plan-card-action:hover,.unlock-button:hover,#account-export:hover,.signin-oauth:hover,.org-cta-secondary:hover,.org-plan-choose:hover,.contact-form button:hover:not(:disabled),.signin-email button:hover:not(:disabled) { border-color:var(--line-hover); }