/* Composition journey: the site's type and palette, the mini app's answer cards. */
@font-face{font-family:Unbounded;src:url('/fonts/unbounded-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.cq-quiz[hidden],.cq-loading[hidden]{display:none}
body[data-check-screen="quiz"],body[data-check-screen="loading"]{background:#fcfcfb}
body[data-check-screen="quiz"] .site-header,body[data-check-screen="quiz"] .footer,body[data-check-screen="loading"] .site-header,body[data-check-screen="loading"] .footer{display:none}
body[data-check-screen="quiz"] main>section:not(#check-quiz),body[data-check-screen="loading"] main>section:not(#check-loading),body[data-check-screen="report"] main>section:not(#result){display:none}
body[data-check-screen="report"] .site-header{background:#fff}
.cq-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.cq-quiz{max-inline-size:640px;min-block-size:100dvh;margin:0 auto;padding:0 20px 110px;background:#fcfcfb}
.cq-quiz fieldset{min-inline-size:0;margin:0;padding:0;border:0}
.cq-quiz h1{margin:8px 0 20px;font:700 24px/1.15 Unbounded,Inter,sans-serif;letter-spacing:-.5px;text-wrap:balance}
.cq-quiz #quiz-skin-title{font-weight:400}
.qz-top{position:sticky;inset-block-start:0;z-index:10;padding-block:16px 12px;background:#fcfcfb}
.cq-back{display:inline-flex;min-block-size:44px;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:400 14px/1.4 Inter,sans-serif;cursor:pointer}
.cq-back svg{inline-size:18px;block-size:18px;flex:none}
.qz-top .cq-back{min-inline-size:44px;justify-content:center;margin-inline-start:-12px}
.qz-top .cq-back svg{inline-size:22px;block-size:22px}
.qz-progress-wrap{padding-block-start:8px}
#check-question-counter{margin:0 0 8px;color:#62655c;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.qz-progress{height:6px;padding:1px;overflow:hidden;border-radius:3px;background:#0a0a0a}
.qz-progress>span{display:block;inline-size:100%;block-size:100%;border-radius:2px;background:#d5fe61;transform:scaleX(.5);transform-origin:left}
.qz-subtitle{margin:-8px 0 24px;color:#62655c;font-size:14px;line-height:1.5}
.qz-options{display:grid;gap:16px}
.qz-photo-choice{position:relative;display:block;padding:0;overflow:hidden;border:1px solid rgba(10,10,10,.08);border-radius:16px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.qz-photo-choice>input,.qz-plain-choice>input{position:absolute;inset:0;z-index:2;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer}
.qz-image{position:relative;display:block;height:140px;overflow:hidden;background:#e8e8e8}
.qz-image>img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 40%}
.qz-option-title{display:block;padding:16px;font:400 14px/1.4 Inter,sans-serif}
.qz-check{position:absolute;inset:10px 10px auto auto;display:grid;inline-size:22px;block-size:22px;place-items:center;border:1.5px solid rgba(10,10,10,.28);border-radius:7px;background:#fff;box-shadow:0 2px 8px rgba(10,10,10,.28)}
.qz-check svg{inline-size:12px;block-size:12px;color:#fff;opacity:0;stroke-width:2.4}
.qz-photo-choice:has(input:checked){border:1px solid #0a0a0a;outline:none;background:#d5fe61;box-shadow:0 0 0 4px rgba(213,254,97,.45),0 10px 24px rgba(0,0,0,.22)}
.qz-photo-choice:has(input:checked) .qz-check{border-color:#0a0a0a;background:#0a0a0a;box-shadow:none}
.qz-photo-choice:has(input:checked) .qz-check svg{opacity:1}
.qz-photo-choice:has(input:focus-visible){outline:2px solid #0a0a0a;outline-offset:4px}
.qz-plain-choice{position:relative;display:flex;min-block-size:56px;align-items:center;justify-content:space-between;padding:16px;border:1px solid #0a0a0a;border-radius:16px;background:#fff;font-size:16px;cursor:pointer}
.qz-plain-choice:has(input:checked){background:#d5fe61}
.qz-plain-check svg{inline-size:18px;block-size:18px;opacity:0}
.qz-plain-choice:has(input:checked) svg{opacity:1}
.qz-plain-choice:has(input:focus-visible){outline:2px solid #0a0a0a;outline-offset:4px}
.cq-quiz h1:focus,.cq-loading h1:focus{outline:none}
#quiz-skin-question .qz-option-title{padding:8px 12px 12px;font-size:16px;font-weight:600}
.qz-fixed-cta{position:fixed;inset:auto 0 calc(16px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;justify-content:center;padding-inline:20px;pointer-events:none}
.qz-fixed-cta button{inline-size:100%;max-inline-size:600px;height:52px;padding:0 18px;border:0;border-radius:999px;background:#000;color:#fff;font:400 clamp(14px,4vw,16px)/1 Inter,sans-serif;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:transform 160ms var(--ease-out)}
.qz-fixed-cta button:disabled{background:#333;opacity:.6;cursor:not-allowed}
.cq-back:focus-visible,.qz-fixed-cta button:focus-visible{outline:2px solid #0a0a0a;outline-offset:4px}
.cq-loading{display:grid;inline-size:100%;min-block-size:100dvh;place-items:center;margin:0;padding:24px;background:#fff}
.cq-loading-inner{inline-size:min(100%,320px);text-align:center}
.cq-loading h1{margin:0;font:700 18px/1.35 Unbounded,Inter,sans-serif;letter-spacing:0;text-wrap:balance}
.cq-loading-track{height:6px;margin:26px 0 14px;padding:1px;overflow:hidden;border-radius:3px;background:#0a0a0a}
#check-loading-fill{inline-size:100%;block-size:100%;border-radius:2px;background:#d5fe61;transform:scaleX(0);transform-origin:left}
.cq-loading-meta{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;inline-size:100%;color:#62655c;font-size:12px;line-height:1.45;text-align:center}
.cq-loading-meta>span{inline-size:100%;text-align:center}
.cq-loading-meta>span:last-child{font-size:11px}

/* Report layout is independent of the older four-row result card. */
body[data-check-screen="report"] #result{max-inline-size:none;padding:12px 20px 80px;background:#fff}
.cq-report{--cq-lime:#d1fa45;--cq-soft:#f3f4ef;--cq-caution:#fff1dd;--cq-caution-ink:#65451c;max-inline-size:920px;margin:0 auto;color:#0a0a0a}
.cq-report h1,.cq-report h2,.cq-report h3,.cq-report p,.cq-report figure{margin:0}
.cq-report h1,.cq-report h2{font-family:Unbounded,"Unbounded Fallback","Unbounded Fallback Roboto",Inter,sans-serif;font-weight:700;letter-spacing:0;text-wrap:balance}
.cq-report h3{font:600 17px/1.4 Inter,sans-serif}
.cq-report p{line-height:1.6}
.cq-report svg{inline-size:22px;block-size:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cq-report a,.cq-report button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cq-report :focus-visible{outline:2px solid #0a0a0a;outline-offset:4px}
.cq-report h1:focus{outline:none}
.cq-report-top{display:flex;align-items:center;gap:20px;margin-block-end:24px}
.cq-hero{padding:44px;border-radius:24px;background:#0a0a0a;color:#fff;scroll-margin-block-start:24px}
.cq-hero h1{max-inline-size:22ch;font-size:clamp(32px,4.2vw,49px);line-height:1.18;letter-spacing:-.01em}
.cq-title-line{display:block}
.cq-title-accent{color:var(--cq-lime)}
.cq-hero .cq-lede{max-inline-size:46ch;margin-block-start:24px;color:#d5d8ce;font-size:16px}
.cq-profile{margin-block-start:25px!important;color:#d5d8ce;font-size:12px}
.cq-summary{display:flex;align-items:flex-start;gap:16px;margin-block-start:20px;padding:24px;border-radius:16px;background:var(--cq-caution)}
.cq-summary-symbol{display:grid;inline-size:38px;block-size:38px;flex:none;place-items:center;border-radius:10px;background:#f1c76f}
.cq-summary-symbol svg{inline-size:21px;block-size:21px}
.cq-summary h2{font-size:27px;line-height:1.22}
.cq-summary p{max-inline-size:58ch;margin-block-start:12px;color:var(--cq-caution-ink);font-size:16px}
.cq-tabs{display:flex;gap:28px;margin:16px 0 44px;border-block-end:1px solid var(--line)}
.cq-tabs a{display:flex;min-block-size:52px;align-items:center;color:inherit;font-size:13px;text-decoration:none}
.cq-tabs a:hover{text-decoration:underline;text-underline-offset:5px}
.cq-section{margin-block-end:56px;scroll-margin-block-start:28px}
.cq-section-heading{margin-block-end:24px}
.cq-section-heading h2{font-size:27px;line-height:1.22}
.cq-section-heading>p{max-inline-size:65ch;margin-block-start:12px;color:#62655c;font-size:14px}
.cq-ingredient{display:grid;grid-template-columns:38px minmax(0,.75fr) minmax(0,1fr);gap:18px;align-items:start;padding-block:22px;border-block-start:1px solid var(--line)}
.cq-position{padding-block-start:4px;color:#62655c;font-size:12px;font-variant-numeric:tabular-nums}
.cq-name{overflow-wrap:anywhere}
.cq-role{margin-block-start:5px!important;color:#62655c;font-size:12px;line-height:1.5!important}
.cq-description{font-size:14px}
.cq-inci{margin-block-start:7px;font-size:13px}
.cq-inci summary{min-block-size:44px;padding:15px 0;cursor:pointer}
.cq-inci>p{padding:20px;border-radius:12px;background:var(--cq-soft);color:#62655c;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.cq-ingredient-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-block-start:16px}
.cq-ingredient-links a{min-block-size:32px;color:inherit;font-size:13px;text-underline-offset:4px}
.cq-attention-row{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:24px;margin-block-start:9px;padding:22px;border-radius:12px;background:var(--cq-caution)}
.cq-attention-role{display:block;margin-block-start:4px;color:var(--cq-caution-ink);font-size:12px;line-height:1.5}
.cq-attention-row>p{color:#543c1a;font-size:14px}
.cq-section-note{margin-block-start:18px!important;color:#62655c;font-size:12px;line-height:1.6}
.cq-safety-notes{display:grid;gap:10px;margin-block:20px}
.cq-safety-note{padding:18px 20px;border-radius:12px;background:#ffe1c5;color:#4e2e0a;font-size:14px;font-weight:600}
.cq-profile-note{padding:22px;border-radius:12px;background:var(--cq-soft)}
.cq-profile-note p{margin-block-start:8px;font-size:14px}
.cq-goal-answer{display:flex;gap:16px;padding:24px;border-radius:12px;background:var(--cq-soft)}
.cq-goal-marker{display:grid;inline-size:30px;block-size:30px;flex:none;place-items:center;border-radius:9px;background:var(--cq-lime)}
.cq-goal-marker svg{inline-size:16px;block-size:16px}
.cq-goal-answer h3{margin-block-end:10px}
.cq-goal-answer p{max-inline-size:65ch;font-size:14px;line-height:1.7}
.cq-guide-row{padding:20px 0;border-block-start:1px solid var(--line)}
.cq-guide-name{margin:4px 0 10px!important;color:#62655c;font-size:12px}
.cq-guide-row p:last-child{font-size:15px}
.cq-guide-hidden{position:relative;max-block-size:190px;overflow:hidden}
.cq-guide-hidden::after{position:absolute;inset:0;content:'';background:linear-gradient(transparent,#fff 95%);pointer-events:none}
.cq-locked{filter:blur(4px);opacity:.65;user-select:none;pointer-events:none}
.cq-button{display:inline-flex;min-block-size:56px;align-items:center;justify-content:space-between;gap:22px;padding:17px 22px;border:0;border-radius:16px;background:#0a0a0a;color:#fff;font:700 16px/1.4 Inter,sans-serif;text-align:start;text-decoration:none;cursor:pointer;transition:background-color 160ms ease,transform 160ms var(--ease-out)}
.cq-button:focus-visible{outline:2px solid #0a0a0a;outline-offset:4px;box-shadow:0 0 0 2px #fff}
.cq-secondary{inline-size:100%;max-inline-size:420px;margin-block-start:24px;border:1px solid #0a0a0a;background:#fff;color:#0a0a0a}
.cq-text-link{display:inline-flex;min-block-size:44px;align-items:center;justify-content:flex-start;gap:9px;padding:4px 0;border:0;background:none;color:inherit;font:600 14px/1.4 Inter,sans-serif;text-align:start;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.cq-text-link svg{inline-size:17px;block-size:17px}
.cq-attention-link{margin-block-start:14px}
.cq-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:64px;margin-block-start:20px;padding:48px;border-radius:24px;background:var(--cq-lime);scroll-margin-block-start:28px}
.cq-plan-copy h2{max-inline-size:18ch;font-size:clamp(30px,3.2vw,42px);line-height:1.22}
.cq-plan-copy>p{max-inline-size:42ch;margin-block:24px;font-size:16px}
.cq-plan-copy .cq-button{inline-size:100%}
.cq-plan-preview{position:relative;min-block-size:420px;align-self:stretch;overflow:visible}
.cq-phone{position:relative;inline-size:min(100%,250px);margin:0 auto;padding:6px;border:2px solid #858782;border-radius:36px;background:#0a0a0a;box-shadow:0 18px 40px #43540633}
.cq-phone img{display:block;inline-size:100%;block-size:auto;padding-block-start:26px;border-radius:27px;background:#fbfbf9}
.cq-phone-island{position:absolute;inset-block-start:12px;inset-inline-start:50%;inline-size:64px;block-size:18px;border-radius:12px;background:#0a0a0a;transform:translateX(-50%)}
.cq-plan-preview figcaption{margin-block-start:14px;color:#38430e;font-size:11px;text-align:center}
.cq-report-close{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-block-start:36px}
.cq-report-close p{max-inline-size:46ch;color:#62655c;font-size:12px}
body[data-input-mode="pointer"] .cq-button:active,body[data-input-mode="pointer"] .qz-fixed-cta button:active{transform:scale(.98)}
body[data-input-mode="keyboard"] .cq-button,body[data-input-mode="keyboard"] .qz-photo-choice,body[data-input-mode="keyboard"] .qz-fixed-cta button{transition:none}
@media(hover:hover) and (pointer:fine){.cq-button:hover{background:#2a2b25}.cq-secondary:hover{background:var(--cq-soft)}.cq-text-link:hover{color:#465b00}}
@media(max-width:1000px){.cq-plan{gap:32px;padding:32px}}
@media(max-width:760px){
  body[data-check-screen="report"] #result{padding-block:12px 48px}
  .cq-report-top{margin-block-end:20px}.cq-back{font-size:12px}
  .cq-hero{padding:26px 22px;border-radius:20px}.cq-hero h1{max-inline-size:20ch;font-size:27px;line-height:1.22}
  .cq-hero .cq-lede{max-inline-size:34ch;margin-block-start:20px;font-size:15px}.cq-profile{margin-block-start:20px!important;font-size:10px;line-height:1.7!important}
  .cq-summary{gap:12px;padding:22px 20px}.cq-summary-symbol{inline-size:30px;block-size:30px;border-radius:8px}.cq-summary-symbol svg{inline-size:17px;block-size:17px}.cq-summary h2{font-size:21px}.cq-summary p{font-size:14px;line-height:1.6}
  .cq-tabs{justify-content:space-between;gap:0;margin-block:16px 32px}.cq-tabs a{min-block-size:46px;font-size:12px}
  .cq-section{margin-block-end:40px}.cq-section-heading{margin-block-end:20px}.cq-section-heading h2{font-size:24px}.cq-section-heading>p{font-size:13px}
  .cq-ingredient{grid-template-columns:24px minmax(0,1fr);gap:5px 12px;padding-block:19px}.cq-position{grid-row:span 2}.cq-report h3{font-size:16px}.cq-role{font-size:11px}.cq-description{grid-column:2;margin-block-start:6px!important;font-size:15px}
  .cq-inci{font-size:12px}.cq-inci>p{padding:16px;font-size:12px}
  .cq-attention-row{grid-template-columns:1fr;gap:11px;padding:20px}.cq-attention-role{font-size:11px}.cq-attention-row>p{font-size:15px}
  .cq-goal-answer{gap:12px;padding:20px}.cq-goal-answer p{font-size:15px}.cq-goal-marker{inline-size:25px;block-size:25px;border-radius:7px}
  .cq-secondary{gap:16px;padding-inline:18px;font-size:14px}.cq-secondary svg{inline-size:18px;block-size:18px}
  .cq-plan{grid-template-columns:1fr;gap:30px;margin-inline:-5px;padding:26px 20px;border-radius:20px}.cq-plan-copy h2{font-size:28px}.cq-plan-copy>p{margin-block:20px;font-size:16px}.cq-plan-copy .cq-button{font-size:14px}
  .cq-plan-preview{min-block-size:0}.cq-phone{inline-size:206px;border-radius:32px}.cq-phone img{border-radius:24px}.cq-plan-preview figcaption{margin-block-start:12px;font-size:10px}
  .cq-report-close{display:block;margin-block-start:26px}.cq-report-close .cq-text-link{font-size:12px}.cq-report-close p{max-inline-size:none;margin-block-start:18px;font-size:11px}
}
@media(max-width:350px){body[data-check-screen="report"] #result{padding-inline:16px}.cq-section-heading h2{font-size:22px}.cq-plan-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.cq-button,.qz-photo-choice,.qz-fixed-cta button{transition:background-color 100ms ease!important;transform:none!important}}
@media(forced-colors:active){.cq-locked{filter:none;visibility:hidden}.qz-photo-choice:has(input:checked){outline:2px solid Highlight;outline-offset:0}.cq-loading-track{border:1px solid CanvasText}}

.cq-qr{display:none;align-items:center;gap:14px;margin-block-start:24px}.cq-qr img{inline-size:80px;block-size:80px;flex:none;border:6px solid #fff;border-radius:6px}.cq-qr p{max-inline-size:20ch;color:#38430e;font-size:12px;line-height:1.5}
@media(min-width:761px) and (pointer:fine){.cq-qr{display:flex}}