:root{--color-paper: #FBF8F1;--color-paper-raised: #F4EFE3;--color-line: rgba(23, 35, 28, .14);--color-ink: #17231C;--color-ink-soft: #55655B;--color-heritage: #C9A227;--color-heritage-soft: #ecdfbb;--color-heritage-ink: #4A3A0B;--color-clinical: #1F3D2E;--color-clinical-soft: #d9e7e1;--color-clinical-ink: #0E1F17;--color-caveat: #b25b2e;--color-caveat-soft: #f0ddca;--color-danger: #b3261e;--color-danger-soft: #f6dcda;--font-display: "Playfair Display", Cambria, Georgia, serif;--font-body: "Plus Jakarta Sans", Calibri, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--duration-fast: .12s;--duration-base: .2s}@media (prefers-color-scheme: dark){:root{--color-paper: #17140f;--color-paper-raised: #211d15;--color-line: #3a3324;--color-ink: #f1ead8;--color-ink-soft: #b8af9a;--color-heritage: #e0ac3f;--color-heritage-soft: #3a2e15;--color-heritage-ink: #f7ecd2;--color-clinical: #6fbba8;--color-clinical-soft: #16302a;--color-clinical-ink: #dff2ec;--color-caveat: #e3936a;--color-caveat-soft: #3a2416;--color-danger: #ff6b60;--color-danger-soft: #3a1512}}:root[data-theme=light]{--color-paper: #FBF8F1;--color-paper-raised: #F4EFE3;--color-line: rgba(23, 35, 28, .14);--color-ink: #17231C;--color-ink-soft: #55655B;--color-heritage: #C9A227;--color-heritage-soft: #ecdfbb;--color-heritage-ink: #4A3A0B;--color-clinical: #1F3D2E;--color-clinical-soft: #d9e7e1;--color-clinical-ink: #0E1F17;--color-caveat: #b25b2e;--color-caveat-soft: #f0ddca;--color-danger: #b3261e;--color-danger-soft: #f6dcda}:root[data-theme=dark]{--color-paper: #17140f;--color-paper-raised: #211d15;--color-line: #3a3324;--color-ink: #f1ead8;--color-ink-soft: #b8af9a;--color-heritage: #e0ac3f;--color-heritage-soft: #3a2e15;--color-heritage-ink: #f7ecd2;--color-clinical: #6fbba8;--color-clinical-soft: #16302a;--color-clinical-ink: #dff2ec;--color-caveat: #e3936a;--color-caveat-soft: #3a2416;--color-danger: #ff6b60;--color-danger-soft: #3a1512}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.5}.app-shell{max-width:560px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.app-header{margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.app-eyebrow--home{text-decoration:none;transition:color .2s ease}.app-eyebrow--home:hover{color:var(--color-clinical)}.app-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-heritage);margin:0}.app-nav{display:flex;gap:var(--space-2)}.nav-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-line);background:transparent;color:var(--color-ink-soft);font:inherit;font-size:var(--text-sm);cursor:pointer}.nav-tab--active{border-color:var(--color-heritage);background:var(--color-heritage-soft);color:var(--color-heritage-ink)}.nav-tab:focus-visible{outline:2px solid var(--color-heritage);outline-offset:2px}.colour-result h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-3)}.colour-shade-family{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-heritage-ink);background:var(--color-heritage-soft);display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);margin:0 0 var(--space-4)}.colour-rationale{font-size:var(--text-base);margin:0 0 var(--space-4)}.colour-disclaimer{color:var(--color-ink-soft);font-size:var(--text-sm);font-style:italic;margin:0 0 var(--space-5)}.question-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.06em;margin:0}.question-screen h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-3);text-wrap:balance}.question-helper{color:var(--color-ink-soft);font-size:var(--text-sm);margin:0 0 var(--space-4)}.option-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.option-button{text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-paper-raised);color:var(--color-ink);font:inherit;font-size:var(--text-base);cursor:pointer;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease}.option-button:hover{border-color:var(--color-heritage)}.option-button:focus-visible{outline:2px solid var(--color-heritage);outline-offset:2px}.option-button--selected{border-color:var(--color-heritage);background:var(--color-heritage-soft);color:var(--color-heritage-ink)}.question-nav{display:flex;gap:var(--space-3)}.nav-button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-line);background:transparent;color:var(--color-ink-soft);cursor:pointer;font:inherit;font-size:var(--text-sm)}.nav-button:focus-visible{outline:2px solid var(--color-heritage);outline-offset:2px}.result-sku-name{font-family:var(--font-display);font-size:var(--text-3xl);margin:var(--space-2) 0;text-wrap:balance}.result-fallback-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--color-caveat-soft);color:var(--color-caveat);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);margin:0 0 var(--space-2)}.result-why{font-size:var(--text-lg);margin:0 0 var(--space-5)}.evidence-panel{background:var(--color-clinical-soft);border:1px solid var(--color-clinical);border-radius:var(--radius-lg);padding:var(--space-4);margin:0 0 var(--space-5)}.evidence-panel--caveat{background:var(--color-caveat-soft);border-color:var(--color-caveat)}.evidence-status{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-clinical);margin:0 0 var(--space-2)}.evidence-panel--caveat .evidence-status{color:var(--color-caveat)}.evidence-line{margin:0 0 var(--space-2)}.evidence-citation{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-soft);margin:0}.result-advisory{margin:0 0 var(--space-5)}.result-advisory div{margin-bottom:var(--space-3)}.result-advisory dt{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-soft)}.result-advisory dd{margin:0}.result-disclaimers{background:var(--color-paper-raised);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-5)}.result-disclaimers p{color:var(--color-ink-soft);font-size:var(--text-sm);margin:var(--space-1) 0}.email-capture{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4);margin:0 0 var(--space-5)}.email-capture h3{font-family:var(--font-display);margin:0 0 var(--space-2)}.email-capture-row{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.email-capture-row input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);font:inherit}.email-capture-row button[type=submit]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background:var(--color-heritage);color:var(--color-heritage-ink);cursor:pointer;font:inherit}.email-capture-error{color:var(--color-danger);font-size:var(--text-sm)}.email-capture-success{color:var(--color-clinical)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.option-button{transition:none}}.result-synergy{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0 0 var(--space-5)}.ingredient-list{margin:0 0 var(--space-5)}.ingredient-list-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-soft);margin:0 0 var(--space-2)}.ingredient-list-label--supporting{margin-top:var(--space-3)}.ingredient-chip-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}.ingredient-chip{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper-raised)}.ingredient-chip summary{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);cursor:pointer;list-style:none}.ingredient-chip summary::-webkit-details-marker{display:none}.ingredient-chip summary:focus-visible{outline:2px solid var(--color-heritage);outline-offset:2px}.ingredient-chip[open] summary{border-bottom:1px solid var(--color-line);font-weight:600}.ingredient-chip-row--supporting .ingredient-chip{background:transparent;border-color:var(--color-line)}.ingredient-chip-row--supporting summary{color:var(--color-ink-soft)}.ingredient-card{padding:var(--space-3);max-width:320px}.ingredient-field{font-size:var(--text-sm);margin:0 0 var(--space-2)}.ingredient-field:last-child{margin-bottom:0}.ingredient-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-clinical);margin-bottom:.15rem}.ingredient-citation{font-family:var(--font-mono);color:var(--color-ink-soft)}.ingredient-safety{color:var(--color-caveat)}.comparison-expandable{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-5)}.comparison-expandable summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-heritage)}.comparison-expandable summary:focus-visible{outline:2px solid var(--color-heritage);outline-offset:2px}.comparison-expandable p{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.something-else-screen p{margin:0 0 var(--space-4)}.something-else-sunscreen-note{background:var(--color-paper-raised);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.something-else-range{list-style:none;margin:0 0 var(--space-5);padding:0}.something-else-range li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);font-size:var(--text-sm)}.something-else-range li:last-child{border-bottom:none}.result-acne-notes{background:var(--color-caveat-soft);border:1px solid var(--color-caveat);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-5)}.result-acne-notes p{font-size:var(--text-sm);color:var(--color-ink);margin:var(--space-1) 0}.result-acne-notes p:first-child{margin-top:0}.result-acne-notes p:last-child{margin-bottom:0}