/* FC003-D01 — accepted shell with a local synthetic/live audio motion candidate. */
:root {
 --faces-panel: rgba(5, 9, 16, .88);
 --faces-panel-solid: #060a11;
 --faces-rule: rgba(195, 211, 236, .18);
 --faces-muted: #aab5c5;
 --faces-accent: #dfeaff;
}
html[data-theme="light"] {
 --faces-panel: rgba(238, 237, 240, .9);
 --faces-panel-solid: #eeedf0;
 --faces-rule: rgba(41, 49, 62, .2);
 --faces-muted: #515b6b;
 --faces-accent: #11151c;
}
html:has(body.faces-shell), body.faces-shell { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden !important; overscroll-behavior: none; }
html:has(body.faces-shell), body.faces-shell, body.faces-shell * { scrollbar-width: none; }
html:has(body.faces-shell)::-webkit-scrollbar, body.faces-shell::-webkit-scrollbar, body.faces-shell *::-webkit-scrollbar { width: 0; height: 0; display: none; }
body.faces-shell { font-family: var(--font-utility); }
body.faces-shell main { position: fixed; inset: 0; margin: 0; padding: 0; }
.faces-shell .universe-veil { background:linear-gradient(90deg,rgba(3,7,13,.60),transparent 70%); }
html[data-theme="light"] .faces-shell .universe-veil { background:linear-gradient(90deg,rgba(238,237,240,.55),transparent 70%); }
.faces-shell [hidden] { display: none !important; }
.faces-shell .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.faces-shell .utility-header {
 border-bottom-color: var(--faces-rule);
 background: color-mix(in srgb, var(--surface-page) 36%, transparent);
 backdrop-filter: blur(18px) saturate(120%);
}
.faces-header-mark,
.faces-footer-mark,
.faces-panel-mark {
 color: var(--text-primary);
 font-family: "Space Grotesk Proof", sans-serif;
 font-weight: 580;
 letter-spacing: -.035em;
 text-decoration: none;
}
.faces-header-mark {
 justify-self: center;
 display: flex;
 align-items: center;
 gap: .48em;
 min-height: 44px;
 font-size: 15px;
 text-transform: none;
}
.faces-header-mark span { font-weight: 390; }
.faces-header-mark i { color: var(--faces-muted); font-style: normal; font-weight: 350; }
.faces-header-mark b { font-weight: 680; }
.faces-kicker { margin: 0; color: var(--faces-muted); font: 600 10px/1.4 var(--font-utility); letter-spacing: .11em; text-transform: uppercase; }
.faces-kicker > span { margin-right: 12px; color: var(--text-primary); }
.status-dot { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: #9eabba; box-shadow: 0 0 14px rgba(191, 215, 246, .75); }
.status-dot--live { background: #e7f0ff; box-shadow: 0 0 16px rgba(213, 231, 255, .96); animation: faces-pulse 2.4s ease-in-out infinite; }
.faces-shell main > .faces-hero {
 position: absolute !important; inset: 0; width: 100%; height: 100%; min-height: 0 !important;
 display: grid !important; grid-template: minmax(0, 1fr) / minmax(0, 1fr) !important; place-items: center; margin: 0 !important;
 padding: 84px var(--edge) !important; overflow: hidden;
}
.faces-hero__content { position: relative; z-index: 2; width: min(980px, 100%); display: flex; flex-direction: column; align-items: center; text-align: center; }
.faces-hero__content { transition: opacity 340ms ease, visibility 340ms; }
body[data-faces-state="ready"] .faces-hero__content { opacity: 0; visibility: hidden; pointer-events: none; }
body:is([data-faces-state="ready"],[data-home-demo="active"]):not([data-faces-info]) .home-hero { cursor:grab;touch-action:none;user-select:none; }
body:is([data-faces-state="ready"],[data-home-demo="active"])[data-face-dragging="true"]:not([data-faces-info]) .home-hero { cursor:grabbing; }
.faces-hero__content > .faces-kicker { margin-bottom: clamp(30px, 5vh, 54px); }
.faces-shell main .faces-lockup {
 width: 100%;
 max-width: none;
 margin: 0;
 color: var(--text-primary);
 font-family: "Space Grotesk Proof", sans-serif;
 font-size: clamp(68px, 10.4vw, 176px) !important;
 font-weight: 610;
 line-height: .82 !important;
 letter-spacing: -.082em;
 text-align: center;
 text-transform: none !important;
 white-space: nowrap;
}
.faces-lockup .title-visual { position: relative; display: block; white-space: nowrap; }
.faces-shell main .faces-lockup::before { display: none; }
.faces-lockup .title-visual > span { font-weight: 340; }
.faces-lockup .title-visual > i { color: var(--faces-muted); font-style: normal; font-weight: 250; }
.faces-hero__line { margin: clamp(30px, 5vh, 54px) 0 0; color: var(--faces-muted); font: 430 clamp(16px, 1.25vw, 21px)/1.45 "Space Grotesk Proof", sans-serif; letter-spacing: -.018em; }
.faces-primary {
 position: relative;
 min-width: min(290px, 100%);
 min-height: 58px;
 display: inline-flex;
 align-items: center;
 justify-content: space-between;
 gap: 36px;
 margin-top: clamp(34px, 5vh, 52px);
 padding: 0 22px;
 border: 1px solid var(--text-primary);
 border-radius: 0;
 color: var(--surface-page);
 background: var(--text-primary);
 box-shadow: 0 0 48px rgba(191, 215, 246, .12);
 cursor: pointer;
 font: 650 10px/1 var(--font-utility);
 letter-spacing: .09em;
 text-transform: uppercase;
 transition: color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast);
}
.faces-primary i { font-size: 16px; font-style: normal; font-weight: 400; }
.faces-primary:hover,
.faces-primary:focus-visible { color:var(--surface-page);background:color-mix(in srgb,var(--text-primary) 90%,var(--surface-page));box-shadow:none; }
button:focus-visible,a:focus-visible { outline:2px solid var(--text-primary);outline-offset:3px; }
.faces-onboarding[hidden] { display: none; }
.faces-onboarding { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: clamp(12px, 3vw, 42px); }
.faces-onboarding__scrim { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(1, 4, 8, .62); backdrop-filter: blur(18px) saturate(120%); cursor: default; }
.faces-onboarding__panel {
 position: relative;
 width: min(820px, 100%);
 min-height: 0;
 max-height: calc(100dvh - 48px);
 display: grid;
 grid-template-rows: 64px minmax(0, 1fr);
 overflow: hidden;
 border: 1px solid var(--faces-rule);
 color: var(--text-primary);
 background: linear-gradient(145deg, rgba(114, 153, 216, .07), transparent 38%), var(--faces-panel-solid);
 box-shadow: 0 36px 120px rgba(0, 0, 0, .46);
 animation: faces-panel-in 520ms cubic-bezier(.16, 1, .3, 1) both;
}

.faces-onboarding__panel > header { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(22px, 4vw, 48px); border-bottom: 1px solid var(--faces-rule); font: 600 9px/1 var(--font-utility); letter-spacing: .1em; text-transform: uppercase; }
.faces-onboarding__panel > header p { margin: 0; color: var(--faces-muted); }
.faces-onboarding__panel > header button { justify-self: end; min-height: 44px; border: 0; color: var(--faces-muted); background: transparent; cursor: pointer; text-transform: uppercase; }
.faces-onboarding__panel > header button span { margin-left: 10px; color: var(--text-primary); font-size: 14px; }
.faces-panel-mark { justify-self: start; font-size: 13px; text-transform: none; }
.faces-panel-mark span { font-weight: 360; }
.faces-onboarding__step { position: relative; z-index: 2; align-self: center; width: min(610px, calc(100% - 44px)); margin: 0 auto; padding: 36px 0 40px; overflow-y: auto; max-height: 100%; animation: faces-step-in 460ms cubic-bezier(.16, 1, .3, 1) both; }
.faces-onboarding__step[hidden] { display: none; }
/* Keep callback loading visible until its verified destination is ready. */
.faces-auth-loading { display: none; }
html.faces-auth-return body > :not(.faces-auth-loading):not(.fc001-unsupported) { visibility: hidden !important; }
html.faces-auth-return .faces-auth-loading {
 position: fixed;
 inset: 0;
 z-index: 1000;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 visibility: visible;
 color: var(--text-primary);
 background: var(--surface-page, #03070d);
 font: 600 10px/1 var(--font-utility);
 letter-spacing: .1em;
 text-transform: uppercase;
}
.faces-auth-loading > span {
 width: 15px;
 height: 15px;
 border: 2px solid currentColor;
 border-right-color: transparent;
 border-radius: 50%;
 animation: faces-provider-spin .7s linear infinite;
}
.faces-auth-loading > b { font: inherit; }
.faces-onboarding__step h2,
.faces-settings__intro h2 { margin: 20px 0 0; font-family: "Space Grotesk Proof", sans-serif; font-size: clamp(38px, 4.5vw, 60px); font-weight: 570; line-height: .95; letter-spacing: -.06em; }
.faces-onboarding__step h2[tabindex="-1"]:focus { outline: none; }
.faces-onboarding__step > p:not(.faces-kicker):not(.faces-fixture-note) { max-width: 540px; margin: 28px 0 0; color: var(--faces-muted); font: 420 clamp(14px, 1.1vw, 17px)/1.6 "Space Grotesk Proof", sans-serif; }
.faces-provider { width: 100%; min-height: 82px; display: grid; grid-template-columns: 42px 1fr auto; gap: 18px; align-items: center; margin-top: 42px; padding: 14px 18px; border: 1px solid var(--faces-rule); color: var(--text-primary); background: rgba(136, 167, 211, .045); cursor: pointer; text-align: left; }
.faces-provider__icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--faces-rule); border-radius: 50%; font-size: 18px; }
.faces-provider > span:nth-child(2) { display: grid; gap: 6px; }
.faces-provider b { font: 540 14px/1 "Space Grotesk Proof", sans-serif; }
.faces-provider small,
.faces-provider em { color: var(--faces-muted); font: 500 9px/1 var(--font-utility); letter-spacing: .08em; text-transform: uppercase; }
.faces-provider em { font-style: normal; }
.faces-primary--panel { width: 100%; margin-top: 16px; }
.faces-text-action { display: block; min-height: 44px; margin: 4px auto 0; padding: 8px; border: 0; color: var(--faces-muted); background: transparent; cursor: pointer; font: 500 10px/1.5 var(--font-utility); }
.faces-text-action:hover, .faces-text-action:focus-visible { color: var(--text-primary); }
.faces-text-action--demo { margin-top: 8px; }
.faces-step-actions { display: flex; justify-content: space-between; gap: 16px; }
.faces-step-actions .faces-text-action { margin-inline: 0; }
.faces-privacy-list { margin: 36px 0 0; padding: 0; border-top: 1px solid var(--faces-rule); list-style: none; }
.faces-privacy-list li { min-height: 54px; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; border-bottom: 1px solid var(--faces-rule); }
.faces-privacy-list span,
.faces-privacy-list em { color: var(--faces-muted); font: 500 9px/1 var(--font-utility); letter-spacing: .08em; text-transform: uppercase; }
.faces-privacy-list b { font: 480 13px/1.2 "Space Grotesk Proof", sans-serif; }
.faces-privacy-list em { font-style: normal; text-align: right; }
.faces-fixture-note { margin: 14px 0 0; color: var(--faces-muted); font: 500 9px/1.5 var(--font-utility); letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.faces-shell .faces-footer {
 position: fixed; z-index: 10; right: 0; bottom: 0; left: 0;
 display: flex; justify-content: space-between; align-items: center; gap: 20px;
 min-height: 68px; padding: 12px var(--edge);
 color: var(--faces-muted); background: transparent;
 font: 500 9px/1.5 var(--font-utility); letter-spacing: .08em; text-transform: uppercase;
}
.faces-footer p { margin: 0; }
.faces-footer__status { display: flex; align-items: center; gap: 10px; }
.faces-footer__hint span { margin-left: 12px; }
.faces-footer nav { display: flex; align-items: center; gap: 28px; }
.faces-footer button { min-height: 44px; padding: 0; border: 0; color: var(--faces-muted); background: transparent; cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: uppercase; }
.faces-footer button:hover, .faces-footer button:focus-visible { color: var(--text-primary); }
.faces-footer button span { margin-left: 10px; }
.faces-volume { flex:0 0 auto;min-width:68px;height:32px;display:flex;align-items:center;justify-content:center;gap:2.5px;padding:0 11px;border:1px solid rgb(229 240 255 / .13);border-radius:999px;background:rgb(3 7 13 / .82);box-shadow:none;pointer-events:none; }
.faces-volume i { flex:0 0 2.5px;width:2.5px;height:calc(3px + var(--faces-level,0) * 18px);border-radius:999px;background:#fff;opacity:calc(.65 + var(--faces-level,0) * .35);box-shadow:none;transition:height 25ms linear,opacity 45ms linear; }
.faces-volume i:nth-child(1) { --faces-level:var(--faces-level-1,0); }
.faces-volume i:nth-child(2) { --faces-level:var(--faces-level-2,0); }
.faces-volume i:nth-child(3) { --faces-level:var(--faces-level-3,0); }
.faces-volume i:nth-child(4) { --faces-level:var(--faces-level-4,0); }
.faces-volume i:nth-child(5) { --faces-level:var(--faces-level-5,0); }
.faces-volume i:nth-child(6) { --faces-level:var(--faces-level-6,0); }
.faces-settings .faces-settings__grid { max-height: calc(100dvh - var(--header-height)); overflow-y: auto; }
.faces-settings__grid { grid-template-columns: 1.25fr 1fr 1fr .7fr; gap: clamp(28px, 4vw, 72px); padding-top: clamp(38px, 6vh, 74px); padding-bottom: clamp(44px, 7vh, 86px); }
.faces-settings__intro h2 { max-width: 360px; font-size: clamp(34px, 3.4vw, 54px); }
.faces-settings__intro > p:last-child { max-width: 340px; margin: 22px 0 0; color: var(--faces-muted); font: 420 13px/1.55 "Space Grotesk Proof", sans-serif; }
.faces-settings__group { min-width: 0; margin: 0; padding: 0; border: 0; }
.faces-settings__group legend { margin-bottom: 20px; color: var(--faces-muted); font: 600 9px/1 var(--font-utility); letter-spacing: .1em; text-transform: uppercase; }
.faces-choice { width: 100%; min-height: 52px; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: 1fr 1fr; align-items: center; padding: 8px 0; border: 0; border-top: 1px solid var(--faces-rule); color: var(--text-primary); background: transparent; cursor: pointer; text-align: left; }
.faces-choice:last-child { border-bottom: 1px solid var(--faces-rule); }
.faces-choice > span { grid-row: 1 / 3; color: var(--faces-muted); font: 500 8px/1 var(--font-utility); }
.faces-choice b { align-self: end; font: 480 12px/1.2 "Space Grotesk Proof", sans-serif; }
.faces-choice em { align-self: start; color: var(--faces-muted); font: 500 8px/1.2 var(--font-utility); font-style: normal; letter-spacing: .07em; text-transform: uppercase; }
.faces-choice:hover b,
.faces-choice:focus-visible b,
.faces-choice.is-selected b { color: var(--faces-accent); }
.faces-choice:disabled { cursor: not-allowed; opacity: .48; }
.faces-expression { display: grid; gap: 10px; margin-top: 28px; color: var(--faces-muted); font: 500 9px/1.4 var(--font-utility); letter-spacing: .06em; text-transform: uppercase; }
.faces-expression select { width: 100%; min-height: 44px; padding: 10px; border: 1px solid var(--faces-rule); border-radius: 0; color: var(--text-primary); background: var(--faces-panel-solid); font: 480 13px/1.4 "Space Grotesk Proof", sans-serif; }
.faces-expression small { font: inherit; font-size: 8px; }
.faces-settings__status { align-self: end; display: flex; gap: 10px; align-items: center; }
.faces-settings__status p { margin: 0; color: var(--faces-muted); font: 500 9px/1.5 var(--font-utility); letter-spacing: .06em; text-transform: uppercase; }
.faces-compact-mode .faces-header-mark { font-size: 13px; }
@keyframes faces-panel-in { from { opacity: 0; transform: translateY(22px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes faces-step-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes faces-pulse { 50% { opacity: .42; box-shadow: 0 0 6px rgba(213, 231, 255, .45); } }
@media (max-width: 900px) {
 .faces-settings__grid { grid-template-columns: 1fr 1fr; }
 .faces-settings__intro { grid-column: 1 / -1; }
 .faces-settings__status { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
 .faces-shell main > .faces-hero { padding: 78px 20px 100px !important; }
 .faces-shell main .faces-lockup { font-size: clamp(46px, 12vw, 78px) !important; letter-spacing: -.075em; }
 .faces-hero__content > .faces-kicker { max-width: 240px; margin-bottom: 32px; }
 .faces-hero__line { font-size: 16px; margin-top: 30px; }
 .faces-primary { min-height: 54px; margin-top: 32px; }
 .faces-header-mark { font-size: 13px; }
 .faces-shell .faces-footer { padding: 8px 20px; align-items: flex-end; gap: 12px; font-size: 8px; }
 .faces-footer__status { max-width: 155px; min-height: 44px; }
 .faces-footer__hint { display: none; }
 .faces-footer nav { gap: 12px; flex: 0 0 auto; }
 .faces-footer__status { min-width: 0; }
 .faces-footer button span { margin-left: 4px; }
 .faces-onboarding { padding: 12px; }
 .faces-onboarding__panel { max-height: calc(100dvh - 24px); grid-template-rows: 56px minmax(0, 1fr); }
 .faces-onboarding__panel > header { padding: 0 20px; grid-template-columns: 1fr auto; }
 .faces-onboarding__panel > header p { display: none; }
 .faces-onboarding__step { width: calc(100% - 40px); padding: 28px 0; }
 .faces-onboarding__step h2 { font-size: clamp(34px, 9vw, 52px); }
 .faces-onboarding__step > p:not(.faces-kicker):not(.faces-fixture-note) { margin-top: 22px; font-size: 14px; line-height: 1.5; }
 .faces-provider { margin-top: 26px; gap: 12px; padding-inline: 12px; }
 .faces-primary--panel { margin-top: 16px; }
 .faces-privacy-list { margin-top: 24px; }
 .faces-settings__grid { grid-template-columns: 1fr 1fr; gap: 26px 20px; padding: 28px 20px; }
 .faces-settings__intro, .faces-settings__status { grid-column: 1 / -1; }
 .faces-settings__intro h2 { max-width: none; font-size: 34px; }
 .faces-settings__intro > p:last-child { margin-top: 14px; }
}
@media (max-height: 540px) {
 .faces-shell main > .faces-hero { padding: 60px 20px !important; }
 .faces-hero__content > .faces-kicker { margin-bottom: 20px; }
 .faces-shell main .faces-lockup { font-size: clamp(44px, 9vw, 84px) !important; }
 .faces-hero__line { margin-top: 20px; font-size: 15px; }
 .faces-primary { min-height: 44px; margin-top: 20px; }
 .faces-shell .faces-footer { min-height: 48px; padding-block: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .faces-onboarding__panel, .faces-onboarding__step, .status-dot--live { animation: none !important; }
 .faces-hero__content { transition: none; }
 .faces-volume i { transition: none; }
}
html[data-motion="reduce"] .faces-onboarding__panel, html[data-motion="reduce"] .faces-onboarding__step { animation: none !important; }
html[data-motion="reduce"] .faces-hero__content { transition: none; }
html[data-motion="reduce"] .faces-volume i { transition: none; }
/* One responsive settings drawer for visual controls and account. */
.faces-shell .utility-header .faces-header-mark { position:absolute;left:50%;right:auto;transform:translateX(-50%);margin:0; }
body[data-visual-controls="open"] .faces-settings-trigger { opacity:0;pointer-events:none; }
.faces-settings-trigger { position:absolute;right:var(--edge);top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--faces-rule);border-radius:0;background:transparent;color:var(--text-primary);cursor:pointer; }
.faces-settings-trigger:hover,.faces-settings-trigger:focus-visible,.faces-settings-trigger[aria-expanded="true"] { border-color:var(--text-primary); }
.faces-settings-trigger svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round; }
.faces-visual-panel[hidden] { display:none; }
.faces-visual-panel { position:fixed;inset:0 0 0 auto;z-index:70;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr);width:min(344px,100vw);height:100dvh;color:var(--text-primary);background:var(--faces-panel-solid);border:0;border-left:1px solid var(--faces-rule);border-radius:0;box-shadow:-18px 0 54px #0005;overflow:hidden; }
.faces-visual-panel__header { display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--faces-rule); }
.faces-visual-panel__header button { min-height:36px;padding:0;border:0;background:transparent;color:var(--faces-muted);font:600 9px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-visual-panel__header button span { margin-left:8px;font-size:14px; }
.faces-panel-tabs { display:flex;align-items:stretch;height:100%;gap:18px; }
.faces-panel-tabs button { position:relative; }
.faces-panel-tabs button[aria-selected="true"] { color:var(--text-primary); }
.faces-panel-tabs button[aria-selected="true"]::after { content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--text-primary); }
[data-visual-content] { min-height:0;padding:2px 18px max(18px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none; }
[data-visual-content]::-webkit-scrollbar { display:none; }
.faces-visual-panel .faces-settings__group { margin:0;padding:17px 0 18px;border:0;border-bottom:1px solid var(--faces-rule); }
.faces-visual-panel .faces-settings__group--compact { padding:14px 0; }
.faces-visual-panel .faces-settings__group--display { padding-bottom:0;border-bottom:0; }
.faces-visual-panel .faces-settings__group h2 { margin:0 0 13px;color:var(--faces-muted);font:600 9px/1 var(--font-utility);letter-spacing:.1em;text-transform:uppercase; }
.faces-visual-panel .faces-expression { margin-top:11px;gap:7px; }
.faces-section-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.faces-visual-panel .faces-section-heading h2 { margin:0; }
.faces-visual-panel .theme-control { position:static;display:flex;width:100%;justify-content:flex-end;padding:0;border:0; }
.faces-visual-panel .theme-control button { flex:0 0 40px;justify-content:center;min-height:36px;border:1px solid var(--faces-rule); }
.faces-switch { display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer; }
.faces-switch b { font:540 12px/1.2 "Space Grotesk Proof",sans-serif; }
.faces-switch__track { position:relative;width:36px;height:20px;border:1px solid var(--faces-rule);background:transparent;transition:border-color 140ms ease,background 140ms ease; }
.faces-switch__track i { position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--faces-muted);transition:transform 160ms ease,background 140ms ease; }
.faces-switch[aria-checked="true"] .faces-switch__track { border-color:#68a7ff;background:color-mix(in srgb,#68a7ff 14%,transparent); }
.faces-switch[aria-checked="true"] .faces-switch__track i { transform:translateX(16px);background:#68a7ff; }
.faces-switch[data-pending="true"] { opacity:.58; }
.faces-switch:focus-visible .faces-switch__track { outline:1px solid var(--text-primary);outline-offset:2px; }
.faces-voice-sources { display:grid; }
.faces-voice-sources .faces-switch { min-height:48px;border-bottom:1px solid var(--faces-rule); }
.faces-voice-sources .faces-switch:first-child { border-top:1px solid var(--faces-rule); }
.faces-voice-sources .faces-switch:hover:not(:disabled),.fc005-audio-source:hover:not(:disabled) { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-voice-sources .faces-switch:hover:not(:disabled) .faces-switch__track,.fc005-audio-source:hover:not(:disabled) .faces-switch__track { border-color:var(--text-primary); }
.faces-switch__copy { display:grid;gap:4px;text-align:left; }
.faces-switch__copy small { color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.07em;text-transform:uppercase; }
.faces-icon-action { display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;width:100%;min-height:48px;padding:4px 0;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer; }
.faces-icon-action svg { grid-row:1/3;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35; }
.faces-icon-action b { font:540 12px/1.2 "Space Grotesk Proof",sans-serif; }
.faces-icon-action em { color:var(--faces-muted);font:600 8px/1.2 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.faces-face-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
.faces-face-option { display:grid;place-items:center;width:100%;height:46px;padding:6px;border:1px solid var(--faces-rule);border-radius:0;background:transparent;color:var(--faces-muted);cursor:pointer; }
.faces-face-option[aria-pressed="true"] { border-color:var(--text-primary);color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-face-option b { font:540 12px/1 "Space Grotesk Proof",sans-serif; }
.faces-face-option em { margin-top:4px;color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.08em;text-transform:uppercase; }
.faces-face-option.is-locked { border-style:dashed;background:color-mix(in srgb,var(--text-primary) 2%,transparent); }
.faces-face-option.is-locked:hover,.faces-face-option.is-locked:focus-visible { border-style:solid;border-color:var(--text-primary);color:var(--text-primary); }
.faces-reset-button { display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid var(--faces-rule);border-radius:0;background:transparent;color:var(--text-primary);font:560 8px/1 var(--font-utility);letter-spacing:.06em;text-transform:uppercase;cursor:pointer; }
.faces-reset-button:hover,.faces-reset-button:focus-visible { border-color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-orientation-label { display:flex;align-items:baseline;gap:7px; }
.faces-orientation-label output { color:var(--text-primary);font:600 11px/1 var(--font-utility);letter-spacing:0; }
.faces-range { --control-accent:#68a7ff;position:relative;display:block;height:25px; }
.faces-expression--tilt .faces-range { --control-accent:#b694ff; }
.faces-range input { position:relative;z-index:2;width:100%;min-height:22px;margin:0;background:transparent;accent-color:var(--control-accent); }
.faces-range i { position:absolute;right:3px;bottom:0;left:3px;height:6px;opacity:.62;background:repeating-linear-gradient(90deg,var(--control-accent) 0 1px,transparent 1px 10%);pointer-events:none; }
.faces-display-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:7px; }
.faces-display-grid button { display:grid;place-items:center;align-content:center;gap:7px;min-height:66px;padding:6px;border:1px solid var(--faces-rule);border-radius:0;background:transparent;color:var(--text-primary);cursor:pointer; }
.faces-display-grid button span { font-size:19px;line-height:1; }
.faces-display-grid button b { font:600 8px/1 var(--font-utility);letter-spacing:.06em;text-transform:uppercase; }
.faces-display-grid button em { color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.04em;text-transform:uppercase; }
.faces-display-grid button em[hidden] { display:none; }
.faces-display-grid button:disabled { opacity:.55;cursor:not-allowed; }
[data-account-content] { min-height:0;padding:28px 18px max(22px,env(safe-area-inset-bottom));overflow-y:auto;scrollbar-width:none; }
[data-account-content]::-webkit-scrollbar { display:none; }
[data-account-content] h2 { margin:18px 0 0;font:560 30px/.95 "Space Grotesk Proof",sans-serif;letter-spacing:-.055em; }
[data-account-content] > p:not(.faces-kicker):not(.faces-fixture-note) { margin:14px 0 24px;color:var(--faces-muted);font:400 12px/1.55 var(--font-utility); }
.fc005-account-identity { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.fc005-account-badge { padding:6px 8px;border:1px solid var(--faces-rule);color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.fc005-account-badge[data-member="true"] { border-color:color-mix(in srgb,#70d7a6 50%,var(--faces-rule));color:#8ae7ba;background:color-mix(in srgb,#70d7a6 8%,transparent); }
.fc005-account-alert { display:grid;gap:5px;margin:0 0 18px;padding:12px 13px;background:#d94f2b;color:#fff; }
.fc005-account-alert b { font:650 9px/1.2 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.fc005-account-alert span { font:500 10px/1.45 var(--font-utility); }
.fc005-entitlements { border-top:1px solid var(--faces-rule); }
.fc005-entitlements > div { display:grid;grid-template-columns:28px 1fr auto;align-items:center;min-height:48px;border-bottom:1px solid var(--faces-rule); }
.fc005-entitlements span,.fc005-entitlements em { color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.08em;text-transform:uppercase; }
.fc005-entitlements b { font:520 11px/1.2 "Space Grotesk Proof",sans-serif; }
.fc005-account-actions { margin-top:4px; }
.fc005-account-actions .faces-primary { min-width:0;min-height:48px;margin-top:14px;padding-inline:14px;font-size:8px; }
.fc005-referral { margin-top:24px;padding-top:22px;border-top:1px solid var(--faces-rule); }
.fc005-referral__heading { display:flex;align-items:end;justify-content:space-between;gap:16px; }
.fc005-referral__heading h3 { margin:7px 0 0;font:560 20px/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.04em; }
.fc005-referral__heading strong { font:540 24px/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.04em; }
.fc005-referral-track { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:18px; }
.fc005-referral-track i { height:3px;background:var(--faces-rule);transition:background 180ms ease,box-shadow 180ms ease; }
.fc005-referral-track i.is-complete { background:#86dfb6;box-shadow:0 0 14px color-mix(in srgb,#86dfb6 55%,transparent); }
.fc005-referral > p { margin:14px 0 16px;color:var(--faces-muted);font:400 10px/1.5 var(--font-utility); }
.fc005-invite { display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--faces-rule); }
.fc005-invite span { min-width:0;padding:11px 10px;overflow:hidden;color:var(--faces-muted);font:500 8px/1 var(--font-utility);text-overflow:ellipsis;white-space:nowrap; }
.fc005-invite button { min-width:62px;border:0;border-left:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:650 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.fc005-referral .fc005-referral-status { min-height:2.8em;margin:9px 0 7px;font-size:8px;letter-spacing:.03em; }
.fc005-preview-qualifier { width:100%;min-height:34px; }
.fc005-logout { margin-top:18px; }
.fc005-account-lab { margin-top:16px;padding-top:14px;border-top:1px solid var(--faces-rule); }
.fc005-account-lab summary { color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.fc005-account-lab > div { display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px; }
.fc005-account-lab button { min-height:31px;padding:5px;border:1px solid var(--faces-rule);background:transparent;color:var(--faces-muted);font:550 7px/1.25 var(--font-utility);cursor:pointer; }
[data-account-content] > .faces-fixture-note { margin-top:22px;text-align:left; }
.fc005-account-provider { margin-top:12px; }
.fc005-common-choice + .fc005-common-choice { margin-top:10px; }
.fc005-failure-preview { margin-top:0; }
.fc005-join-list { margin-top:28px; }
.fc005-unlock-face { display:grid;grid-template-columns:40px 1fr auto;align-items:center;min-height:72px;margin-top:30px;padding:0 16px;border:1px solid color-mix(in srgb,#70d7a6 45%,var(--faces-rule));background:color-mix(in srgb,#70d7a6 6%,transparent); }
.fc005-unlock-face span,.fc005-unlock-face i { color:#8ae7ba;font:600 8px/1 var(--font-utility);font-style:normal;letter-spacing:.08em;text-transform:uppercase; }
.fc005-unlock-face b { font:560 18px/1 "Space Grotesk Proof",sans-serif; }
.faces-voice-indicator { position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:36;display:none;justify-content:center;align-items:center;min-width:48px;height:30px; }
body[data-faces-state="ready"] .faces-voice-indicator { display:flex; }
.faces-display-status { min-height:2.8em;margin:9px 0 0;color:var(--faces-muted);font:500 8px/1.4 var(--font-utility);letter-spacing:.04em; }
.faces-footer__hint { display:none; }
.faces-shell .faces-footer nav { margin-right:auto;gap:16px; }
:fullscreen .utility-header,:fullscreen .faces-visual-panel,:fullscreen .faces-footer nav { display:none; }
@media(max-width:768px){
.faces-settings-trigger { right:14px; }
.faces-visual-panel { width:min(360px,100vw); }
.faces-visual-panel__header { padding-inline:16px; }
[data-visual-content] { padding-inline:16px; }
.faces-voice-indicator { bottom:14px; }
.faces-shell .faces-footer nav { flex-wrap:wrap; }
}
@media(max-width:420px){
.faces-settings-trigger { width:38px;height:38px; }
.faces-visual-panel { width:100vw; }
.faces-shell .utility-header .faces-header-mark { font-size:12px; }
}
/* FC-005 D02 — collection-first account and referral experience. */
.faces-settings-trigger { display:flex;width:auto;min-width:128px;height:38px;padding:0 10px 0 13px;gap:9px;border-color:color-mix(in srgb,var(--text-primary) 18%,transparent);background:color-mix(in srgb,var(--faces-panel-solid) 72%,transparent);backdrop-filter:blur(18px) saturate(130%); }
.faces-settings-trigger > span { font:600 8px/1 var(--font-utility);letter-spacing:.1em;text-transform:uppercase; }
.faces-settings-trigger > b { padding:4px 6px;color:var(--faces-muted);background:color-mix(in srgb,var(--text-primary) 7%,transparent);font:600 7px/1 var(--font-utility);letter-spacing:.08em; }
.faces-settings-trigger svg { width:14px;height:14px;margin-left:1px; }
.faces-visual-panel { width:min(430px,100vw);background:linear-gradient(180deg,color-mix(in srgb,var(--faces-panel-solid) 94%,#10223d 6%),var(--faces-panel-solid));backdrop-filter:blur(28px) saturate(135%);box-shadow:-32px 0 90px #0009; }
.faces-visual-panel__header { padding-inline:24px; }
.faces-panel-tabs { gap:24px; }
.faces-panel-tabs button em { margin-left:7px;color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.06em; }
[data-visual-content] { padding:0 24px max(24px,env(safe-area-inset-bottom)); }
.fc005-collection-intro { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:30px 0 25px;border-bottom:1px solid var(--faces-rule); }
.fc005-collection-intro .faces-kicker { margin:0 0 9px; }
.fc005-collection-intro h2 { margin:0;font:560 28px/.98 "Space Grotesk Proof",sans-serif;letter-spacing:-.055em; }
.fc005-collection-intro > span { flex:none;padding:7px 9px;border:1px solid color-mix(in srgb,#78d9ad 35%,var(--faces-rule));color:#8ae7ba;font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.faces-visual-panel .faces-theme-group { padding-top:11px; }
.faces-face-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.faces-face-option { position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;place-items:initial;align-items:end;height:92px;padding:13px;text-align:left;overflow:hidden; }
.faces-face-option::before { content:"";position:absolute;inset:auto -24px -45px auto;width:92px;height:92px;border:1px solid currentColor;border-radius:50%;opacity:.08;box-shadow:0 0 38px currentColor; }
.faces-face-option > span { grid-column:1/3;align-self:start;color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em; }
.faces-face-option b { align-self:end;font-size:19px;letter-spacing:-.035em; }
.faces-face-option em { align-self:end;margin:0;text-align:right; }
.faces-face-option[aria-pressed="true"] { border-color:color-mix(in srgb,var(--text-primary) 70%,var(--faces-rule));background:linear-gradient(145deg,color-mix(in srgb,var(--text-primary) 9%,transparent),transparent);box-shadow:inset 0 0 38px color-mix(in srgb,var(--text-primary) 4%,transparent); }
.faces-face-option.is-locked { border-style:solid;opacity:.72; }
.faces-face-option.is-locked::after { content:none; }
.faces-face-option em svg { display:block;width:24px;height:24px; }
.faces-face-option:not(.is-locked) em { color:#72d5a0; }
.faces-face-option.is-locked em { color:var(--text-primary); }
[data-account-content] { padding:28px 24px max(26px,env(safe-area-inset-bottom)); }
.fc005-account-hero { display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--faces-rule); }
.fc005-account-avatar { position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--text-primary) 30%,var(--faces-rule));background:radial-gradient(circle at 45% 35%,color-mix(in srgb,var(--text-primary) 15%,transparent),transparent 65%); }
.fc005-account-avatar span { font:560 18px/1 "Space Grotesk Proof",sans-serif; }
.fc005-account-avatar i { position:absolute;right:-3px;bottom:-3px;width:9px;height:9px;border:2px solid var(--faces-panel-solid);border-radius:50%;background:#7edcaf;box-shadow:0 0 12px #7edcafaa; }
.fc005-account-hero .faces-kicker { margin:0 0 7px; }
[data-account-content] .fc005-account-hero h2 { margin:0;font-size:25px; }
.fc005-account-badge { align-self:start;margin-top:2px; }
[data-account-content] > .fc005-account-lede { margin:18px 0 21px;color:var(--faces-muted);font:430 13px/1.55 "Space Grotesk Proof",sans-serif; }
.fc005-section-heading { display:flex;align-items:center;justify-content:space-between;margin:25px 0 11px; }
.fc005-section-heading p,.fc005-section-heading span { margin:0;color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.09em;text-transform:uppercase; }
.fc005-section-heading span { color:var(--text-primary); }
.fc005-entitlements { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0; }
.fc005-entitlements > div { position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:end;min-height:82px;padding:12px;border:1px solid var(--faces-rule);overflow:hidden; }
.fc005-entitlements > div::before { content:"";position:absolute;right:-26px;bottom:-34px;width:76px;height:76px;border:1px solid var(--faces-rule);border-radius:50%;opacity:.45; }
.fc005-entitlements > div.is-ready { border-color:color-mix(in srgb,#7edcaf 30%,var(--faces-rule));background:color-mix(in srgb,#7edcaf 4%,transparent); }
.fc005-entitlements span { grid-column:1/3;align-self:start; }
.fc005-entitlements b { font-size:14px; }
.fc005-entitlements em { text-align:right; }
.fc005-account-actions .faces-primary { min-height:54px;margin-top:16px;font-size:9px; }
.fc005-referral { margin-top:28px;padding-top:28px; }
.fc005-referral__heading h3 { font-size:25px; }
.fc005-referral__heading strong { padding:7px 9px;border:1px solid var(--faces-rule);font-size:16px; }
.fc005-referral-track { gap:8px;margin-top:18px; }
.fc005-referral-track span { display:grid;gap:7px; }
.fc005-referral-track i { display:block;height:5px; }
.fc005-referral-track b { color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.fc005-invite { min-height:44px;background:color-mix(in srgb,var(--text-primary) 3%,transparent); }
.fc005-invite span { align-self:center;padding-inline:12px;font-size:9px; }
.fc005-invite button { min-width:76px; }
.fc005-account-alert { margin:0 0 20px;padding:14px 15px;background:linear-gradient(90deg,#db4f2e,#b73525);box-shadow:0 10px 34px #8d201e33; }
[data-onboarding] .faces-onboarding__panel { width:min(720px,calc(100vw - 48px));height:auto;max-height:calc(100dvh - 48px);grid-template-rows:68px 58px minmax(0,auto);border-color:color-mix(in srgb,var(--text-primary) 18%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--faces-panel-solid) 96%,#13243d 4%),var(--faces-panel-solid)); }
[data-onboarding][data-flow="auth"] .faces-onboarding__panel { width:min(560px,calc(100vw - 48px));grid-template-rows:68px minmax(0,auto); }
[data-onboarding][data-flow="auth"] .fc005-onboarding-content { max-height:calc(100dvh - 116px); }
[data-onboarding][data-flow="auth"] .faces-onboarding__step { width:min(440px,calc(100% - 72px)); }
[data-onboarding][data-flow="auth"] .faces-onboarding__step h2 { font-size:clamp(42px,5vw,56px); }
[data-onboarding] .faces-onboarding__panel > header { padding:0 28px; }
.fc005-onboarding-header { grid-template-columns:1fr minmax(0,auto) 1fr!important; }
.fc005-onboarding-header__slot { justify-self:start;display:grid;place-items:center;width:38px;height:38px; }
.fc005-onboarding-title { display:block!important;margin:0!important;color:var(--text-primary)!important;font:600 13px/1.1 var(--font-utility);letter-spacing:.075em;text-align:center;text-transform:uppercase;white-space:nowrap; }
.fc005-onboarding-nav { display:grid!important;place-items:center;width:38px;height:38px;min-height:38px!important;padding:0!important;border:1px solid var(--faces-rule)!important;background:transparent!important;color:var(--text-primary)!important; }
.fc005-onboarding-nav[hidden] { display:none!important; }
.fc005-onboarding-nav svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round; }
.fc005-onboarding-header > .fc005-onboarding-nav { justify-self:end; }
.fc005-onboarding-nav:hover,.fc005-onboarding-nav:focus-visible { border-color:var(--text-primary)!important;background:color-mix(in srgb,var(--text-primary) 5%,transparent)!important; }
.fc005-onboarding-progress { position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;margin:0;padding:0 28px;border-bottom:1px solid var(--faces-rule);list-style:none; }
.fc005-onboarding-progress li { position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:100%;color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.fc005-onboarding-progress li:not(:last-child)::after { content:"";position:absolute;top:50%;right:-16%;width:32%;height:1px;background:var(--faces-rule); }
.fc005-onboarding-progress span { display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--faces-rule);border-radius:50%; }
.fc005-onboarding-progress li.is-active { color:var(--text-primary); }
.fc005-onboarding-progress li.is-active span { border-color:#79aef7;background:#79aef7;color:#06101e; }
.fc005-onboarding-progress li.is-complete { color:#7edcaf; }
.fc005-onboarding-progress li.is-complete span { border-color:#7edcaf; }
.fc005-onboarding-progress li.is-complete::after { background:#7edcaf66; }
.fc005-onboarding-layout { position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);min-height:0; }
.fc005-onboarding-aside { display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:42px 34px 32px;border-right:1px solid var(--faces-rule);background:radial-gradient(circle at 25% 10%,color-mix(in srgb,#6f9fe6 14%,transparent),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--text-primary) 3%,transparent),transparent); }
.fc005-onboarding-aside h3 { margin:15px 0 0;font:540 31px/1.02 "Space Grotesk Proof",sans-serif;letter-spacing:-.055em; }
.fc005-journey-rail { display:grid;gap:0;margin:24px 0;padding:0;list-style:none; }
.fc005-journey-rail li { position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;min-height:68px;color:var(--faces-muted); }
.fc005-journey-rail li::after { content:"";position:absolute;top:25px;bottom:-1px;left:12px;width:1px;background:var(--faces-rule); }
.fc005-journey-rail li:last-child::after { display:none; }
.fc005-journey-rail li > span { display:grid;place-items:center;align-self:start;width:25px;height:25px;border:1px solid var(--faces-rule);background:var(--faces-panel-solid);font:600 7px/1 var(--font-utility); }
.fc005-journey-rail li b { display:block;margin-top:4px;color:inherit;font:540 12px/1.2 "Space Grotesk Proof",sans-serif; }
.fc005-journey-rail li small { display:block;margin-top:6px;color:inherit;font:600 7px/1.2 var(--font-utility);letter-spacing:.06em;text-transform:uppercase; }
.fc005-journey-rail li.is-active { color:var(--text-primary); }
.fc005-journey-rail li.is-active > span { border-color:#79aef7;background:#79aef7;color:#06101e;box-shadow:0 0 20px #79aef755; }
.fc005-journey-rail li.is-complete > span { border-color:#7edcaf;color:#7edcaf; }
.fc005-journey-rail li.is-complete::after { background:#7edcaf66; }
.fc005-aside-collection { display:grid;grid-template-columns:repeat(4,32px);gap:6px;align-items:center;padding-top:22px;border-top:1px solid var(--faces-rule); }
.fc005-aside-collection > span { display:grid;place-items:center;width:32px;height:32px;border:1px dashed var(--faces-rule);color:var(--faces-muted);font:600 9px/1 var(--font-utility); }
.fc005-aside-collection > span.is-ready { border-style:solid;border-color:color-mix(in srgb,#7edcaf 45%,var(--faces-rule));color:#8ae7ba;background:color-mix(in srgb,#7edcaf 7%,transparent); }
.fc005-aside-collection p { grid-column:1/5;display:flex;justify-content:space-between;gap:12px;margin:6px 0 0; }
.fc005-aside-collection b,.fc005-aside-collection small { color:var(--faces-muted);font:600 7px/1.2 var(--font-utility);letter-spacing:.06em;text-transform:uppercase; }
.fc005-onboarding-content { min-width:0;min-height:0;display:grid;align-items:safe center;max-height:calc(100dvh - 174px);overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:none; }
[data-onboarding][data-scrollable="true"] .fc005-onboarding-content { overflow-y:auto; }
.fc005-onboarding-content::-webkit-scrollbar { display:none; }
[data-onboarding] .faces-onboarding__step { align-self:safe center;box-sizing:border-box;min-height:0;width:min(560px,calc(100% - 72px));height:auto;max-height:none;margin:0 auto;padding:34px 0;overflow:visible; }
[data-onboarding] .faces-onboarding__step h2 { font-size:clamp(42px,5vw,68px); }
[data-onboarding] .faces-onboarding__step > p:not(.faces-kicker):not(.faces-fixture-note) { margin-top:18px; }
[data-onboarding] .faces-provider { min-height:64px; }
[data-onboarding] .faces-primary--panel { min-height:54px; }
[data-onboarding] .faces-fixture-note { margin-top:12px; }
.fc005-access-cards { display:grid;gap:10px;margin-top:28px; }
@media(min-width:701px){[data-onboarding] #account-title { font-size:48px; }}
.fc005-access-intro { display:block; }
.fc005-access-intro #account-title { align-self:start;margin:0; }
.fc005-ios-banner { display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;height:68px;box-sizing:border-box;margin:28px 0 0;padding:0 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-primary) 16%,transparent);background:transparent; }
.fc005-ios-banner[hidden],.fc005-ios-status[hidden] { display:none; }
.fc005-ios-visual { position:relative;align-self:stretch;display:block;width:62px;height:66px;overflow:hidden; }
.fc005-ios-device { position:absolute;left:50%;bottom:-20px;display:block;width:42px;height:78px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-primary) 34%,transparent);border-bottom:0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--text-primary) 4%,transparent);transform:translateX(-50%); }
.fc005-ios-device--rear { display:none; }
.fc005-ios-device::before { content:"";position:absolute;z-index:2;top:4px;left:50%;width:13px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--text-primary) 42%,transparent);transform:translateX(-50%); }
.fc005-ios-screen { position:absolute;inset:8px 3px 0;display:block;overflow:hidden;border-radius:6px 6px 0 0; }
.fc005-ios-device :is(iframe,.faces-shared-thumb) { position:absolute;top:-23px;left:50%;display:block;width:64px;height:116px;border:0;pointer-events:none;transform:translateX(-50%); }
.fc005-ios-banner [data-ios-get] { justify-self:end;padding:0; }
.fc005-ios-banner [data-ios-get] img { display:block;width:auto;height:40px;max-width:none; }
.fc005-ios-copy { display:grid;gap:3px;min-width:0;text-align:left; }
.fc005-ios-copy strong { font:550 15px/1.2 "Space Grotesk Proof",sans-serif; }
.fc005-ios-copy small { color:var(--faces-muted);font:400 10px/1.25 "Space Grotesk Proof",sans-serif; }
.fc005-ios-banner button { border:0;background:none;color:var(--text-primary);padding:8px 3px;min-height:44px;white-space:nowrap;font:550 12px/1.2 "Space Grotesk Proof",sans-serif;cursor:pointer; }
[data-onboarding] .fc005-ios-status { margin:0!important;color:#8ae7ba;font:600 7px/1.2 var(--font-utility)!important;letter-spacing:.05em;text-align:left;text-transform:uppercase; }
.fc005-ios-banner[data-ios-variant="showcase"],.fc005-ios-banner[data-ios-variant="duo"] { grid-template-columns:160px minmax(0,1fr);grid-template-rows:1fr auto;align-items:stretch;column-gap:24px;row-gap:10px;height:210px;padding:18px 22px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-visual,.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { grid-row:1/3;align-self:center;width:150px;height:174px;overflow:visible; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-device--front { bottom:0;width:84px;height:166px;border-bottom:1px solid color-mix(in srgb,var(--text-primary) 34%,transparent);border-radius:16px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-screen { inset:12px 6px 7px;border-radius:10px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-device :is(iframe,.faces-shared-thumb) { top:-6px;width:112px;height:166px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-copy,.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy { align-self:end;gap:5px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-copy strong,.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy strong { font-size:18px; }
.fc005-ios-banner[data-ios-variant="showcase"] [data-ios-get],.fc005-ios-banner[data-ios-variant="duo"] [data-ios-get] { align-self:start;justify-self:start; }
.fc005-ios-banner[data-ios-variant="duo"] { grid-template-columns:124px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:18px;height:132px;padding:10px 18px;background:color-mix(in srgb,var(--text-primary) 3%,var(--surface-page)); }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { grid-row:auto;width:124px;height:110px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device { border-bottom:1px solid color-mix(in srgb,var(--text-primary) 34%,transparent);border-radius:14px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device--rear { bottom:0;left:calc(50% - 13px);display:block;width:53px;height:106px;opacity:1;background:linear-gradient(115deg,#652b38,#36141f);border-color:#874956;border-radius:12px;transform:translateX(-50%) rotate(-7deg); }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device--rear::before { top:5px;left:3px;width:45px;height:30px;transform:none;border:1px solid #834451;border-radius:8px;background:radial-gradient(circle at 9px 8px,#10131c 0 4px,#a76d7a 4.5px 5.5px,transparent 6px),radial-gradient(circle at 9px 22px,#10131c 0 4px,#a76d7a 4.5px 5.5px,transparent 6px),radial-gradient(circle at 21.124px 15px,#10131c 0 4px,#a76d7a 4.5px 5.5px,transparent 6px),radial-gradient(circle at 37px 8px,#e5d6ce 0 2px,transparent 2.5px),radial-gradient(circle at 37px 22px,#25202a 0 2px,transparent 2.5px),#552330; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device--rear .fc005-ios-screen { display:none; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device--front { z-index:1;bottom:0;left:calc(50% + 13px);width:53px;height:106px;opacity:1;background:var(--surface-page);border-color:#874956;border-radius:12px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device--front .fc005-ios-screen { inset:10px 4px 5px;border-radius:7px;background:var(--surface-page); }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-device :is(iframe,.faces-shared-thumb) { top:4px;width:62px;height:81px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy { align-self:center;gap:5px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy strong { font-size:17px; }
.fc005-ios-banner[data-ios-variant="duo"] [data-ios-get] { align-self:center;justify-self:end; }
.fc005-ios-banner:not([hidden]) + .fc005-access-cards { margin-top:12px; }
.fc005-access-intro + .fc005-access-cards { margin-top:20px; }
.fc005-access-card { width:100%;min-height:118px;display:grid;grid-template-columns:124px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--faces-rule);color:var(--text-primary);background:transparent;box-shadow:none;cursor:pointer;text-align:left; }
.fc005-access-card:hover,.fc005-access-card:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.fc005-access-card__copy { display:grid;gap:7px; }
.fc005-access-card__copy b { font:560 17px/1.1 "Space Grotesk Proof",sans-serif; }
.fc005-access-card__copy small { color:var(--faces-muted);font:600 8px/1.25 var(--font-utility);letter-spacing:.065em;text-transform:uppercase; }
.fc005-access-card > i { justify-self:end;font:400 20px/1 var(--font-utility);font-style:normal; }
.fc005-access-card--signup { border-color:var(--text-primary);color:var(--surface-page);background:var(--text-primary); }
.fc005-access-card--signup .fc005-access-card__copy small { color:color-mix(in srgb,var(--surface-page) 68%,transparent); }
.fc005-access-card--signup:hover,.fc005-access-card--signup:focus-visible { color:var(--surface-page);background:color-mix(in srgb,var(--text-primary) 90%,var(--surface-page)); }
.fc005-mini-faces { display:grid;place-items:center; }
.fc005-mini-faces :is(iframe,.faces-shared-thumb) { display:block;width:110px;height:92px;border:0;pointer-events:none; }
@media(max-width:768px){
.fc005-ios-banner { grid-template-columns:52px minmax(0,1fr) auto;gap:9px;width:100%;height:68px;padding:0 10px; }
.fc005-ios-visual { width:52px;height:66px; }
.fc005-ios-device { width:38px;height:76px;bottom:-20px;border-radius:9px 9px 0 0; }
.fc005-ios-device :is(iframe,.faces-shared-thumb) { top:-22px;width:60px;height:112px; }
.fc005-ios-copy strong { font-size:13px; }
.fc005-ios-copy small { font-size:8px; }
.fc005-ios-banner [data-ios-get] { align-self:center; }
.fc005-ios-banner [data-ios-get] img { height:36px; }
.fc005-ios-banner[data-ios-variant="showcase"],.fc005-ios-banner[data-ios-variant="duo"] { grid-template-columns:105px minmax(0,1fr);column-gap:15px;height:192px;padding:13px 14px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-visual,.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { width:100px;height:164px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-device--front { width:74px;height:156px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-device :is(iframe,.faces-shared-thumb) { top:-3px;width:98px;height:154px; }
.fc005-ios-banner[data-ios-variant="showcase"] .fc005-ios-copy strong,.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy strong { font-size:15px; }
.fc005-ios-banner[data-ios-variant="duo"] { grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:8px;height:132px;padding:10px 12px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { grid-row:1/3;width:96px;height:110px; }
.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-copy { align-self:end; }
.fc005-ios-banner[data-ios-variant="duo"] [data-ios-get] { align-self:start;justify-self:start; }
.fc005-mini-faces :is(iframe,.faces-shared-thumb) { width:88px;height:80px; }
}
.fc005-mystery-face { display:grid;place-items:center;position:relative; }
.fc005-mystery-face :is(iframe,.faces-shared-thumb) { opacity:1;color-scheme:light; }
[data-theme="light"] .fc005-mystery-face :is(iframe,.faces-shared-thumb) { color-scheme:dark; }
.fc005-mystery-mark { position:absolute;inset:0;display:grid;place-items:center;font:500 22px/1 "Space Grotesk Proof",sans-serif; }
.fc005-secondary-action { display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:8px;padding:0 16px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left; }
.fc005-secondary-action span { font:650 9px/1 var(--font-utility);letter-spacing:.09em;text-transform:uppercase; }
.fc005-secondary-action i { color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.06em;text-transform:uppercase; }
.fc005-secondary-action:hover,.fc005-secondary-action:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.fc005-official-provider { position:relative;display:flex!important;align-items:center;justify-content:center;min-height:54px!important;margin-top:28px!important;padding:0 18px!important;border-radius:0!important;box-shadow:none!important;text-align:center!important; }
.fc005-official-provider + .fc005-official-provider { margin-top:10px!important; }
.fc005-official-provider svg { position:absolute;left:18px;width:20px;height:20px; }
.fc005-official-provider b { padding:0;font:500 14px/1.2 Arial,sans-serif;letter-spacing:0;text-transform:none; }
.fc005-official-provider--apple { border-color:#fff!important;color:#000!important;background:#fff!important; }
.fc005-official-provider--apple svg { fill:#000; }
.fc005-official-provider--apple:hover,.fc005-official-provider--apple:focus-visible { border-color:#fff!important;color:#000!important;background:#f2f2f2!important; }
.fc005-official-provider--google { border-color:#747775!important;color:#1f1f1f!important;background:#fff!important; }
.fc005-official-provider--google:hover,.fc005-official-provider--google:focus-visible { border-color:#1f1f1f!important;color:#1f1f1f!important;background:#f8faff!important; }
.fc005-official-provider[data-loading="true"] { cursor:wait!important;opacity:1!important;filter:none!important; }
.fc005-official-provider[data-loading="true"]::after { content:"";position:absolute;right:18px;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:faces-provider-spin .7s linear infinite; }
[data-link-provider][data-link-pending="true"] { cursor:wait; }
[data-link-provider][data-link-pending="true"]::after { content:"";display:inline-block;vertical-align:middle;margin-left:10px;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:faces-provider-spin .7s linear infinite; }
[data-account-link-preview-notice] { font-size:12px!important; }
@keyframes faces-provider-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
 .fc005-official-provider[data-loading="true"]::after,
 [data-link-provider][data-link-pending="true"]::after,
 .faces-auth-loading > span { animation-duration:1.4s; }
}
.faces-legal-acceptance { --consent-accent:#78aeff;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:14px;margin:24px 0 0;padding:10px 0;border:0;color:var(--text-primary);background:transparent;font:500 13px/1.55 "Space Grotesk Proof",sans-serif;box-shadow:none;cursor:pointer; }
html[data-theme="light"] .faces-legal-acceptance { --consent-accent:#2462ba; }
.faces-legal-acceptance[hidden] { display:none; }
.faces-legal-acceptance input { appearance:none;position:relative;width:20px;height:20px;margin:0;border:2px solid var(--consent-accent);border-radius:3px;background:transparent;cursor:pointer; }
.faces-legal-acceptance input:not(:checked)::before { content:"";position:absolute;inset:-2px;border:1px solid var(--consent-accent);border-radius:3px;pointer-events:none;animation:consent-attention 1.2s ease-out infinite;opacity:0; }
@keyframes consent-attention { 0% { transform:scale(1);opacity:.8; } 100% { transform:scale(1.65);opacity:0; } }
@media(prefers-reduced-motion:reduce) { .faces-legal-acceptance input:not(:checked)::before { animation:none; } }
.faces-legal-acceptance:hover input:not(:checked) { background:color-mix(in srgb,var(--text-primary) 10%,transparent); }
.faces-legal-acceptance input:checked { background:var(--text-primary);border-color:var(--text-primary); }
.faces-legal-acceptance input:checked::after { content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--surface-page);border-width:0 2px 2px 0;transform:rotate(45deg); }
.faces-legal-acceptance input:focus-visible,.faces-legal-acceptance a:focus-visible { outline:2px solid var(--text-primary);outline-offset:4px; }
@media(forced-colors:active){
.faces-legal-acceptance input { appearance:auto; }
.faces-legal-acceptance input:checked::after { display:none; }
}
.faces-legal-acceptance a { color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px; }
.faces-legal-acceptance a:hover,.faces-legal-acceptance a:focus-visible { text-decoration-thickness:2px; }
.faces-legal-acceptance + .fc005-official-provider { margin-top:14px!important; }
.faces-turnstile { display:grid;gap:8px;justify-items:start;margin-top:14px; }
.faces-turnstile[hidden] { display:none; }
.faces-turnstile p { margin:0;color:var(--faces-muted);font:600 8px/1.2 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.faces-turnstile + .fc005-official-provider { margin-top:14px!important; }
.fc005-official-provider:disabled { cursor:not-allowed!important;opacity:.42!important;filter:saturate(.35); }
.fc005-official-provider--apple:disabled:hover,.fc005-official-provider--apple:disabled:focus-visible { border-color:#fff!important;color:#000!important;background:#fff!important; }
.fc005-official-provider--google:disabled:hover,.fc005-official-provider--google:disabled:focus-visible { border-color:#747775!important;color:#1f1f1f!important;background:#fff!important; }
.fc005-auth-switch { margin-top:12px; }
.faces-dog-promotion { display:flex;align-items:center;gap:24px;min-width:0; }
.faces-dog-promotion__preview { flex:0 0 180px;overflow:hidden; }
.faces-dog-promotion__preview :is(iframe,.faces-shared-thumb) { display:block;width:180px;height:160px;border:0;pointer-events:none;transform:scale(1.4); }
.faces-dog-promotion--signup { display:grid;justify-content:center;margin:18px 0 28px; }
[data-onboarding-step="common"]:has([data-signup-dog][hidden]) #common-title { white-space:nowrap;margin-bottom:32px;font-size:clamp(28px,7vw,56px); }
.faces-dog-promotion--signup[hidden] { display:none; }
.faces-dog-promotion h3 { margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2; }
.faces-dog-promotion p { margin:10px 0 0;color:var(--faces-muted);font-size:14px;line-height:1.5; }
@media(max-width:600px) {
.faces-dog-promotion { gap:14px; }
.faces-dog-promotion__preview { flex-basis:120px; }
.faces-dog-promotion__preview :is(iframe,.faces-shared-thumb) { width:120px;height:128px; }
}
.fc005-connected-account { display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#8ae7ba; }
.fc005-connected-account > span { display:grid;place-items:center;width:25px;height:25px;border:1px solid color-mix(in srgb,#7edcaf 55%,var(--faces-rule));border-radius:50%;font:650 9px/1 var(--font-utility); }
.fc005-connected-account b { font:600 9px/1.15 var(--font-utility);letter-spacing:.065em;text-transform:uppercase; }
.fc005-provider-handoff { display:grid;grid-template-columns:44px 1fr;align-items:center;gap:14px;margin-top:26px;padding:16px;border:1px solid var(--faces-rule); }
.fc005-provider-handoff > span { display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,#7edcaf 45%,var(--faces-rule));color:#8ae7ba;font:650 13px/1 var(--font-utility); }
.fc005-provider-handoff div { display:grid;gap:6px;min-width:0; }
.fc005-provider-handoff b { font:560 15px/1.15 "Space Grotesk Proof",sans-serif; }
.fc005-provider-handoff small { color:var(--faces-muted);font:500 9px/1.45 var(--font-utility);letter-spacing:.025em; }
.fc005-provider-window[hidden] { display:none; }
.fc005-provider-window { position:absolute;top:50%;left:50%;z-index:6;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;transform:translate(-50%,-50%);border:1px solid #d7d7d7;color:#151515;background:#fff;scrollbar-width:none; }
.fc005-provider-window::-webkit-scrollbar { display:none; }
.fc005-provider-window > header { display:grid;grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:52px;padding:0 12px 0 18px;border-bottom:1px solid #e4e4e4; }
.fc005-provider-window > header span { font:650 11px/1 "Space Grotesk Proof",sans-serif; }
.fc005-provider-window > header code { overflow:hidden;color:#777;font:500 9px/1 var(--font-utility);text-align:center;text-overflow:ellipsis;white-space:nowrap; }
.fc005-provider-window > header button { display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ddd;color:#333;background:#fff;cursor:pointer;font-size:18px; }
.fc005-provider-window__body { padding:34px; }
.fc005-provider-window__mark { display:grid;place-items:center;width:46px;height:46px;margin-bottom:24px;border:1px solid #bcbcbc;border-radius:50%;font:650 15px/1 var(--font-utility); }
.fc005-provider-window .faces-kicker { color:#6b6b6b; }
.fc005-provider-window h2 { margin:14px 0 0;font:570 36px/.98 "Space Grotesk Proof",sans-serif;letter-spacing:-.05em; }
.fc005-provider-window h2 + p { margin:18px 0 0;color:#666;font:430 14px/1.55 "Space Grotesk Proof",sans-serif; }
.fc005-provider-window__account { display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;margin-top:24px;padding:14px;border:1px solid #ddd;background:#fafafa; }
.fc005-provider-window__account > span { display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:#222;font:650 12px/1 var(--font-utility); }
.fc005-provider-window__account div { display:grid;gap:5px; }
.fc005-provider-window__account b { font:550 13px/1.1 "Space Grotesk Proof",sans-serif; }
.fc005-provider-window__account small { color:#777;font:500 8px/1.4 var(--font-utility);letter-spacing:.02em; }
.fc005-provider-window .faces-primary { min-height:52px;margin-top:22px;border-color:#151515;color:#fff;background:#151515; }
.fc005-provider-window .faces-primary:hover,.fc005-provider-window .faces-primary:focus-visible { color:#fff;background:#303030; }
.fc005-provider-window .faces-text-action { color:#666; }
.fc005-provider-window .faces-fixture-note { color:#777; }
.fc005-common-permissions { margin-top:24px; }
.fc005-returning-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:26px; }
.fc005-returning-summary span { display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 10px;min-width:0;padding:12px;border:1px solid var(--faces-rule); }
.fc005-returning-summary i { grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,#7edcaf 45%,var(--faces-rule));color:#8ae7ba;font:650 9px/1 var(--font-utility);font-style:normal; }
.fc005-returning-summary b { min-width:0;font:600 10px/1.1 var(--font-utility);letter-spacing:.06em;text-transform:uppercase; }
.fc005-returning-summary em { color:var(--faces-muted);font:550 7px/1 var(--font-utility);font-style:normal;letter-spacing:.07em;text-transform:uppercase; }
.fc005-audio-sources { display:grid;margin-top:28px; }
.fc005-audio-source { min-width:0;min-height:70px;padding:10px 14px;border-bottom:1px solid var(--faces-rule);text-align:left; }
.fc005-audio-source:first-child { border-top:1px solid var(--faces-rule); }
.fc005-audio-source:disabled { cursor:wait;opacity:.65; }
.fc005-audio-source:focus-visible { outline:2px solid var(--text-primary);outline-offset:2px; }
.fc005-audio-source[data-connected="true"] .faces-switch__track { border-color:#68a7ff;background:color-mix(in srgb,#68a7ff 14%,transparent); }
.fc005-audio-source[data-connected="true"] .faces-switch__track i { transform:translateX(16px);background:#68a7ff; }
.fc005-onboarding-faces { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px; }
.fc005-onboarding-faces button { min-width:0;min-height:146px;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:8px;padding:14px;border:1px solid var(--faces-rule);color:var(--text-primary);background:transparent;text-align:center;cursor:pointer;transition:border-color 140ms ease,background 140ms ease; }
.fc005-onboarding-faces button:hover { border-color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.fc005-onboarding-faces button:focus-visible { outline:2px solid var(--text-primary);outline-offset:3px; }
.fc005-onboarding-faces button:active { background:color-mix(in srgb,var(--text-primary) 11%,transparent); }
.fc005-onboarding-face-preview { display:block;width:110px;height:92px;overflow:hidden;pointer-events:none; }
.fc005-onboarding-face-preview iframe { display:block;width:100%;height:100%;border:0;pointer-events:none; }
.fc005-onboarding-faces b { font:560 16px/1.2 "Space Grotesk Proof",sans-serif; }
@media(max-width:850px){
.faces-settings-trigger { min-width:42px;padding:0; }
.faces-settings-trigger > span,.faces-settings-trigger > b { display:none; }
[data-onboarding] .faces-onboarding__panel { width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px); }
.fc005-onboarding-layout { grid-template-columns:1fr; }
[data-onboarding] .faces-onboarding__step { width:calc(100% - 48px);padding:30px 0; }
[data-onboarding] .faces-onboarding__step h2 { font-size:clamp(36px,8vw,56px); }
}
@media(max-width:520px){
.faces-visual-panel { width:100vw; }
.faces-visual-panel__header,[data-visual-content],[data-account-content] { padding-inline:18px; }
.fc005-collection-intro { padding-top:24px; }
.fc005-collection-intro h2 { font-size:25px; }
.faces-face-option { height:84px; }
.fc005-account-hero { grid-template-columns:42px 1fr; }
.fc005-account-badge { grid-column:2;justify-self:start;margin-top:-6px; }
[data-onboarding] .faces-onboarding__panel { width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);border:0; }
[data-onboarding] .faces-onboarding__panel > header { padding-inline:18px; }
.fc005-onboarding-title { font-size:11px; }
.fc005-onboarding-progress { padding-inline:18px; }
.fc005-onboarding-progress li { gap:6px;font-size:7px; }
.fc005-onboarding-progress li:not(:last-child)::after { right:-12%;width:24%; }
.fc005-onboarding-aside { padding-inline:18px; }
[data-onboarding] .faces-onboarding__step { width:calc(100% - 36px);padding:22px 0; }
.fc005-onboarding-faces { grid-template-columns:repeat(2,minmax(0,1fr)); }
.fc005-onboarding-faces button { min-height:130px;padding:10px; }
.fc005-onboarding-face-preview { width:88px;height:80px; }
.fc005-access-card { grid-template-columns:96px minmax(0,1fr) 18px;gap:12px;min-height:104px;padding:12px; }
.fc005-access-card__copy b { font-size:15px; }
.fc005-provider-window { width:calc(100vw - 24px); }
.fc005-provider-window__body { padding:28px 22px; }
.fc005-provider-window h2 { font-size:32px; }
}
@media(prefers-reduced-motion:reduce){
.fc005-mystery-face { animation:none!important; }
}
/* FC-005 D03 — compact left control center. */
:root { --faces-sidebar-open:276px;--faces-sidebar-closed:58px; }
body[data-faces-state="landing"] .utility-header { border:0;background:transparent;backdrop-filter:none; }
body[data-faces-state="ready"] .utility-header { display:none; }
.faces-landing-actions { position:absolute;top:50%;right:var(--edge);display:flex;align-items:center;gap:4px;transform:translateY(-50%); }
.faces-landing-actions > button { min-height:36px;padding:0 12px;border:0;background:transparent;color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-landing-actions > button:hover,.faces-landing-actions > button:focus-visible { color:var(--text-primary); }
.faces-landing-info { position:absolute;top:43px;right:0;display:grid;width:190px;padding:8px;border:1px solid var(--faces-rule);background:var(--faces-panel-solid);box-shadow:0 18px 54px #0008; }
.faces-landing-info a,.faces-landing-info span { min-height:34px;display:flex;align-items:center;padding:0 10px;color:var(--faces-muted);font:550 8px/1 var(--font-utility);letter-spacing:.08em;text-decoration:none;text-transform:uppercase; }
.faces-landing-info a:hover,.faces-landing-info a:focus-visible { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-hero__content > .faces-kicker { display:none; }
.faces-visual-panel { inset:0 auto 0 0;grid-template-rows:56px auto minmax(0,1fr) auto;width:var(--faces-sidebar-open);height:100dvh;border:0;border-right:1px solid var(--faces-rule);background:color-mix(in srgb,var(--faces-panel-solid) 97%,#142039 3%);box-shadow:20px 0 60px #0005;overflow:visible;transition:width 220ms cubic-bezier(.2,.8,.2,1); }
body[data-visual-controls="closed"] .faces-visual-panel { width:var(--faces-sidebar-closed); }
.faces-visual-panel__header { display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--faces-rule); }
.faces-sidebar-mark { display:flex;align-items:center;gap:.42em;min-width:0;color:var(--text-primary);font:560 12px/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.025em;text-decoration:none;white-space:nowrap; }
.faces-sidebar-mark span { font-weight:350; }
.faces-sidebar-mark i { color:var(--faces-muted);font-style:normal;font-weight:300; }
.faces-sidebar-mark b { font-weight:650; }
.faces-sidebar-toggle { flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--faces-muted);cursor:pointer; }
.faces-sidebar-toggle:hover,.faces-sidebar-toggle:focus-visible { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-sidebar-toggle svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round; }
body[data-visual-controls="closed"] .faces-sidebar-mark { display:none; }
body[data-visual-controls="closed"] .faces-visual-panel__header { justify-content:center;padding:0; }
body[data-visual-controls="closed"] .faces-sidebar-toggle svg { transform:scaleX(-1); }
.faces-sidebar-nav { display:grid;gap:2px;padding:8px;border-bottom:1px solid var(--faces-rule); }
.faces-sidebar-nav button { display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;min-height:38px;padding:0 8px;border:0;background:transparent;color:var(--faces-muted);text-align:left;cursor:pointer; }
.faces-sidebar-nav button:hover,.faces-sidebar-nav button:focus-visible,.faces-sidebar-nav button.is-active { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-sidebar-nav svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round; }
.faces-sidebar-nav span { font:550 10px/1 "Space Grotesk Proof",sans-serif; }
.faces-sidebar-nav em { font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.06em; }
body[data-visual-controls="closed"] .faces-sidebar-nav { padding:8px 6px; }
body[data-visual-controls="closed"] .faces-sidebar-nav button { grid-template-columns:1fr;place-items:center;padding:0; }
body[data-visual-controls="closed"] .faces-sidebar-nav span,body[data-visual-controls="closed"] .faces-sidebar-nav em { display:none; }
[data-visual-content],[data-account-content] { min-height:0;padding:0 16px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none; }
[data-visual-content]::-webkit-scrollbar,[data-account-content]::-webkit-scrollbar { display:none; }
body[data-visual-controls="closed"] [data-settings-panel] { display:none!important; }
.fc005-collection-intro { align-items:center;padding:18px 0 15px;scroll-margin-top:10px; }
.fc005-collection-intro .faces-kicker { margin-bottom:6px;font-size:7px; }
.fc005-collection-intro h2 { font-size:21px; }
.fc005-collection-intro > span { padding:5px 7px;font-size:6px; }
.faces-visual-panel .faces-settings__group { padding:14px 0 15px;scroll-margin-top:10px; }
.faces-visual-panel .faces-settings__group h2 { margin-bottom:10px;font-size:7px; }
.faces-face-grid { gap:6px; }
.faces-face-option { height:58px;padding:9px; }
.faces-face-option::before { width:62px;height:62px;right:-18px;bottom:-34px; }
.faces-face-option > span { font-size:6px; }
.faces-face-option b { font-size:14px; }
.faces-face-option em { font-size:6px; }
.faces-display-grid { gap:5px; }
.faces-display-grid button { min-height:54px;gap:5px; }
.faces-display-grid button span { font-size:15px; }
.faces-account-back { display:flex;align-items:center;gap:8px;min-height:38px;margin:0 0 16px;padding:0;border:0;background:transparent;color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-account-back:hover,.faces-account-back:focus-visible { color:var(--text-primary); }
[data-account-content] { padding-top:16px; }
.fc005-account-hero { grid-template-columns:36px minmax(0,1fr);gap:10px;padding-bottom:16px; }
.fc005-account-avatar { width:34px;height:34px; }
.fc005-account-avatar span { font-size:14px; }
.fc005-account-badge { grid-column:2;justify-self:start;margin-top:-4px; }
[data-account-content] .fc005-account-hero h2 { font-size:20px; }
[data-account-content] > .fc005-account-lede { margin:14px 0 17px;font-size:11px; }
.fc005-entitlements { grid-template-columns:1fr;gap:5px; }
.fc005-entitlements > div { min-height:52px;padding:9px; }
.faces-sidebar-profile { position:relative;padding:8px;border-top:1px solid var(--faces-rule);background:var(--faces-panel-solid); }
.faces-profile-trigger { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:4px;border:0;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer; }
.faces-profile-trigger:hover,.faces-profile-trigger:focus-visible,.faces-profile-trigger[aria-expanded="true"] { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-profile-avatar { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--text-primary);color:var(--surface-page);font:600 12px/1 "Space Grotesk Proof",sans-serif; }
.faces-profile-copy { display:grid;gap:4px;min-width:0; }
.faces-profile-copy b { font:550 11px/1 "Space Grotesk Proof",sans-serif; }
.faces-profile-copy em { color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.06em;text-transform:uppercase; }
.faces-profile-trigger > i { color:var(--faces-muted);font-style:normal;font-size:11px; }
body[data-visual-controls="closed"] .faces-sidebar-profile { padding:8px 5px; }
body[data-visual-controls="closed"] .faces-profile-trigger { grid-template-columns:1fr;place-items:center;padding:0; }
body[data-visual-controls="closed"] .faces-profile-copy,body[data-visual-controls="closed"] .faces-profile-trigger > i { display:none; }
.faces-profile-menu { position:absolute;right:8px;bottom:58px;left:8px;z-index:5;padding:8px;border:1px solid var(--faces-rule);background:var(--faces-panel-solid); }
body[data-visual-controls="closed"] .faces-profile-menu { right:auto;bottom:8px;left:64px;width:236px; }
.faces-profile-summary { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:0 8px;border-bottom:1px solid var(--faces-rule); }
.faces-profile-summary span { color:var(--faces-muted);font:550 9px/1 var(--font-utility); }
.faces-profile-summary button { min-height:32px;padding:0;border:0;background:transparent;color:#ff7768;font:600 8px/1 var(--font-utility);text-transform:uppercase;cursor:pointer; }
.faces-profile-theme { display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px;border:1px solid var(--faces-rule); }
.faces-profile-theme button { min-height:36px;border:0;border-right:1px solid var(--faces-rule);background:transparent;color:var(--faces-muted);font-size:17px;cursor:pointer; }
.faces-profile-theme button:last-child { border-right:0; }
.faces-profile-theme button[aria-pressed="true"],.faces-profile-theme button:hover,.faces-profile-theme button:focus-visible { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 7%,transparent); }
.faces-profile-theme .theme-control__icon { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25; }
.faces-profile-settings { display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-top:8px;padding:0 10px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left; }
.faces-profile-settings:hover,.faces-profile-settings:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-profile-settings span { font-size:15px; }
.faces-profile-settings b { font:530 10px/1 "Space Grotesk Proof",sans-serif; }
body[data-faces-state="ready"] .universe-backdrop { transform:none; }
body[data-faces-state="ready"] .faces-voice-indicator { left:50%; }
body[data-faces-state="ready"] .faces-footer nav { margin-right:0;margin-left:auto; }
:fullscreen .faces-visual-panel { display:none; }
:fullscreen body[data-faces-state="ready"] .universe-backdrop { transform:none; }
body.faces-compact-mode .utility-header,body.faces-compact-mode .faces-visual-panel,body.faces-compact-mode .faces-footer nav { display:none!important; }
body.faces-compact-mode .universe-backdrop { transform:none!important; }
body.faces-compact-mode .faces-voice-indicator { left:50%!important; }
@media(max-width:768px){
:root { --faces-sidebar-open:244px;--faces-sidebar-closed:52px; }
.faces-landing-actions { right:14px; }
.faces-visual-panel { width:var(--faces-sidebar-open); }
body[data-visual-controls="closed"] .faces-visual-panel { width:var(--faces-sidebar-closed); }
.faces-visual-panel__header { padding-inline:9px; }
[data-visual-content],[data-account-content] { padding-inline:13px; }
.faces-sidebar-nav { padding-inline:6px; }
}
/* FC-005 D04 — restored compact controls and one account journey. */
.faces-visual-panel__header { grid-row:1; }
.faces-sidebar-nav { grid-row:2; }
#visual-controls { grid-row:3; }
.faces-sidebar-profile { grid-row:4;align-self:end; }
.faces-control-view[hidden] { display:none!important; }
.faces-control-view { min-height:100%; }
.faces-control-view > .faces-settings__group:last-child,
.faces-visual-panel > #visual-controls > .faces-settings__group { border-bottom:0; }
.faces-face-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
.faces-face-option[hidden] { display:none!important; }
body[data-faces-member="guest"] .faces-face-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.faces-face-option { display:grid;place-items:center;height:52px;padding:4px;overflow:hidden; }
.faces-face-option::before,.faces-face-option > span { display:none; }
.faces-face-option em { position:absolute;top:4px;right:4px;display:block; }
.faces-face-option em svg { width:17px;height:17px; }
.faces-face-option b { font-size:12px; }
.faces-face-option.is-locked { color:var(--faces-muted); }
.faces-face-option.is-locked::after { content:none; }
.faces-face-option[data-custom-face] { grid-column:1/-1; }
.faces-create-own { min-height:44px;margin-top:8px;padding-inline:12px; }
.faces-onboarding [data-account-content] { min-height:auto;padding:0;overflow:visible; }
.faces-onboarding [data-account-content] .fc005-entitlements { grid-template-columns:repeat(2,minmax(0,1fr)); }
.faces-onboarding [data-account-content] .fc005-account-hero { grid-template-columns:42px minmax(0,1fr) auto; }
.faces-onboarding [data-account-content] .fc005-account-badge { grid-column:auto;align-self:start;justify-self:end;margin-top:0; }
.faces-onboarding [data-account-content] > .fc005-account-lede { margin:16px 0 22px; }
@media(max-width:520px){
.faces-onboarding [data-account-content] .fc005-entitlements { grid-template-columns:1fr; }
.faces-onboarding [data-account-content] .fc005-account-hero { grid-template-columns:38px 1fr; }
.faces-onboarding [data-account-content] .fc005-account-badge { grid-column:2;justify-self:start; }
}
/* FC-005 D05 — Faces UI uses borders and flat color, never drop shadows. */
.faces-shell,
.faces-shell *,
.faces-shell *::before,
.faces-shell *::after { box-shadow:none!important;text-shadow:none!important; }
/* FC-005 D07 — accordion controls and shared Account / About / Privacy pages. */
.faces-visual-panel { grid-template-rows:56px minmax(0,1fr) auto; }
.faces-visual-panel__header { grid-row:1; }
#visual-controls { grid-row:2;min-height:0;padding:0;overflow-y:auto; }
.faces-sidebar-profile { grid-row:3; }
.faces-accordion-toolbar { position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 16px;border-bottom:1px solid var(--faces-rule);background:var(--faces-panel-solid); }
.faces-accordion-toolbar > span,.faces-accordion-toolbar button { color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.09em;text-transform:uppercase; }
.faces-accordion-toolbar button { min-height:32px;padding:0;border:0;background:transparent;cursor:pointer; }
.faces-accordion-toolbar button:hover,.faces-accordion-toolbar button:focus-visible { color:var(--text-primary); }
.faces-accordion { display:grid;align-content:start; }
.faces-accordion-item { border-bottom:1px solid var(--faces-rule); }
.faces-accordion-trigger { display:grid;grid-template-columns:28px minmax(0,1fr) auto 14px;align-items:center;width:100%;min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--faces-muted);text-align:left;cursor:pointer; }
.faces-accordion-trigger:hover,.faces-accordion-trigger:focus-visible,.faces-accordion-trigger.is-active { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-accordion-trigger svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round; }
.faces-accordion-trigger > span { font:550 10px/1 "Space Grotesk Proof",sans-serif; }
.faces-accordion-trigger > em { font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.06em; }
.faces-accordion-trigger > i { justify-self:end;color:var(--faces-muted);font:400 13px/1 var(--font-utility);font-style:normal;transition:transform 180ms ease; }
.faces-accordion-item.is-expanded > .faces-accordion-trigger > i { transform:rotate(180deg); }
.faces-accordion-item > .faces-control-view { min-height:0;padding:0 16px 16px; }
.faces-accordion-item > .faces-settings__group.faces-control-view { padding-top:14px; }
.faces-accordion-item .fc005-collection-intro { padding-top:16px; }
.faces-accordion-item .faces-settings__group { border-bottom:0; }
body[data-visual-controls="closed"] #visual-controls { display:block!important;padding:0;overflow:hidden; }
body[data-visual-controls="closed"] .faces-accordion-toolbar,
body[data-visual-controls="closed"] .faces-control-view { display:none!important; }
body[data-visual-controls="closed"] .faces-accordion-trigger { grid-template-columns:1fr;place-items:center;min-height:44px;padding:0; }
body[data-visual-controls="closed"] .faces-accordion-trigger > span,
body[data-visual-controls="closed"] .faces-accordion-trigger > em,
body[data-visual-controls="closed"] .faces-accordion-trigger > i { display:none; }
body[data-visual-controls="closed"] .faces-accordion-trigger.is-flyout-active { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 9%,transparent); }
.faces-control-flyout { position:fixed;left:calc(var(--faces-sidebar-closed) + 8px);z-index:48;display:grid;grid-template-rows:46px minmax(0,auto);width:min(276px,calc(100vw - var(--faces-sidebar-closed) - 16px));max-height:calc(100dvh - 16px);border:1px solid var(--faces-rule);background:var(--faces-panel-solid);color:var(--text-primary);overflow:hidden; }
.faces-control-flyout[hidden],body[data-visual-controls="open"] .faces-control-flyout { display:none!important; }
.faces-control-flyout > header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-bottom:1px solid var(--faces-rule); }
.faces-control-flyout > header h2 { margin:0;font:560 11px/1 "Space Grotesk Proof",sans-serif; }
.faces-control-flyout > header button { min-height:32px;padding:0;border:0;background:transparent;color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-control-flyout > header button:hover,.faces-control-flyout > header button:focus-visible { color:var(--text-primary); }
.faces-control-flyout > header button span { margin-left:4px;font-size:12px; }
.faces-control-flyout__body { min-height:0;padding:0 16px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none; }
.faces-control-flyout__body::-webkit-scrollbar { display:none; }
body[data-visual-controls="closed"] .faces-control-flyout .faces-control-view { display:block!important;min-height:0; }
.faces-control-flyout > .faces-control-flyout__body > .faces-settings__group { padding:16px 0 0; }
.faces-control-flyout .fc005-collection-intro { padding-top:16px; }
.faces-control-flyout .faces-settings__group { border-bottom:0; }
.faces-profile-links { display:grid;grid-template-columns:1fr;margin-top:8px;border:1px solid var(--faces-rule); }
.faces-profile-links button { min-height:38px;padding:0 10px;border:0;border-bottom:1px solid var(--faces-rule);background:transparent;color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-align:left;text-transform:uppercase;cursor:pointer; }
.faces-profile-links button:last-child { border-bottom:0; }
.faces-profile-links button:hover,.faces-profile-links button:focus-visible { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-landing-info button { min-height:34px;display:flex;align-items:center;padding:0 10px;border:0;background:transparent;color:var(--faces-muted);font:550 8px/1 var(--font-utility);letter-spacing:.08em;text-align:left;text-transform:uppercase;cursor:pointer; }
.faces-landing-info button:hover,.faces-landing-info button:focus-visible { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
.faces-info-sidebar { grid-row:1/-1;display:grid;grid-template-rows:56px minmax(0,1fr);height:100%;background:var(--faces-panel-solid); }
.faces-info-sidebar > header { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--faces-rule); }
.faces-info-sidebar > header button { min-height:34px;padding:0;border:0;background:transparent;color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-info-sidebar > header a { justify-self:end;color:var(--text-primary);font:500 11px/1 "Space Grotesk Proof",sans-serif;text-decoration:none; }
.faces-info-sidebar > header a span { font-weight:330; }
.faces-info-sidebar > header a b { font-weight:650; }
.faces-info-sidebar nav { display:grid;align-content:start;padding:10px 8px; }
.faces-info-sidebar nav button { display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 10px;border:0;background:transparent;color:var(--faces-muted);font:550 11px/1 "Space Grotesk Proof",sans-serif;text-align:left;cursor:pointer; }
.faces-info-sidebar nav button::after { content:"↗";color:transparent;font:500 12px/1 var(--font-utility); }
.faces-info-sidebar nav button:hover,.faces-info-sidebar nav button:focus-visible,.faces-info-sidebar nav button[aria-current="page"] { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-info-sidebar nav button[aria-current="page"]::after { color:var(--text-primary); }
body[data-faces-info] .utility-header,
body[data-faces-info] .faces-hero,
body[data-faces-info] > .faces-footer { display:none!important; }
body[data-faces-info] .faces-visual-panel { width:var(--faces-sidebar-open); }
body[data-faces-info] main { overflow:hidden!important;background:transparent; }
.faces-info-page { position:absolute;inset:0 0 0 var(--faces-sidebar-open);z-index:20;margin:0;padding:0 clamp(32px,7vw,110px);color:var(--text-primary);background:transparent;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain; }
.faces-info-article { width:min(1120px,100%);margin:0 auto; }
.faces-info-hero { min-height:min(720px,78dvh);display:flex;flex-direction:column;justify-content:center;max-width:890px;padding:clamp(72px,10vh,120px) 0; }
.faces-info-hero h1 { max-width:850px;margin:22px 0 0;font:570 clamp(52px,7.4vw,112px)/.88 "Space Grotesk Proof",sans-serif;letter-spacing:-.075em; }
.faces-info-hero h1:focus { outline:none; }
.faces-info-hero > p:last-child { max-width:620px;margin:34px 0 0;color:var(--faces-muted);font:420 clamp(15px,1.3vw,20px)/1.6 "Space Grotesk Proof",sans-serif; }
.faces-info-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--faces-rule);border-bottom:1px solid var(--faces-rule);background:color-mix(in srgb,var(--surface-page) 24%,transparent);backdrop-filter:blur(2px); }
.faces-info-grid section { min-height:280px;padding:28px;border-right:1px solid var(--faces-rule); }
.faces-info-grid section:last-child { border-right:0; }
.faces-info-grid span,.faces-info-list span { color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.faces-info-grid h2,.faces-info-list h2 { margin:72px 0 0;font:540 23px/1.08 "Space Grotesk Proof",sans-serif;letter-spacing:-.035em; }
.faces-info-grid p,.faces-info-list p,.faces-info-statement > p:last-child { margin:17px 0 0;color:var(--faces-muted);font:420 13px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-info-statement { padding:clamp(96px,13vw,180px) 0; }
.faces-info-statement h2 { margin:22px 0 0;font:560 clamp(42px,5vw,76px)/.94 "Space Grotesk Proof",sans-serif;letter-spacing:-.06em; }
.faces-info-statement > p:last-child { max-width:560px;font-size:15px; }
.faces-info-list { border-top:1px solid var(--faces-rule);background:color-mix(in srgb,var(--surface-page) 18%,transparent);backdrop-filter:blur(2px); }
[data-info-article="legal"] .faces-legal-surface { border:1px solid var(--faces-rule);background:color-mix(in srgb,var(--surface-page) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none; }
[data-info-article="legal"] .faces-info-list { border:0;background:transparent;backdrop-filter:none; }
.faces-legal-tabs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
.faces-legal-tabs button { min-height:56px;border:0;border-bottom:1px solid var(--faces-rule);color:var(--faces-muted);background:color-mix(in srgb,var(--text-primary) 7%,transparent);font:600 10px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }
.faces-legal-tabs button[aria-selected="true"] { border-bottom:0;color:var(--text-primary);background:transparent; }
.faces-legal-tabs button:hover:not([aria-selected="true"]) { color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 10%,transparent); }
.faces-legal-tabs button:focus-visible { outline:2px solid var(--text-primary);outline-offset:-3px; }
.faces-info-list section { display:grid;grid-template-columns:110px minmax(220px,.8fr) minmax(240px,1fr);gap:28px;align-items:start;padding:30px 0;border-bottom:1px solid var(--faces-rule); }
.faces-info-list h2,.faces-info-list p { margin:0; }
.faces-account-info__hero { min-height:min(560px,66dvh); }
.faces-account-surface { margin-bottom:clamp(72px,10vw,150px);border:1px solid var(--faces-rule);background:color-mix(in srgb,var(--surface-page) 28%,transparent);backdrop-filter:blur(2px); }
.faces-account-info .faces-account-surface { background:color-mix(in srgb,var(--surface-page) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none; }
.faces-account-overview { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:112px;padding:22px 26px;border-bottom:1px solid var(--faces-rule); }
.faces-account-overview__avatar { display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--text-primary);color:var(--surface-page);font:600 18px/1 "Space Grotesk Proof",sans-serif; }
.faces-account-overview h2 { margin:7px 0 0;font:560 25px/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.035em; }
.faces-account-overview div > p:last-child { margin:8px 0 0;color:var(--faces-muted);font:450 11px/1.4 "Space Grotesk Proof",sans-serif; }
.faces-account-overview > em { padding:8px 10px;border:1px solid var(--faces-rule);color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.08em;text-transform:uppercase; }
.faces-account-overview > em[data-member="true"] { border-color:color-mix(in srgb,#72d5a0 50%,var(--faces-rule));color:#72d5a0; }
.faces-account-guest { display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:48px;align-items:end;padding:clamp(34px,5vw,66px) 26px; }
.faces-account-guest h2,.faces-account-collection-heading h2,.faces-account-referral h2 { margin:16px 0 0;font:550 clamp(28px,3vw,44px)/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.05em; }
.faces-account-guest p:last-child,.faces-account-referral p { max-width:560px;margin:20px 0 0;color:var(--faces-muted);font:430 13px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-account-guest__actions { display:grid;gap:6px; }
.faces-account-guest__actions .faces-primary { width:100%; }
.faces-account-member-id { display:flex;align-items:center;gap:16px;padding:16px clamp(16px,3vw,26px);border-bottom:1px solid var(--faces-rule); }
.faces-account-member-id[hidden] { display:none; }
.faces-account-member-id > div { flex:1;min-width:0; }
.faces-account-member-id .faces-kicker { display:block;margin:0 0 6px; }
.faces-account-member-id code { display:block;overflow-wrap:anywhere;user-select:text;font:450 13px/1.5 var(--font-utility); }
.faces-account-member-id button { flex:none; }
.faces-account-member { padding:clamp(34px,5vw,58px) 26px 28px; }
.faces-account-collection-heading { display:flex;align-items:end;justify-content:space-between;gap:28px; }
.faces-account-collection-heading strong { color:var(--faces-muted);font:600 8px/1 var(--font-utility);letter-spacing:.08em;text-transform:uppercase; }
.faces-account-collection { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border:1px solid var(--faces-rule); }
.faces-account-collection > :is(div,button) { position:relative;display:grid;grid-template-rows:auto minmax(126px,1fr) auto;justify-items:start;min-width:0;min-height:232px;padding:16px;border:0;border-right:1px solid var(--faces-rule);color:var(--faces-muted);background:transparent;text-align:left; }
.faces-account-collection > :last-child { border-right:0; }
.faces-account-collection__number { font:600 7px/1 var(--font-utility);letter-spacing:.08em; }
.faces-account-collection__preview { display:grid;place-items:center;width:100%;min-height:126px;overflow:hidden;background:color-mix(in srgb,var(--surface-page) 88%,transparent);backdrop-filter:blur(5px);pointer-events:none; }
.faces-account-collection__preview :is(iframe,.faces-shared-thumb) { display:block;width:min(100%,160px);height:126px;border:0;pointer-events:none; }
.faces-account-collection b { align-self:end;color:var(--text-primary);font:540 16px/1.05 "Space Grotesk Proof",sans-serif; }
.faces-account-collection em { display:block;font-style:normal; }
.faces-account-collection em svg { display:block;width:27px;height:27px; }
.faces-account-collection > .is-ready em { color:#72d5a0; }
.faces-account-collection__cat { cursor:pointer;transition:background 140ms ease; }
.faces-account-collection__cat:hover,.faces-account-collection__cat:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-account-collection__cat:focus-visible { outline:2px solid var(--text-primary);outline-offset:-3px; }
.faces-account-collection__cat.is-locked .faces-account-collection__preview { opacity:.68; }
.faces-account-collection__cat.is-locked em { position:absolute;z-index:2;top:12px;right:12px;margin:0;color:var(--faces-muted); }
.faces-account-referral { display:grid;gap:32px;padding:clamp(28px,4vw,48px); }
.faces-referral-companion { display:flex;align-items:center;gap:24px;min-width:0; }
.faces-referral-companion .faces-dog-promotion__preview { flex:0 0 148px; }
.faces-referral-companion .faces-dog-promotion__preview :is(iframe,.faces-shared-thumb) { width:148px;height:138px;transform:scale(1.8); }
.faces-referral-companion > div:last-child { display:grid;gap:10px; }
.faces-referral-companion .faces-kicker { margin:0; }
.faces-referral-companion strong { font:550 clamp(23px,3vw,34px)/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.04em; }
.faces-account-referral__progress { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center; }
.faces-account-referral__track { display:grid;grid-template-columns:1fr 1fr;gap:6px;grid-column:1/-1;width:100%; }
.faces-account-referral__track i { display:block;height:12px;background:color-mix(in srgb,var(--text-primary) 12%,transparent);transition:background 180ms ease; }
.faces-account-referral__track i.is-complete { background:#72d5a0; }
.faces-account-referral__milestones { display:grid;grid-template-columns:1fr 1fr;gap:6px;color:var(--faces-muted);font:600 10px/1 var(--font-utility);letter-spacing:.04em; }
.faces-account-referral__milestones span:last-child { text-align:right; }
.faces-account-referral__progress strong { color:var(--text-primary);font:600 12px/1 var(--font-utility);white-space:nowrap; }
.faces-referral-lifetime { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--faces-rule);border-bottom:1px solid var(--faces-rule); }
.faces-referral-lifetime span { color:var(--faces-muted);font:550 13px/1.3 "Space Grotesk Proof",sans-serif; }
.faces-referral-lifetime strong { font:550 34px/1 "Space Grotesk Proof",sans-serif; }
.faces-account-invite { display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--faces-rule); }
.faces-account-invite span { min-width:0;padding:17px;color:var(--faces-muted);font:500 12px/1 var(--font-utility);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.faces-account-invite__actions { display:grid;grid-template-columns:auto auto; }
.faces-account-invite button { min-width:138px;padding:0 18px;border:0;border-left:1px solid var(--faces-rule);background:var(--text-primary);color:var(--surface-page);font:600 10px/1 var(--font-utility);letter-spacing:.05em;text-transform:uppercase;cursor:pointer; }
.faces-account-invite button[data-account-page-refresh-invite] { min-width:54px;padding:0;color:var(--text-primary);background:transparent; }
.faces-account-invite button[data-account-page-refresh-invite] svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter; }
.faces-account-invite button:hover,.faces-account-invite button:focus-visible { background:color-mix(in srgb,var(--text-primary) 88%,var(--surface-page)); }
.faces-account-invite button[data-account-page-refresh-invite]:hover,.faces-account-invite button[data-account-page-refresh-invite]:focus-visible { background:color-mix(in srgb,var(--text-primary) 7%,transparent); }
.faces-account-invite button:disabled { opacity:.45;cursor:wait; }
.faces-referral-simulator[hidden] { display:none; }
.faces-referral-simulator { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:26px;padding:22px;border:1px solid color-mix(in srgb,#72d5a0 50%,var(--faces-rule));background:color-mix(in srgb,#72d5a0 7%,transparent); }
.faces-referral-simulator h3 { margin:8px 0 0;font:550 24px/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.035em; }
.faces-referral-simulator p:last-child { max-width:590px;margin:10px 0 0;color:var(--faces-muted);font:430 12px/1.55 "Space Grotesk Proof",sans-serif; }
.faces-referral-simulator__actions { display:grid;justify-items:stretch;gap:8px;min-width:230px; }
.faces-referral-simulator__actions .fc005-preview-qualifier { width:100%;margin:0; }
.faces-account-referral__status { margin:-20px 0 0!important;font:500 10px/1.5 var(--font-utility)!important; }
.faces-account-referral > .fc005-preview-qualifier { justify-self:start;margin-top:0; }
[data-info-article="referral"] .faces-account-info__hero { min-height:0;padding:clamp(88px,11vh,128px) 0 42px; }
[data-info-article="referral"] .faces-account-info__hero h1 { font-size:clamp(52px,6vw,80px); }
.faces-account-connections { display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:48px;margin-top:54px;padding-top:38px;border-top:1px solid var(--faces-rule); }
.faces-account-connections h2 { margin:16px 0 0;font:550 clamp(28px,3vw,44px)/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.05em; }
.faces-account-connections p:last-child { max-width:560px;margin:20px 0 0;color:var(--faces-muted);font:430 13px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-account-session,.faces-admin-tools { display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:48px;margin-top:38px;padding-top:38px;border-top:1px solid var(--faces-rule); }
.faces-admin-tools[hidden] { display:none; }
.faces-account-session h2,.faces-admin-tools h2 { margin:16px 0 0;font:550 clamp(28px,3vw,44px)/1 "Space Grotesk Proof",sans-serif;letter-spacing:-.05em; }
.faces-admin-tools p { max-width:560px;margin:20px 0 0;color:var(--faces-muted);font:430 13px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-admin-tools__controls { display:grid;align-content:start;gap:14px; }
.faces-admin-tools__controls > strong { font:600 12px/1 var(--font-utility);letter-spacing:.04em;text-transform:uppercase; }
.faces-admin-tools__controls > div { display:flex;flex-wrap:wrap;gap:8px; }
.faces-admin-tools__controls button { min-height:38px;padding:0 14px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:600 9px/1 var(--font-utility);letter-spacing:.05em;text-transform:uppercase;cursor:pointer; }
.faces-admin-tools__controls button:hover,.faces-admin-tools__controls button:focus-visible { border-color:var(--text-primary); }
.faces-admin-tools__controls button:disabled { opacity:.45;cursor:wait; }
.faces-admin-tools__controls [data-admin-status] { min-height:1.5em;margin:0;font:500 10px/1.5 var(--font-utility); }
.faces-account-provider-list { display:grid;border:1px solid var(--faces-rule); }
.faces-account-provider-list > div { display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:0 12px;border-bottom:1px solid var(--faces-rule); }
.faces-account-provider-list > div:last-child { border-bottom:0; }
.faces-provider-mark { display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--faces-rule);border-radius:50%; }
.faces-provider-mark svg { display:block;width:16px;height:16px; }
.faces-provider-mark--apple svg { fill:var(--text-primary); }
.faces-account-provider-list b { font:550 12px/1 "Space Grotesk Proof",sans-serif; }
.faces-account-provider-list em { color:var(--faces-muted);font:600 7px/1 var(--font-utility);font-style:normal;letter-spacing:.07em;text-transform:uppercase; }
.faces-account-provider-list em[data-linked="true"] { color:#72d5a0; }
.faces-account-provider-list button { min-height:34px;padding:0 10px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:600 7px/1 var(--font-utility);letter-spacing:.07em;text-transform:uppercase;cursor:pointer; }
.faces-account-provider-list button:hover,.faces-account-provider-list button:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-account-provider-list button:disabled { color:var(--faces-muted);cursor:default; }
.faces-account-link-dialog { position:fixed;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid var(--faces-rule);background:var(--surface-page);color:var(--text-primary); }
.faces-account-link-dialog::backdrop { background:rgb(0 0 0 / .55);backdrop-filter:blur(6px); }
.faces-account-link-dialog h2 { margin:0 24px 16px 0;font:550 28px/1.1 "Space Grotesk Proof",sans-serif;letter-spacing:-.04em; }
.faces-account-link-dialog p { margin:0;color:var(--faces-muted);font:430 15px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-account-link-dialog__close { position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--text-primary);font:400 24px/1 sans-serif;cursor:pointer; }
.faces-account-link-dialog__actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:24px; }
.faces-account-link-dialog__actions button { flex:1;min-height:44px;padding:10px 14px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:550 13px/1.2 "Space Grotesk Proof",sans-serif;cursor:pointer; }
.faces-account-link-dialog__actions [data-account-combine] { background:var(--text-primary);color:var(--surface-page); }
.faces-account-link-dialog__actions button:disabled { opacity:.45;cursor:default; }
.faces-combine-plan { margin-top:20px;padding-top:16px;border-top:1px solid var(--faces-rule); }
.faces-account-link-dialog .faces-combine-plan__faces { margin-bottom:12px;color:var(--text-primary);font-weight:550; }
.faces-combine-plan p + p { margin-top:14px; }
.faces-combine-plan strong { color:var(--text-primary);font-weight:550; }
.faces-account-link-dialog .faces-combine-plan h3 { margin:0 0 14px;color:var(--text-primary);font:550 18px/1.3 "Space Grotesk Proof",sans-serif; }
.faces-account-logout { align-self:start;min-height:48px;padding:12px 20px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:550 14px/1.2 "Space Grotesk Proof",sans-serif;cursor:pointer; }
.faces-account-logout:hover,.faces-account-logout:focus-visible { border-color:var(--text-primary); }
.faces-notice,.faces-tour,.faces-welcome { position:fixed;z-index:75;border:1px solid var(--faces-rule);background:color-mix(in srgb,var(--surface-page) 94%,transparent);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none; }
.faces-notice[hidden],.faces-tour[hidden],.faces-welcome[hidden],.faces-tour__preview[hidden] { display:none!important; }
.faces-notice { top:24px;right:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;width:min(360px,calc(100vw - 32px));padding:19px 18px; }
.faces-notice strong { display:block;margin:8px 0;font:550 20px/1.15 "Space Grotesk Proof",sans-serif;letter-spacing:-.03em; }
.faces-notice [data-faces-notice-copy] { margin:0;color:var(--faces-muted);font:430 12px/1.45 "Space Grotesk Proof",sans-serif; }
.faces-notice [data-faces-notice-close],.faces-tour__eyebrow button { align-self:start;border:0;background:transparent;color:var(--text-primary);font:400 23px/1 sans-serif;cursor:pointer; }
.faces-notice__action { margin-top:13px;padding:0;border:0;background:transparent;color:var(--text-primary);font:600 9px/1.2 var(--font-utility);letter-spacing:.05em;text-transform:uppercase;cursor:pointer; }
.faces-notice__action:hover,.faces-notice__action:focus-visible { text-decoration:underline;text-underline-offset:4px; }
.faces-tour,.faces-welcome { top:110px;left:calc(var(--faces-sidebar-open) + 22px);width:min(380px,calc(100vw - var(--faces-sidebar-open) - 48px));padding:20px; }
.faces-tour.is-menu-step { top:auto;bottom:16px; }
.faces-tour__eyebrow { display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--faces-muted);font:600 10px/1 var(--font-utility);text-transform:uppercase;letter-spacing:.1em; }
.faces-tour__body { display:grid;gap:15px;margin:18px 0 22px; }
.faces-tour__preview { height:112px;overflow:hidden;border:1px solid var(--faces-rule);background:color-mix(in srgb,var(--text-primary) 3%,transparent);pointer-events:none; }
.faces-tour__preview :is(iframe,.faces-shared-thumb) { display:block;width:100%;height:100%;border:0;transform:scale(1.16);pointer-events:none; }
.faces-tour h2,.faces-welcome h2 { margin:0;font:550 26px/1.08 "Space Grotesk Proof",sans-serif;letter-spacing:-.045em; }
.faces-tour__body p { margin:12px 0 0;color:var(--faces-muted);font:430 13px/1.5 "Space Grotesk Proof",sans-serif; }
.faces-tour__actions,.faces-tour__actions > div { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.faces-tour__actions button { min-height:36px;padding:0 11px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:600 9px/1 var(--font-utility);text-transform:uppercase;letter-spacing:.04em;cursor:pointer; }
.faces-tour__actions button[data-faces-tour-next],.faces-tour__actions button[data-faces-welcome-tour],.faces-tour__actions button[data-faces-cat-unlock-action] { background:var(--text-primary);color:var(--surface-page); }
.faces-tour__actions button:hover,.faces-tour__actions button:focus-visible { filter:brightness(.88); }
.faces-tour__location { display:inline-block;padding:3px 5px;border:1px solid var(--faces-rule);color:var(--text-primary);font:650 10px/1 var(--font-utility);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap; }
.faces-tour__unlock { display:inline;padding:0;border:0;background:transparent;color:#72d5a0;font:inherit;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer; }
.faces-tour__unlock:hover { color:var(--text-primary);text-decoration-thickness:2px; }
.faces-tour__unlock:focus-visible { outline:2px solid currentColor;outline-offset:3px; }
html[data-theme="light"] .faces-tour__unlock { color:#18724b; }
.faces-tour__body p[hidden],.faces-tour__actions button[hidden] { display:none!important; }
.faces-tour__actions.is-final { justify-content:flex-end; }
.faces-tour__actions.is-final > div { margin-left:auto; }
.is-tour-focus { outline:2px solid #86b9ff!important;outline-offset:-2px; }
@media(max-width:1000px){
.faces-account-collection { grid-template-columns:repeat(2,minmax(0,1fr)); }
.faces-account-collection > :nth-child(2n) { border-right:0; }
.faces-account-collection > :nth-child(-n+2) { border-bottom:1px solid var(--faces-rule); }
}
@media(max-width:800px){
.faces-info-grid { grid-template-columns:1fr; }
.faces-info-grid section { min-height:0;border-right:0;border-bottom:1px solid var(--faces-rule); }
.faces-info-grid section:last-child { border-bottom:0; }
.faces-info-grid h2 { margin-top:34px; }
.faces-info-list section { grid-template-columns:90px 1fr; }
.faces-info-list section p { grid-column:2; }
.faces-account-guest,.faces-account-connections,.faces-account-session,.faces-admin-tools { grid-template-columns:1fr; }
.faces-account-guest__actions { margin-top:28px; }
}
@media(max-width:768px){
body[data-faces-info] .faces-visual-panel { width:180px; }
.faces-info-page { inset:0 0 0 180px;padding-inline:28px; }
}
@media(max-width:520px){
body[data-faces-info] .faces-visual-panel { inset:0 auto 0 0;width:118px;height:100dvh;border-right:1px solid var(--faces-rule);border-bottom:0; }
.faces-info-sidebar { grid-template-rows:54px minmax(0,1fr); }
.faces-info-sidebar > header { grid-template-columns:1fr;padding-inline:10px; }
.faces-info-sidebar > header a { display:none; }
.faces-info-sidebar nav { grid-template-columns:1fr;align-content:start;padding:8px 6px;border-top:0; }
.faces-info-sidebar nav button { justify-content:flex-start;min-height:42px;padding-inline:10px; }
.faces-info-sidebar nav button::after { display:block; }
.faces-info-page { inset:0 0 0 118px;padding:0 18px 36px; }
.faces-info-hero { min-height:100dvh;padding:54px 0; }
.faces-info-hero h1 { font-size:42px; }
.faces-info-list section { grid-template-columns:1fr;gap:12px; }
.faces-info-list section p { grid-column:auto; }
.faces-account-info__hero { min-height:86dvh; }
.faces-account-overview { grid-template-columns:auto 1fr;padding-inline:16px; }
.faces-account-overview > em { grid-column:1/-1;justify-self:start; }
.faces-account-guest,.faces-account-member { padding-inline:16px; }
.faces-account-collection-heading { display:grid; }
.faces-account-collection { grid-template-columns:1fr; }
.faces-account-collection > :is(div,button) { min-height:220px;border-right:0;border-bottom:1px solid var(--faces-rule); }
.faces-account-collection > :last-child { border-bottom:0; }
.faces-account-referral { gap:26px;padding:24px 16px; }
.faces-referral-companion { gap:10px; }
.faces-referral-companion .faces-dog-promotion__preview { flex-basis:96px; }
.faces-referral-companion .faces-dog-promotion__preview :is(iframe,.faces-shared-thumb) { width:96px;height:104px;transform:scale(1.55); }
.faces-referral-companion strong { font-size:20px; }
.faces-account-referral__progress { grid-template-columns:minmax(0,1fr) auto; }
.faces-account-invite { grid-template-columns:1fr; }
.faces-account-invite__actions { border-top:1px solid var(--faces-rule); }
.faces-account-invite button { min-height:44px;border-left:0; }
.faces-account-invite button + button { border-left:1px solid var(--faces-rule); }
.faces-referral-simulator { grid-template-columns:1fr;gap:18px;padding:18px 16px; }
.faces-referral-simulator__actions { min-width:0; }
.faces-account-connections { gap:28px; }
.faces-account-provider-list > div { grid-template-columns:28px minmax(0,1fr) auto; }
.faces-account-provider-list em { grid-column:2; }
.faces-account-provider-list button { grid-column:3;grid-row:1/3; }
}
/* FC-005 member33 — distinct account journeys and guest/member collection boundaries. */
/* FC-005 D09 — mobile uses a top header and an overlay drawer, never a compact rail. */
@media(max-width:768px){
:root { --faces-mobile-drawer:min(276px,84vw); }
body[data-faces-state="ready"]:not([data-faces-info]) .faces-visual-panel {
 inset:0;
 z-index:45;
 display:grid;
 grid-template-columns:var(--faces-mobile-drawer) minmax(0,1fr);
 grid-template-rows:52px minmax(0,1fr) auto;
 width:100vw;
 height:100dvh;
 border:0;
 background:transparent;
 overflow:hidden;
 pointer-events:none;
 transition:none;
}
body[data-faces-state="ready"]:not([data-faces-info]) .faces-visual-panel__header {
 grid-column:1/-1;
 grid-row:1;
 display:flex;
 justify-content:flex-start;
 gap:7px;
 width:100vw;
 min-height:52px;
 padding:0 10px;
 border-bottom:1px solid var(--faces-rule);
 background:var(--faces-panel-solid);
 pointer-events:auto;
}
body[data-faces-state="ready"]:not([data-faces-info]) .faces-sidebar-toggle { order:0; }
body[data-faces-state="ready"]:not([data-faces-info]) .faces-sidebar-mark { order:1;display:flex!important; }
body[data-faces-state="ready"]:not([data-faces-info]) #visual-controls,
body[data-faces-state="ready"]:not([data-faces-info]) .faces-sidebar-profile {
 grid-column:1;
 width:var(--faces-mobile-drawer);
 border-right:1px solid var(--faces-rule);
 background:var(--faces-panel-solid);
 transform:translateX(0);
 visibility:visible;
 pointer-events:auto;
 transition:transform 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s;
}
body[data-faces-state="ready"]:not([data-faces-info]) #visual-controls { grid-row:2;display:block!important;overflow-y:auto; }
body[data-faces-state="ready"]:not([data-faces-info]) .faces-sidebar-profile { grid-row:3; }
body[data-faces-state="ready"][data-visual-controls="closed"]:not([data-faces-info]) #visual-controls,
body[data-faces-state="ready"][data-visual-controls="closed"]:not([data-faces-info]) .faces-sidebar-profile {
 transform:translateX(-100%);
 visibility:hidden;
 pointer-events:none;
 transition:transform 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 220ms;
}
body[data-faces-state="ready"]:not([data-faces-info]) .faces-control-flyout { display:none!important; }
body[data-faces-state="ready"]:not([data-faces-info]) .universe-backdrop { transform:none!important; }
body[data-faces-state="ready"]:not([data-faces-info]) .faces-voice-indicator { left:50%!important; }
}
/* FC-005 D10 — one mobile header, one overlay navigation, one page system. */
.faces-mobile-navigation { display:none; }
@media(max-width:768px){
.faces-visual-panel { backdrop-filter:none!important; }
body[data-faces-state="landing"] .utility-header { display:none!important; }
body[data-faces-state="landing"] .faces-hero__content { filter:none!important;backdrop-filter:none!important; }
body[data-faces-state="landing"] .faces-visual-panel,
body[data-faces-info] .faces-visual-panel {
 inset:0;
 z-index:45;
 display:grid;
 grid-template-columns:var(--faces-mobile-drawer) minmax(0,1fr);
 grid-template-rows:52px minmax(0,1fr) auto;
 width:100vw;
 height:100dvh;
 border:0;
 background:transparent;
 overflow:hidden;
 pointer-events:none;
 transition:none;
}
body[data-faces-state="landing"] .faces-visual-panel__header,
body[data-faces-info] .faces-visual-panel__header {
 grid-column:1/-1;
 grid-row:1;
 display:flex;
 justify-content:flex-start;
 gap:7px;
 width:100vw;
 min-height:52px;
 padding:0 10px;
 border-bottom:1px solid var(--faces-rule);
 background:var(--faces-panel-solid);
 pointer-events:auto;
}
body[data-faces-state="landing"] .faces-sidebar-toggle,
body[data-faces-info] .faces-sidebar-toggle { order:0; }
body[data-faces-state="landing"] .faces-sidebar-mark,
body[data-faces-info] .faces-sidebar-mark { order:1;display:flex!important; }
body[data-faces-state="landing"]:not([data-faces-info]) #visual-controls,
body[data-faces-state="landing"]:not([data-faces-info]) .faces-sidebar-profile,
body[data-faces-state="landing"]:not([data-faces-info]) .faces-info-sidebar,
body[data-faces-info] #visual-controls,
body[data-faces-info] .faces-sidebar-profile,
body[data-faces-info] .faces-mobile-navigation { display:none!important; }
.faces-mobile-navigation,
body[data-faces-info] .faces-info-sidebar {
 grid-column:1;
 grid-row:2/-1;
 align-content:start;
 width:var(--faces-mobile-drawer);
 min-height:0;
 border-right:1px solid var(--faces-rule);
 background:var(--faces-panel-solid);
 transform:translateX(0);
 visibility:visible;
 overflow-y:auto;
 pointer-events:auto;
 transition:transform 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 0s;
}
.faces-mobile-navigation { display:grid;padding:18px 10px; }
.faces-mobile-navigation[hidden] { display:none!important; }
.faces-mobile-navigation > p { margin:0 10px 12px;color:var(--faces-muted);font:600 7px/1 var(--font-utility);letter-spacing:.1em;text-transform:uppercase; }
.faces-mobile-navigation button { display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 10px;border:0;border-bottom:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);font:550 12px/1 "Space Grotesk Proof",sans-serif;text-align:left;cursor:pointer; }
.faces-mobile-navigation button:first-of-type { border-top:1px solid var(--faces-rule); }
.faces-mobile-navigation button:hover,.faces-mobile-navigation button:focus-visible { background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
.faces-mobile-navigation button i { color:var(--faces-muted);font:400 12px/1 var(--font-utility);font-style:normal; }
body[data-faces-info] .faces-info-sidebar { display:grid;grid-template-rows:46px minmax(0,1fr);height:auto; }
body[data-faces-info] .faces-info-sidebar > header { grid-template-columns:1fr;padding:0 10px; }
body[data-faces-info] .faces-info-sidebar > header a { display:none; }
body[data-faces-info] .faces-info-sidebar nav { padding:10px; }
body[data-faces-info] .faces-info-sidebar nav button { min-height:46px;border-bottom:1px solid var(--faces-rule); }
body[data-faces-info] .faces-info-sidebar nav button:first-child { border-top:1px solid var(--faces-rule); }
body[data-visual-controls="closed"] .faces-mobile-navigation,
body[data-faces-info][data-visual-controls="closed"] .faces-info-sidebar {
 transform:translateX(-100%);
 visibility:hidden;
 pointer-events:none;
 transition:transform 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 220ms;
}
body[data-faces-state="landing"] .faces-control-flyout,
body[data-faces-info] .faces-control-flyout { display:none!important; }
body[data-faces-state="landing"]:not([data-faces-info]) .faces-hero { padding-top:52px!important; }
body[data-faces-info] main { width:100%;overflow:hidden!important; }
body[data-faces-info] .faces-info-page {
 inset:52px 0 0;
 width:auto;
 max-width:none;
 padding:0 20px 40px;
 background:color-mix(in srgb,var(--surface-page) 68%,transparent);
 backdrop-filter:none!important;
}
body[data-faces-info] .faces-info-article { width:100%;max-width:100%; }
body[data-faces-info] .faces-info-hero { min-height:calc(100dvh - 52px);padding:52px 0; }
body[data-faces-info] .faces-info-grid,
body[data-faces-info] .faces-info-list,
body[data-faces-info] .faces-account-surface { background:color-mix(in srgb,var(--surface-page) 88%,transparent);backdrop-filter:none!important; }
body[data-faces-info] .faces-account-info .faces-account-surface { background:color-mix(in srgb,var(--surface-page) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)!important; }
body[data-faces-info] [data-info-article="legal"] .faces-legal-surface { background:color-mix(in srgb,var(--surface-page) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)!important; }
body[data-faces-info] [data-info-article="legal"] .faces-info-list { background:transparent;backdrop-filter:none!important; }
body[data-faces-info] .faces-info-hero h1 { font-size:clamp(40px,12vw,64px); }
body[data-faces-info] .faces-info-list section { grid-template-columns:1fr;gap:12px; }
body[data-faces-info] .faces-info-list section p { grid-column:auto; }
}
/* FC-005 member43: each legal tab reads as its own narrow, dated document. */
.faces-info-article[data-info-article="legal"] { width:min(780px,100%); }
[data-info-article="legal"] .faces-info-hero { min-height:0;padding:clamp(88px,11vh,128px) 0 38px; }
[data-info-article="legal"] .faces-info-hero h1 { max-width:760px;font-size:clamp(40px,5vw,64px);line-height:.96;letter-spacing:-.055em; }
[data-info-article="legal"] .faces-legal-surface { margin-bottom:clamp(40px,7vw,88px);overflow:hidden;background:color-mix(in srgb,var(--surface-page) 90%,transparent); }
[data-info-article="legal"] .faces-info-list { padding:30px 36px 46px; }
[data-info-article="legal"] .faces-info-list p.faces-legal-document-date { max-width:none;margin:0 0 18px;color:var(--faces-muted);font:600 10px/1.4 var(--font-utility);letter-spacing:.07em;text-transform:uppercase; }
[data-info-article="legal"] .faces-legal-document-date span { padding:0 7px; }
[data-info-article="legal"] .faces-info-list section { display:block;padding:14px 0;border:0; }
[data-info-article="legal"] .faces-info-list h2 { margin:0;color:var(--text-primary);font:560 clamp(19px,1.8vw,22px)/1.25 "Space Grotesk Proof",sans-serif;letter-spacing:-.025em; }
[data-info-article="legal"] .faces-info-list section p { margin:9px 0 0;color:var(--faces-muted);font:420 15px/1.68 "Space Grotesk Proof",sans-serif; }
@media(max-width:768px){
body[data-faces-info] [data-info-article="legal"] .faces-info-hero { min-height:0;padding:78px 0 34px; }
body[data-faces-info] [data-info-article="legal"] .faces-legal-surface { background:color-mix(in srgb,var(--surface-page) 92%,transparent); }
body[data-faces-info] [data-info-article="legal"] .faces-info-list { padding:25px 20px 35px; }
body[data-faces-info] [data-info-article="legal"] .faces-info-list p.faces-legal-document-date { font-size:9px; }
body[data-faces-info] [data-info-article="legal"] .faces-info-list section { display:block;padding:13px 0; }
body[data-faces-info] [data-info-article="legal"] .faces-info-list h2 { font-size:19px; }
body[data-faces-info] [data-info-article="legal"] .faces-info-list section p { margin-top:8px;font-size:14px;line-height:1.65; }
body[data-faces-info] :is([data-info-article="account"],[data-info-article="referral"]) .faces-info-hero { min-height:0;padding:54px 0 30px; }
body[data-faces-info] :is([data-info-article="account"],[data-info-article="referral"]) .faces-info-hero > p:last-child { margin-top:20px; }
}
@media(max-width:768px){
.faces-notice { top:64px;right:12px;width:calc(100vw - 24px); }
.faces-tour,.faces-welcome { top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:calc(100dvh - 76px);overflow-y:auto;padding:16px; }
.faces-tour__preview { height:76px; }
.faces-tour__body { margin:14px 0 16px; }
.faces-tour h2,.faces-welcome h2 { font-size:22px; }
.faces-tour__body p { font-size:12px; }
}
/* FC-005 member74: miniature companions; a padlock appears only while locked. */
.faces-face-grid,body[data-faces-member="guest"] .faces-face-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.faces-collection-filters { display:flex;gap:6px;margin:16px 0 12px; }
.faces-collection-filters button { padding:8px 12px;border:1px solid var(--faces-rule);background:transparent;color:var(--faces-muted);font:600 10px/1 var(--font-utility);cursor:pointer; }
.faces-collection-filters button[aria-pressed="true"] { border-color:var(--text-primary);color:var(--text-primary);background:color-mix(in srgb,var(--text-primary) 6%,transparent); }
[data-face-collection="sidebar"] { max-height:370px;overflow-y:auto; }
[data-face-collection="account"] { margin-top:0;max-height:928px;overflow-y:auto; }
[data-face-collection="account"] > button { height:232px;min-height:232px;border-right:1px solid var(--faces-rule);border-bottom:1px solid var(--faces-rule);cursor:pointer; }
[data-face-collection="account"] > button[hidden] { display:none!important; }
[data-face-collection="account"] > button[aria-pressed="true"] { box-shadow:inset 0 0 0 1px var(--text-primary);background:color-mix(in srgb,var(--text-primary) 5%,transparent); }
@media(max-width:768px) { [data-face-collection="account"] { max-height:880px; } [data-face-collection="account"] > button { height:220px;min-height:220px; } }
.faces-face-option { grid-template-columns:1fr;grid-template-rows:64px auto;justify-items:center;align-items:center;gap:0;height:88px;padding:3px 2px 6px; }
.faces-face-option > .faces-face-option__preview { display:grid;grid-column:1;grid-row:1;place-items:center;width:100%;height:64px;overflow:hidden;pointer-events:none; }
.faces-face-option__preview :is(iframe,.faces-shared-thumb) { display:block;flex:none;width:96px;height:96px;border:0;transform:translateY(-7px) scale(.9);filter:brightness(1.5);pointer-events:none; }
html[data-theme="light"] .faces-face-option__preview :is(iframe,.faces-shared-thumb) { filter:brightness(.5) contrast(1.8); }
.faces-face-option b { position:relative;z-index:1;grid-column:1;grid-row:2;align-self:end;font-size:11px;line-height:1; }
.faces-face-option.is-locked .faces-face-option__preview { opacity:.75; }
.faces-face-option em { z-index:2;top:5px;right:5px; }
.faces-face-option em[hidden],.faces-account-collection em[hidden] { display:none!important; }
/* FC-005 member76: compact dashboard controls without repeated headings. */
.faces-accordion-toolbar { justify-content:flex-end; }
.faces-accordion-trigger { grid-template-columns:28px minmax(0,1fr) 14px; }
.faces-face-grid .faces-create-own { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:88px;min-height:0;margin:0;padding:8px;border:1px solid var(--faces-rule);background:transparent;color:var(--text-primary);text-align:center;cursor:pointer; }
.faces-face-grid .faces-create-own span { max-width:90px;font:560 12px/1.12 "Space Grotesk Proof",sans-serif;letter-spacing:-.02em;text-transform:none; }
.faces-face-grid .faces-create-own i { font:400 21px/1 "Space Grotesk Proof",sans-serif; }
#control-orientation .faces-section-heading { justify-content:flex-end;margin-bottom:8px; }
/* FC-005 member77: remove the doubled bottom inset under companion tiles. */
#control-collection { padding-bottom:0; }
#control-collection > .faces-settings__group { padding-bottom:12px; }
/* FC-005 member78: show the new Dog face and lead Referral with the action. */
.faces-face-option > .faces-face-option__new { position:absolute;z-index:2;top:6px;left:6px;display:block;grid-column:auto;align-self:auto;padding:4px 5px;border:1px solid #72d5a0;background:var(--surface-page);color:#72d5a0;font:700 8px/1 var(--font-utility);letter-spacing:.05em;text-transform:uppercase;pointer-events:none; }
.faces-face-option > .faces-face-option__new[hidden] { display:none!important; }
.faces-referral-invite { display:grid;gap:18px;margin-bottom:18px;padding:clamp(24px,3vw,36px); }
.faces-referral-invite > .faces-kicker { margin:0; }
.faces-referral-invite h2 { margin:0;font:550 clamp(26px,3vw,36px)/1.05 "Space Grotesk Proof",sans-serif;letter-spacing:-.045em; }
.faces-referral-invite .faces-account-invite { margin-top:2px; }
.faces-referral-invite__note { margin:0;color:var(--faces-muted);font:500 10px/1.4 var(--font-utility); }
.faces-referral-surface { margin-top:0; }
.faces-account-referral > .faces-account-referral__status { margin:0!important; }
@media(max-width:768px){
.faces-referral-invite { gap:14px;padding:24px 16px; }
.faces-face-option > .faces-face-option__new { top:4px;left:4px;font-size:7px; }
}
/* FC-005 member86: About uses the same quiet reading surfaces as Account and Referral. */
.faces-about-info .faces-info-hero { min-height:0;padding:clamp(88px,11vh,132px) 0 clamp(46px,6vw,76px); }
.faces-about-info .faces-info-hero h1 { font-size:clamp(54px,6vw,84px); }
.faces-about-info .faces-info-hero > p:last-child { margin-top:23px; }
.faces-about-info .faces-about-card { margin-bottom:18px;padding:clamp(28px,4vw,46px); }
.faces-about-info .faces-about-card:last-child { margin-bottom:clamp(60px,8vw,110px); }
.faces-about-card > .faces-kicker { margin:0; }
.faces-about-card h2 { max-width:720px;margin:16px 0 0;font:550 clamp(28px,3vw,42px)/1.07 "Space Grotesk Proof",sans-serif;letter-spacing:-.045em; }
.faces-about-card > p:not(.faces-kicker) { max-width:720px;margin:18px 0 0;color:var(--faces-muted);font:430 15px/1.65 "Space Grotesk Proof",sans-serif; }
.faces-about-info { --faces-about-preview-column:34%; }
.faces-about-card--purpose { display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,var(--faces-about-preview-column));grid-template-rows:auto auto 1fr;grid-template-areas:"kicker preview" "title preview" "points preview";align-items:start;column-gap:clamp(20px,3vw,42px); }
.faces-about-purpose__copy { display:contents; }
.faces-about-purpose__copy > .faces-kicker { grid-area:kicker;margin:0; }
.faces-about-purpose__copy > h2 { grid-area:title; }
.faces-about-purpose__copy > .faces-about-points { grid-area:points; }
.faces-about-purpose__preview { position:relative;grid-area:preview;align-self:stretch;min-width:0;min-height:540px;margin-right:calc(-1 * clamp(28px,4vw,46px));border-left:1px solid var(--faces-rule);background:transparent; }
.faces-about-purpose__preview iframe { display:block;width:100%;height:100%;border:0;pointer-events:none; }
.faces-about-purpose__meter { position:absolute;bottom:20px;left:50%;transform:translateX(-50%); }
.faces-about-points { display:grid;gap:0;max-width:800px;margin:26px 0 0;padding:0;list-style:none; }
.faces-about-points li { position:relative;padding:18px 0 18px 25px;border-top:1px solid var(--faces-rule); }
.faces-about-points li::before { position:absolute;top:27px;left:0;width:7px;height:7px;border-radius:50%;background:var(--text-primary);content:""; }
.faces-about-points strong,.faces-about-points span { display:block; }
.faces-about-points strong { color:var(--text-primary);font:560 17px/1.3 "Space Grotesk Proof",sans-serif; }
.faces-about-points span { max-width:710px;margin-top:6px;color:var(--faces-muted);font:430 14px/1.6 "Space Grotesk Proof",sans-serif; }
.faces-about-routes { display:flex;gap:0;margin-top:28px;border-bottom:1px solid var(--faces-rule); }
.faces-about-routes button { position:relative;min-height:44px;margin-bottom:-1px;padding:12px 22px;border:1px solid transparent;background:transparent;color:var(--faces-muted);font:600 12px/1.2 var(--font-utility);cursor:pointer; }
.faces-about-routes button[aria-selected="true"] { border-color:var(--faces-rule);border-bottom-color:var(--faces-panel-solid);background:var(--faces-panel-solid);color:var(--text-primary); }
.faces-about-routes button:focus-visible { outline:2px solid #68a7ff;outline-offset:-3px; }
[data-about-route-panel][hidden] { display:none; }
.faces-about-plugin-name { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:18px;border:1px solid var(--faces-rule);background:var(--faces-panel-solid);font:400 clamp(20px,2vw,30px)/1.1 "Space Grotesk Proof",sans-serif; }
.faces-about-plugin-name i { color:var(--faces-muted);font-style:normal; }
.faces-about-plugin-name span { flex-basis:100%;color:var(--faces-muted);text-align:center;font:500 10px/1.2 var(--font-utility); }
.faces-about-plugin-card { min-width:0;margin:0;border:1px solid var(--faces-rule); }
.faces-about-plugin-card img { display:block;width:100%;height:auto; }
.faces-about-plugin-audio .fc005-audio-source.faces-cta { width:100%;min-width:0;min-height:72px;margin:0;padding:10px; }
.faces-about-steps { display:grid;gap:0;margin:28px 0 0;padding:0;list-style:none; }
.faces-about-steps li { display:grid;grid-template-columns:52px minmax(0,1fr) minmax(220px,var(--faces-about-preview-column));align-items:center;gap:18px;min-height:150px;padding:18px 0;border-top:1px solid var(--faces-rule); }
.faces-about-steps li:first-child { border-top:0; }
.faces-about-step__number { align-self:start;margin-top:3px;color:var(--text-primary);font:650 32px/1 var(--font-utility);letter-spacing:-.08em; }
.faces-about-step__copy strong,.faces-about-step__copy span { display:block; }
.faces-about-step__copy strong { color:var(--text-primary);font:560 clamp(18px,2vw,23px)/1.25 "Space Grotesk Proof",sans-serif;letter-spacing:-.025em; }
.faces-about-step__copy span { max-width:460px;margin-top:8px;color:var(--faces-muted);font:430 14px/1.55 "Space Grotesk Proof",sans-serif; }
.faces-about-step__copy span b { display:inline;font-weight:600; }
.faces-about-step__copy code { padding:2px 5px;border:1px solid var(--faces-rule);color:var(--text-primary);font:500 12px/1.5 var(--font-utility); }
.faces-audio-feedback { --feedback-accent:#7db3ff;position:fixed;z-index:10000;box-sizing:border-box;width:max-content;padding:12px 16px;border:2px solid var(--feedback-accent);background:var(--faces-panel-solid,#080d15);color:var(--text-primary,#f4f4f2);pointer-events:none;box-shadow:0 4px 24px #0006;animation:faces-sharing-attention 1.8s ease-in-out 3; }
.faces-audio-feedback[hidden] { display:none; }
html[data-theme="light"] .faces-audio-feedback { --feedback-accent:#245b9b; }
.faces-audio-feedback p { margin:0;text-align:center;font:500 16px/1.4 "Space Grotesk Proof",sans-serif; }
.faces-audio-feedback svg { position:absolute;left:var(--feedback-arrow-x,50%);bottom:-32px;width:32px;height:32px;transform:translateX(-50%);fill:none;stroke:var(--feedback-accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #080d15); }
.faces-audio-feedback[data-direction="up"] svg { bottom:auto;top:-32px;transform:translateX(-50%) rotate(180deg); }
.faces-audio-feedback[data-compact="true"] { padding:9px 12px; }
.faces-audio-feedback[data-compact="true"] p { font-size:14px; }
@keyframes faces-sharing-attention { 50% { border-color:var(--feedback-accent);box-shadow:0 0 16px #76abff66; } }
@media(prefers-reduced-motion:reduce) { .faces-audio-feedback { animation:none; } }
/* Shared action cursors; preserve inputs, face drag and disabled states. */
.faces-shell :is(
 button, a[href], summary, select,
 input:is([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="file"], [type="color"]),
 label:has(input:is([type="checkbox"], [type="radio"]):enabled),
 [role="button"], [role="switch"], [role="tab"], [role="checkbox"], [role="radio"], [role="menuitem"]
):not(:disabled, [aria-disabled="true"], [aria-busy="true"], [data-pending="true"], [data-loading="true"], [inert], [inert] *, .faces-about-view *) {
 cursor:pointer;
}
@media(max-width:768px) {
 .faces-about-plugin-card,.faces-about-plugin-name { grid-column:2; }
 .faces-about-routes button { flex:1;padding-inline:12px; }
 .faces-about-plugin-name { min-height:115px; }
}
.faces-about-view { display:grid;align-content:center;gap:10px;min-width:0;min-height:160px;padding:14px;border:1px solid var(--faces-rule);background:var(--faces-panel-solid);pointer-events:none;overflow:hidden; }
.faces-about-view button { cursor:default; }
.faces-about-view--start .faces-primary { width:100%;min-width:0;min-height:42px;margin:0;padding:0 14px; }
.faces-about-view--start .fc005-access-card { grid-template-columns:54px minmax(0,1fr) 16px;gap:10px;min-height:78px;padding:7px 10px; }
.faces-about-view--start .fc005-mini-faces { position:relative;display:block;width:54px;height:64px;overflow:hidden; }
.faces-about-view--start .fc005-mini-faces :is(iframe,.faces-shared-thumb) { position:absolute;top:0;left:-12px;width:110px;height:92px;transform:scale(.7);transform-origin:top left; }
.faces-about-view--start .fc005-access-card__copy b { font-size:12px; }
.faces-about-view--start .fc005-access-card__copy small { font-size:7px; }
.faces-about-view--source .fc005-audio-sources { margin:0; }
.faces-about-view--source .fc005-audio-source { min-height:60px;padding:8px 10px; }
.faces-about-view--source .fc005-audio-source.is-demo-tap { background:color-mix(in srgb,#68a7ff 11%,transparent); }
.faces-about-view--adjust { align-content:start;gap:8px; }
.faces-about-view__heading { color:var(--faces-muted);font:600 9px/1.2 var(--font-utility);letter-spacing:.09em;text-transform:uppercase; }
.faces-about-view__faces { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.faces-about-view__faces .faces-face-option { height:74px;grid-template-rows:52px auto; }
.faces-about-view__faces .faces-face-option__preview { height:52px; }
.faces-about-view__faces .faces-face-option__preview :is(iframe,.faces-shared-thumb) { transform:translateY(-17px) scale(.75); }
.faces-about-view--adjust .faces-expression { margin:0;gap:3px; }
.faces-about-view--adjust .faces-range { height:22px; }
.faces-about-unlocks { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px; }
.faces-about-unlock { display:flex;flex-direction:column;min-width:0;min-height:340px;padding:16px 18px 20px;border:1px solid var(--faces-rule);background:color-mix(in srgb,var(--faces-panel-solid) 82%,transparent); }
.faces-about-unlock__visual { display:flex;align-items:center;justify-content:center;gap:0;height:164px;margin:-6px -10px 17px;overflow:hidden;pointer-events:none; }
.faces-about-unlock__visual :is(iframe,.faces-shared-thumb) { display:block;flex:none;width:160px;height:155px;border:0;pointer-events:none;transform:scale(1.45); }
.faces-about-unlock__visual--pair :is(iframe,.faces-shared-thumb) { width:116px;transform:scale(1.25); }
.faces-about-unlock__eyebrow { color:var(--faces-muted);font:650 10px/1.2 var(--font-utility);letter-spacing:.09em; }
.faces-about-unlock strong { display:block;margin-top:9px;color:var(--text-primary);font:560 clamp(19px,2vw,25px)/1.15 "Space Grotesk Proof",sans-serif;letter-spacing:-.035em; }
.faces-about-unlock p { max-width:32ch;margin:10px 0 0;color:var(--faces-muted);font:430 13px/1.55 "Space Grotesk Proof",sans-serif; }
.faces-about-unlock__action { display:inline-block;padding:15px 0 0;border:0;border-bottom:1px solid currentColor;background:none;color:var(--text-primary);font:650 11px/1.2 var(--font-utility);letter-spacing:.06em;text-decoration:none;cursor:pointer; }
.faces-about-unlock__action { align-self:flex-start;margin-top:auto; }
.faces-about-unlock__action:hover,.faces-about-team__link:hover { color:var(--faces-muted); }
.faces-about-unlock__action:focus-visible,.faces-about-team__link:focus-visible { outline:2px solid var(--text-primary);outline-offset:4px; }
.faces-about-roadmap-heading { margin:clamp(54px,7vw,88px) 0 24px;padding:0 clamp(28px,4vw,46px); }
.faces-about-roadmap-heading h2 { max-width:900px;margin:0;font:570 clamp(48px,6vw,76px)/.92 "Space Grotesk Proof",sans-serif;letter-spacing:-.065em; }
.faces-about-card--ios { display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,var(--faces-about-preview-column));align-items:center;gap:clamp(20px,3vw,42px); }
.faces-about-ios__copy > .faces-kicker { margin:0; }
.faces-about-ios__copy h2 { margin:16px 0 0; }
.faces-about-ios__copy > p:not(.faces-kicker) { max-width:55ch;margin:18px 0 0;color:var(--faces-muted);font:430 15px/1.65 "Space Grotesk Proof",sans-serif; }
.faces-about-ios__visual { display:grid;justify-items:center;align-content:center;gap:16px;min-width:0; }
.faces-about-ios__store { width:max-content;max-width:100%;margin:0; }
.faces-about-ios__store img { display:block;width:auto;height:40px; }
.faces-about-ios__art.fc005-ios-banner[data-ios-variant="duo"] { display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;min-width:0;width:100%;height:190px;margin:0;padding:0;overflow:visible;border:0;background:transparent; }
.faces-about-ios__art.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { grid-row:auto;align-self:center;width:124px;height:110px;transform:scale(1.55); }
.faces-about-mask-study { margin:28px 0 0; }
.faces-about-mask-study__crop { aspect-ratio:1500/420;overflow:hidden;border:1px solid var(--faces-rule);background:transparent; }
.faces-about-mask-study__crop img { display:block;width:100%;height:auto; }
.faces-about-mask-study figcaption { margin-top:10px;color:var(--faces-muted);font:600 10px/1.4 var(--font-utility);letter-spacing:.06em;text-transform:uppercase; }
.faces-about-card--team { min-height:0; }
.faces-about-card--team h2 { margin-top:0; }
.faces-about-card--team h2 span { white-space:nowrap; }
.faces-about-card--team p:not(.faces-kicker) { max-width:none;margin:18px 0 0;color:var(--faces-muted);font:430 15px/1.65 "Space Grotesk Proof",sans-serif; }
.faces-about-team__link.faces-secondary.faces-cta { display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;min-height:32px;margin:0 10px 0 4px;padding:2px 6px;text-decoration:none; }
.faces-about-team__mark { display:block;width:44px;height:auto;fill:currentColor;color:var(--text-primary); }
@media(max-width:1000px){
.faces-about-card--purpose { grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"kicker" "title" "preview" "points"; }
.faces-about-purpose__preview { height:430px;min-height:0;margin-top:24px;margin-right:0;border-top:1px solid var(--faces-rule);border-left:0; }
.faces-about-purpose__copy > .faces-about-points { margin-top:12px; }
.faces-about-card--ios { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:768px){
body[data-faces-info] .faces-about-info .faces-info-hero { min-height:0;padding:78px 0 34px; }
body[data-faces-info] .faces-about-info .faces-info-hero h1 { font-size:clamp(42px,11vw,60px); }
body[data-faces-info] [data-info-article="legal"] .faces-info-hero h1 { font-size:clamp(36px,10vw,48px);line-height:1; }
.faces-about-info .faces-about-card { padding:24px 18px; }
.faces-about-card > p:not(.faces-kicker) { font-size:14px; }
.faces-about-purpose__preview { height:430px; }
.faces-about-points strong { font-size:16px; }
.faces-about-steps li { grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:20px 0; }
.faces-about-step__number { font-size:27px; }
.faces-about-view { grid-column:2;min-height:145px;margin-top:8px; }
.faces-about-unlocks { grid-template-columns:1fr; }
.faces-about-unlock { min-height:0;padding:14px 16px 20px; }
.faces-about-unlock__visual { height:150px;margin:-4px -8px 13px; }
.faces-about-unlock__action { margin-top:16px; }
.faces-about-roadmap-heading { margin:42px 0 20px;padding:0 18px; }
.faces-about-roadmap-heading h2 { font-size:clamp(42px,12vw,58px); }
.faces-about-ios__copy > p:not(.faces-kicker) { font-size:14px; }
.faces-about-ios__visual { gap:10px; }
.faces-about-ios__art.fc005-ios-banner[data-ios-variant="duo"] { height:152px; }
.faces-about-ios__art.fc005-ios-banner[data-ios-variant="duo"] .fc005-ios-visual { width:124px;height:110px;transform:scale(1.3); }
.faces-about-card--team p:not(.faces-kicker) { font-size:14px; }
}
.faces-provider-popup {
 color: #f3f2ef;
 background: #050a0f;
 border: 1px solid #303941;
 padding: clamp(24px, 5vw, 48px);
 width: min(520px, calc(100vw - 40px));
 box-sizing: border-box;
}
.faces-provider-popup::backdrop { background: rgb(0 0 0 / .72); backdrop-filter: blur(8px); }
.faces-provider-popup h2 { font-family: inherit; font-weight: 600; font-size: clamp(24px, 5vw, 36px); line-height: 1.15; margin: 0 0 24px; }
.faces-provider-popup p { color: #b0bac6; font-size: 18px; line-height: 1.5; margin-bottom: 28px; }
.faces-provider-popup button { background: #f3f2ef; color: #050a0f; border: 0; padding: 16px 24px; width: 100%; }
/* Shared launcher CTA layers preserve markup, icons and loading states. */
.faces-cta {
 --faces-cta-offset: 6px;
 --faces-cta-backing: #29323f;
 box-sizing: border-box;
 max-width: calc(100% - 14px);
 margin-inline: 4px 10px;
 margin-bottom: 10px;
 outline: 1px solid var(--text-primary);
 outline-offset: 3px;
 box-shadow: var(--faces-cta-offset) var(--faces-cta-offset) 0 var(--faces-cta-backing),
   var(--faces-cta-offset) var(--faces-cta-offset) 0 3px var(--surface-page),
   var(--faces-cta-offset) var(--faces-cta-offset) 0 4px var(--faces-muted) !important;
 transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease, color 150ms ease;
}
.faces-primary:where(.faces-cta) { min-width: min(290px, calc(100% - 14px)); }
.faces-cta:is(:hover,:focus-visible):not(:disabled):not([aria-disabled="true"]) {
 --faces-cta-offset: 8px;
 transform: translate(-2px,-2px);
}
.faces-cta:active:not(:disabled):not([aria-disabled="true"]) {
 --faces-cta-offset: 2px;
 transform: translate(4px,4px);
}
.faces-cta:focus-visible { outline-width: 2px; outline-offset: 3px; }
.faces-cta:is(:disabled,[aria-disabled="true"]) { opacity: .45; cursor: not-allowed; }
.faces-secondary.faces-cta {
 min-height: 44px; padding: 10px 16px; border: 1px solid var(--faces-rule);
 color: var(--text-primary); background: transparent; font: 600 10px/1.3 var(--font-utility);
}
.faces-text-action.faces-cta,.faces-notice__action.faces-cta { padding-inline: 16px; border: 1px solid var(--faces-rule); }
.faces-text-action.faces-cta { margin-inline: auto; max-width: calc(100% - 20px); }
.faces-notice__action.faces-cta { min-height: 44px; }
.faces-account-invite .faces-cta { min-width: 0; }
.faces-landing-actions > .faces-cta,.faces-profile-summary .faces-cta { margin-bottom: 0; padding: 8px 12px; border: 1px solid var(--faces-rule); }
.fc005-official-provider + .fc005-official-provider { margin-top: 18px !important; }
.fc005-access-cards + .faces-text-action.faces-cta,.fc005-auth-switch.faces-cta { margin-top: 28px; }
.fc005-official-provider.faces-cta { gap: 12px; }
.fc005-official-provider.faces-cta svg { position: static; flex: 0 0 20px; }
.fc005-audio-source.faces-cta + .fc005-audio-source.faces-cta { margin-top: 10px; }
[data-face-collection="sidebar"] { box-sizing: border-box; gap: 16px 12px; padding: 4px 10px 14px 4px; }
.faces-face-grid .faces-cta { max-width: 100%; margin: 0; }
.faces-about-unlock__action.faces-cta {
 display: inline-flex; align-items: center; gap: 12px; min-width: 0; min-height: 0;
 margin-top: 24px; padding: 14px; border: 1px solid var(--text-primary);
 color: var(--surface-page); background: var(--text-primary);
}
html[data-motion="reduce"] .faces-cta { transition: none; }
html[data-motion="reduce"] .faces-cta:is(:hover,:focus-visible,:active):not(:disabled):not([aria-disabled="true"]) {
 --faces-cta-offset: 6px; transform: none;
}
@media (prefers-reduced-motion: reduce) {
 .faces-cta { transition: none; }
 .faces-cta:is(:hover,:focus-visible,:active):not(:disabled):not([aria-disabled="true"]) {
   --faces-cta-offset: 6px; transform: none;
 }
}
/* Shared homepage CTA and About illustration; dimensions remain authoritative below. */
 @property --faces-cta-wander { syntax:"<number>"; inherits:true; initial-value:1; }
 @property --faces-cta-drift-offset { syntax:"<length>"; inherits:true; initial-value:6px; }
 .faces-shell .faces-primary.faces-drift-cta {
   --cta-frame:#c4deff; --cta-back:#65788f;
   --faces-cta-wander:1; --faces-cta-drift-offset:6px;
   position:relative; isolation:isolate; overflow:visible;
   color:#f4f7fc;
   background:linear-gradient(120deg,rgb(116 166 228 / .13),rgb(5 14 25 / .16) 45%,rgb(155 191 236 / .09));
   font-size:14px;
   border:1px solid transparent; outline:0; box-shadow:none !important;
   transform:none; transition:transform 150ms ease,background 180ms ease,color 180ms ease,
     width 800ms cubic-bezier(.2,.8,.2,1),min-height 800ms cubic-bezier(.2,.8,.2,1),
     margin-top 800ms cubic-bezier(.2,.8,.2,1),padding 800ms cubic-bezier(.2,.8,.2,1),
     --faces-cta-wander 420ms ease,--faces-cta-drift-offset 150ms ease;
 }
 .faces-shell .faces-primary.faces-drift-cta > :is(span,i) { position:relative; z-index:2; }
 .faces-shell .faces-primary.faces-drift-cta::before {
   content:""; position:absolute; inset:0; z-index:0; background:#fff; pointer-events:none;
   transform:scaleX(0); transform-origin:left center;
   transition:transform 260ms cubic-bezier(.2,.7,.2,1);
 }
 .faces-shell .faces-primary.faces-drift-cta > span:not([aria-hidden]),
 .faces-shell .faces-primary.faces-drift-cta > i { color:#fff; mix-blend-mode:difference; }
 .faces-shell .faces-primary.faces-drift-cta > i { position:absolute;right:18px;top:50%;translate:0 -50%;font-size:20px; transition:transform 180ms ease; }
 .faces-shell .faces-primary.faces-drift-cta > .faces-hero__cta-copy { display:block;width:100%;text-align:center;font:650 14px/1.2 var(--font-utility);letter-spacing:.06em;white-space:nowrap; }
 .faces-shell .faces-primary.faces-drift-cta:is(:hover,:focus-visible) {
   --faces-cta-wander:0; --faces-cta-drift-offset:8px;
   transform:translate(-2px,-2px);
 }
 .faces-shell .faces-primary.faces-drift-cta:is(:hover,:focus-visible)::before { transform:scaleX(1); }
 .faces-shell .faces-primary.faces-drift-cta:is(:hover,:focus-visible) > i { transform:translate(2px,-2px); }
 .faces-shell .faces-primary.faces-drift-cta .cta-floating-frame {
   position:absolute; inset:-1px; z-index:1; pointer-events:none;
   border:1px solid var(--cta-frame); background:none;
   animation:cta-frame-near 13s ease-in-out -4s infinite;
 }
 .faces-shell .faces-primary.faces-drift-cta > .cta-floating-frame--outer {
   inset:-5px; opacity:.7; animation:cta-frame-outer 17s ease-in-out -9s infinite;
 }
 /* Keep the rear outline clipped behind transparent front layers. */
 .faces-shell .faces-primary.faces-drift-cta > .cta-rear-layer {
   position:absolute; inset:-24px; padding:24px; box-sizing:border-box;
   z-index:-1; pointer-events:none;
   mask:linear-gradient(#fff 0 0) border-box,linear-gradient(#fff 0 0) content-box;
   mask-composite:exclude;
 }
 .faces-shell .faces-primary.faces-drift-cta .cta-floating-frame--back {
   inset:19px; border-color:var(--cta-back); opacity:.9;
   animation:cta-frame-back 19s ease-in-out -2s infinite;
 }
 .faces-shell .faces-primary.faces-drift-cta > .cta-floating-frame--near {
   box-shadow:inset 0 0 18px rgb(128 185 255 / .1),0 0 20px rgb(128 185 255 / .13);
 }
 /* Independent, bounded drifts: rectangles never bend, scale or move the text. */
 @keyframes cta-frame-near {
   0%,100% { transform:translate(calc(-2.4px * var(--faces-cta-wander)),calc(1.8px * var(--faces-cta-wander))); }
   22% { transform:translate(calc(4.2px * var(--faces-cta-wander)),calc(-2.1px * var(--faces-cta-wander))); }
   42% { transform:translate(calc(2.1px * var(--faces-cta-wander)),calc(3.9px * var(--faces-cta-wander))); }
   64% { transform:translate(calc(-3.6px * var(--faces-cta-wander)),calc(-2.4px * var(--faces-cta-wander))); }
   83% { transform:translate(calc(1.2px * var(--faces-cta-wander)),calc(-3.6px * var(--faces-cta-wander))); }
 }
 @keyframes cta-frame-outer {
   0%,100% { transform:translate(calc(4.5px * var(--faces-cta-wander)),calc(-5.4px * var(--faces-cta-wander))); }
   18% { transform:translate(calc(-5.4px * var(--faces-cta-wander)),calc(1.5px * var(--faces-cta-wander))); }
   37% { transform:translate(calc(-2.4px * var(--faces-cta-wander)),calc(6px * var(--faces-cta-wander))); }
   59% { transform:translate(calc(6.3px * var(--faces-cta-wander)),calc(3.3px * var(--faces-cta-wander))); }
   78% { transform:translate(calc(-.6px * var(--faces-cta-wander)),calc(-3.6px * var(--faces-cta-wander))); }
 }
 @keyframes cta-frame-back {
   0%,100% { transform:translate(var(--faces-cta-drift-offset),var(--faces-cta-drift-offset)); }
   27% { transform:translate(calc(var(--faces-cta-drift-offset) + 5.4px * var(--faces-cta-wander)),calc(var(--faces-cta-drift-offset) - 3.6px * var(--faces-cta-wander))); }
   46% { transform:translate(calc(var(--faces-cta-drift-offset) - 3.9px * var(--faces-cta-wander)),calc(var(--faces-cta-drift-offset) - 1.5px * var(--faces-cta-wander))); }
   68% { transform:translate(calc(var(--faces-cta-drift-offset) - 1.2px * var(--faces-cta-wander)),calc(var(--faces-cta-drift-offset) + 6px * var(--faces-cta-wander))); }
   86% { transform:translate(calc(var(--faces-cta-drift-offset) + 3.3px * var(--faces-cta-wander)),calc(var(--faces-cta-drift-offset) + 2.4px * var(--faces-cta-wander))); }
 }
 .faces-shell .faces-primary.faces-drift-cta:focus-visible { outline:2px solid var(--cta-frame); outline-offset:3px; }
 .faces-shell .faces-primary.faces-drift-cta:active { --faces-cta-drift-offset:2px; transform:translate(4px,4px); }
 html[data-theme="light"] .faces-primary.faces-drift-cta { --cta-frame:#536376; --cta-back:#758196; }
 html[data-theme="light"] .faces-primary.faces-drift-cta > span:not([aria-hidden]),
 html[data-theme="light"] .faces-primary.faces-drift-cta > i { color:var(--text-primary); mix-blend-mode:normal; }
 @media(prefers-reduced-motion:reduce) {
   .faces-drift-cta .cta-floating-frame { animation:none!important; }
   .faces-drift-cta .cta-floating-frame--back { transform:translate(6px,6px); }
   .faces-shell .faces-primary.faces-drift-cta,
   .faces-shell .faces-primary.faces-drift-cta > i { transition:none!important;transform:none; }
   .faces-shell .faces-primary.faces-drift-cta::before { transition:none!important; }
 }
 html[data-motion="reduce"] .faces-drift-cta .cta-floating-frame { animation:none !important; }
 html[data-motion="reduce"] .faces-drift-cta .cta-floating-frame--back { transform:translate(6px,6px); }
 html[data-motion="reduce"] .faces-drift-cta > i { transition:none !important; transform:none !important; }
 html[data-motion="reduce"] .faces-drift-cta { transition:none !important; transform:none !important; }
 html[data-motion="reduce"] .faces-drift-cta::before { transition:none !important; }
 html[data-motion="reduce"] .faces-audio-feedback { animation:none; }
/* Mobile keeps the face unobstructed; desktop retains its display/tutorial tools. */
html[data-mobile-device] [data-accordion-item="control-display"],
html[data-mobile-device] [data-tour-replay] { display:none!important; }
@media(max-width:768px){
[data-accordion-item="control-display"], [data-tour-replay] { display:none!important; }
}