.patient-app{--patient-green:oklch(43% .065 165);--patient-mint:oklch(95% .025 160);--patient-surface:oklch(99% .002 80);--patient-line:oklch(90% .009 85);--patient-muted:oklch(52% .015 130);--patient-chart-1:var(--patient-green);--patient-chart-2:var(--gold);--patient-chart-3:oklch(65% .09 250);--patient-shadow:0 20px 70px oklch(30% .01 100/.1);background:var(--patient-surface);color:var(--ink);letter-spacing:0;--primary:var(--patient-green);--primary-foreground:var(--patient-surface);--background:var(--patient-surface);--secondary:var(--patient-mint);--secondary-foreground:var(--patient-green);--border:var(--patient-line);min-height:100dvh;padding-bottom:100px;font-family:Manrope,sans-serif}.patient-app h1,.patient-app h2,.patient-app h3{letter-spacing:0;font-weight:500}.patient-app h1{font-family:Sora,sans-serif;font-size:38px;line-height:1.3}.patient-app h2{font-size:25px;line-height:1.4}.patient-app h3{font-size:18px}.patient-app p{line-height:1.7}.patient-header{border-bottom:1px solid var(--patient-line);justify-content:space-between;align-items:center;gap:16px;max-width:1120px;height:94px;margin:auto;padding:0 36px;display:flex}.patient-brand{font-family:Sora,sans-serif;font-size:23px;font-weight:600;line-height:1;position:relative}.patient-brand span{color:var(--gold)}.patient-brand sup{vertical-align:top;font-size:10px}.patient-brand small{letter-spacing:2px;margin-top:9px;font-family:Manrope,sans-serif;font-size:8px;font-weight:500;display:block}.patient-status{color:var(--patient-muted);align-items:center;gap:7px;font-size:11px;display:flex}.patient-status>span{background:var(--patient-green);border-radius:50%;width:6px;height:6px}.patient-main{max-width:1120px;margin:auto;padding:40px 36px}.patient-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.patient-page-heading p:last-child{color:var(--patient-muted);margin-top:10px;font-size:14px}.patient-eyebrow{color:var(--patient-green);margin-bottom:12px;font-weight:600;letter-spacing:1.6px!important;font-size:10px!important}.patient-date{color:var(--patient-muted);flex-shrink:0;width:146px;font-size:10px}.patient-date input{margin-top:6px}.patient-welcome,.patient-today{background:var(--patient-mint);grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;margin-bottom:30px;padding:48px;display:grid}.patient-welcome h2{font-size:38px;line-height:1.4}.patient-welcome p:not(.patient-eyebrow):not(.patient-fine){color:var(--patient-muted);margin-top:14px;font-size:15px}.patient-welcome-art{justify-content:center;align-items:center;height:260px;display:flex;position:relative}.patient-orbit{border:1px solid var(--patient-green);text-align:center;width:172px;height:172px;color:var(--patient-green);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.patient-orbit:before,.patient-orbit:after{content:"";border:1px solid var(--patient-green);opacity:.15;border-radius:50%;position:absolute;inset:-25px}.patient-orbit:after{inset:-52px}.patient-orbit>svg{width:25px;height:25px}.patient-orbit span{font-size:10px}.patient-orbit strong{font-size:16px;font-weight:500}.patient-orbit-label{letter-spacing:2px;color:var(--patient-green);background:var(--patient-mint);padding:6px;font-size:8px;position:absolute}.patient-orbit-label.top{top:0}.patient-orbit-label.bottom{bottom:0}.patient-fine{color:var(--patient-muted);align-items:center;gap:6px;font-size:11px;display:flex;line-height:1.7!important}.patient-today h2{font-size:28px}.patient-today p:not(.patient-eyebrow){color:var(--patient-muted);margin-top:12px;font-size:13px}.patient-today-score{color:var(--patient-green);flex-direction:column;justify-self:center;align-items:center;gap:8px;display:flex}.patient-today-score strong{font-size:60px;font-weight:400}.patient-today-score span{font-size:11px}.patient-summary-grid{border-bottom:1px solid var(--patient-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 40px;padding-bottom:26px;display:grid}.patient-summary-grid>div{border-right:1px solid var(--patient-line);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;display:grid}.patient-summary-grid>div:last-child{border:0}.patient-summary-grid svg{width:20px;height:20px;color:var(--patient-green);grid-row:span 2}.patient-summary-grid strong{font-family:Sora,sans-serif;font-size:24px;font-weight:400}.patient-summary-grid span{color:var(--patient-muted);margin-top:6px;font-size:11px}.patient-section{border-bottom:1px solid var(--patient-line);margin:22px 0;padding:16px 0 28px}.patient-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.patient-section-title h2{font-size:21px}.patient-section-title>span{letter-spacing:1.5px;color:var(--patient-muted);font-size:9px}.patient-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.patient-action{text-align:left;background:var(--patient-surface);white-space:normal!important;height:96px!important;box-shadow:none!important;border-radius:6px!important;justify-content:flex-start!important;gap:15px!important;padding:20px!important;display:flex!important}.patient-action>svg:first-child{color:var(--patient-green);width:22px!important;height:22px!important}.patient-action>svg:last-child{margin-left:auto;width:14px!important}.patient-action span{min-width:0}.patient-action strong{font-size:13px;font-weight:600;display:block}.patient-action small{color:var(--patient-muted);margin-top:6px;font-size:10px;font-weight:400;line-height:1.5;display:block}.patient-segment{border:1px solid var(--patient-line);border-radius:6px;align-items:center;gap:2px;width:fit-content;padding:3px;display:flex}.patient-segment button{height:30px;padding:0 12px;font-size:11px}.patient-empty{text-align:center;min-height:210px;color:var(--patient-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.patient-empty svg{stroke-width:1px;width:28px;height:28px}.patient-empty h3{color:var(--ink);font-size:16px}.patient-empty p{font-size:12px}.patient-chart{min-width:0;height:250px;margin:20px 0}.patient-chart text{fill:var(--patient-muted);font-size:10px}.patient-chart .recharts-cartesian-grid line{stroke:var(--patient-line)}.patient-legend{color:var(--patient-muted);justify-content:center;gap:20px;font-size:11px;display:flex}.patient-legend span:before{content:"";background:var(--patient-chart-1);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.patient-legend span:nth-child(2):before{background:var(--patient-chart-2)}.patient-legend span:nth-child(3):before{background:var(--patient-chart-3)}.patient-ingredient-list details{border-bottom:1px solid var(--patient-line)}.patient-ingredient-list summary{cursor:pointer;align-items:center;gap:14px;padding:18px 0;font-size:13px;display:flex}.patient-ingredient-list summary>span{color:var(--patient-muted);font-size:10px}.patient-ingredient-list summary small{color:var(--patient-muted);margin-left:auto;font-size:11px}.patient-ingredient-list p{color:var(--patient-muted);padding:0 24px 20px;font-size:12px}.patient-footer{color:var(--patient-muted);padding:40px 0 0}.patient-footer>span{letter-spacing:1.5px;font-size:9px}.patient-footer p{max-width:590px;margin-top:12px;font-size:10px}.patient-footer a{align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.patient-nav{z-index:40;border:1px solid var(--patient-line);background:var(--patient-surface);width:560px;max-width:calc(100% - 28px);box-shadow:var(--patient-shadow);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));padding:9px 12px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.patient-nav button{height:55px;color:var(--patient-muted);flex-direction:column;gap:5px;min-width:0;padding:6px;font-size:9px;line-height:1;display:flex}.patient-nav svg{stroke-width:1.6px;width:20px!important;height:20px!important}.patient-nav .is-active{color:var(--patient-green);background:var(--patient-mint)}.patient-demo-banner{background:var(--champagne-light);color:var(--graphite);border-radius:4px;align-items:center;gap:10px;margin-bottom:30px;padding:6px 12px;font-size:10px;display:flex}.patient-demo-banner button{flex-shrink:0;margin-left:auto}.patient-demo-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 32px;display:grid}.patient-portrait{aspect-ratio:1/1.5;border-radius:6px;position:relative;overflow:hidden}.patient-portrait img{object-fit:cover;width:300%;max-width:none;height:100%;position:absolute;left:0}.patient-portrait.crop-1 img{left:-100%}.patient-portrait.crop-2 img{left:-200%}.patient-demo-photos p{margin-top:10px;font-size:12px}.patient-demo-photos small{color:var(--patient-muted);font-size:9px;display:block}.patient-field{color:var(--patient-muted);flex-direction:column;gap:10px;font-size:12px;display:flex}.patient-field input,.patient-field textarea{color:var(--ink)}.patient-questionnaire{text-align:center;max-width:620px;margin:20px auto;padding:35px 0}.patient-question-progress{color:var(--patient-muted);align-items:center;gap:15px;margin-bottom:50px;font-size:10px;display:flex}.patient-question-progress>div{background:var(--patient-line);flex:1;height:3px}.patient-question-progress>div>div{background:var(--patient-green);height:100%;transition:width .3s}.patient-question-icon{stroke-width:1.3px;width:36px;height:36px;color:var(--patient-green);margin:0 auto 20px}.patient-rating{justify-content:center;gap:14px;margin:35px 0 14px;display:flex}.patient-rating button{width:60px;height:60px;box-shadow:none;font-size:20px}.patient-rating-labels{max-width:356px;color:var(--patient-muted);justify-content:space-between;margin:auto;font-size:11px;display:flex}.patient-question-nav{justify-content:space-between;margin-top:45px;display:flex}.patient-questionnaire .patient-fine{justify-content:center}.patient-form{text-align:left;flex-direction:column;gap:22px;max-width:800px;padding:22px 0;display:flex}.patient-form>.patient-question-icon{margin-left:0}.patient-form p{color:var(--patient-muted);font-size:13px}.patient-form button{align-self:flex-start}.patient-check{color:var(--patient-muted);align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;display:flex}.patient-check input{accent-color:var(--patient-green);flex-shrink:0;width:15px;height:15px;margin-top:3px}.patient-photo-capture{grid-template-columns:1.1fr 1fr;gap:50px;padding:25px 0;display:grid}.patient-photo-capture p:not(.patient-eyebrow){color:var(--patient-muted);margin:18px 0;font-size:13px}.patient-camera-frame{aspect-ratio:4/5;background:var(--patient-mint);flex-direction:column;justify-content:center;align-items:center;gap:14px;max-height:490px;display:flex;position:relative;overflow:hidden}.patient-camera-frame>img{object-fit:contain;width:100%;height:100%}.patient-camera-frame>svg{color:var(--patient-green);stroke-width:1px;width:30px;height:30px}.patient-camera-frame>span{color:var(--patient-muted);font-size:10px}.patient-face-guide{border:1px dashed var(--patient-green);opacity:.35;border-radius:50%;position:absolute;inset:18% 24%}.patient-upload{border:1px dashed var(--patient-line);color:var(--patient-muted);cursor:pointer;align-items:center;gap:12px;padding:24px;font-size:12px;display:flex;position:relative;overflow:hidden}.patient-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.patient-upload svg{flex-shrink:0;width:18px;height:18px}.patient-upload span{overflow-wrap:anywhere}.patient-camera-frame .patient-upload{background:var(--patient-surface);max-width:90%;color:var(--patient-green);border-radius:4px;padding:12px 18px;position:absolute;bottom:18px}.patient-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.patient-photo-grid p{margin-top:8px;font-size:11px}.patient-photo-select{aspect-ratio:4/5;border:1px solid var(--patient-line);width:100%;position:relative;overflow:hidden;height:auto!important;padding:0!important}.patient-photo-select img{object-fit:cover;width:100%;height:100%}.patient-photo-select>svg:last-child{background:var(--patient-mint);color:var(--patient-green);position:absolute;top:8px;right:8px}.patient-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.patient-comparison img{aspect-ratio:4/5;object-fit:contain;background:var(--patient-mint);width:100%}.patient-manual-marker,.patient-marker-edit{grid-template-columns:2fr 1fr 1fr 1.3fr auto;align-items:end;gap:10px;display:grid}.patient-manual-marker label{color:var(--patient-muted);font-size:10px}.patient-manual-marker input{margin-top:7px}.patient-marker-edit{align-items:center}.patient-genetics-intro{background:var(--patient-mint);align-items:center;gap:30px;margin:20px 0;padding:34px;display:flex}.patient-genetics-intro>svg{width:75px;height:75px;color:var(--patient-green);stroke-width:1px;flex-shrink:0}.patient-genetics-intro p:last-child{color:var(--patient-muted);margin-top:12px;font-size:13px}.patient-variant{border-top:1px solid var(--patient-line);padding:24px 0}.patient-variant>div{align-items:center;gap:12px;font-size:11px;display:flex}.patient-variant>div>span{background:var(--patient-mint);color:var(--patient-green);border-radius:4px;padding:6px 10px}.patient-variant h3{margin:14px 0}.patient-variant small{color:var(--patient-muted);margin-top:12px;font-size:11px;display:block}.patient-variant a{color:var(--patient-green);margin-top:16px;font-size:11px;text-decoration:underline;display:inline-block}.patient-history-row{border-top:1px solid var(--patient-line);justify-content:space-between;align-items:center;gap:15px;padding:20px 0;display:flex}.patient-history-row strong{font-size:13px}.patient-history-row small{color:var(--patient-muted);margin-top:6px;font-size:10px;display:block}.patient-history-row p{overflow-wrap:anywhere;max-width:650px;font-size:10px}.patient-message{background:var(--patient-mint);color:var(--patient-green);border-radius:4px;margin-bottom:20px;padding:14px 18px;font-size:12px}.patient-message.error{color:var(--destructive);background:var(--patient-surface);border:1px solid var(--destructive)}.patient-modal{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:oklch(20% .01 130/.35);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.patient-auth{background:var(--patient-surface);width:450px;max-width:100%;max-height:90dvh;box-shadow:var(--patient-shadow);border-radius:8px;padding:38px;position:relative;overflow:auto}.patient-modal-close{position:absolute;top:10px;right:10px}.patient-auth>p:not(.patient-eyebrow){color:var(--patient-muted);margin:12px 0;font-size:12px}.patient-auth form{flex-direction:column;gap:20px;margin:26px 0 12px;display:flex}.patient-auth form>button{width:100%}.patient-auth>.patient-fine{display:block}.patient-auth>button:not(.patient-modal-close){padding-left:0;font-size:11px}@media (width<=700px){.patient-header{height:76px;padding:0 22px}.patient-brand{font-size:20px}.patient-status{font-size:9px}.patient-main{padding:26px 22px}.patient-app h1{font-size:27px}.patient-page-heading{margin-bottom:26px;display:block}.patient-page-heading p:last-child{font-size:12px}.patient-date{width:150px;margin-top:18px;display:block}.patient-welcome,.patient-today{grid-template-columns:1fr;gap:20px;margin-left:-22px;margin-right:-22px;padding:28px 24px}.patient-welcome h2{font-size:30px}.patient-welcome-art{display:none}.patient-welcome button{padding:0 18px;font-size:12px}.patient-today{grid-template-columns:1fr auto;gap:16px}.patient-today h2{font-size:24px}.patient-today-score strong{font-size:40px}.patient-today-score span{text-align:center;max-width:75px;font-size:8px}.patient-summary-grid{gap:12px;margin:22px 0 28px;padding-bottom:20px}.patient-summary-grid>div{flex-direction:column;align-items:flex-start;gap:7px;padding-right:8px;display:flex}.patient-summary-grid strong{font-size:22px}.patient-summary-grid span{margin:0;font-size:9px}.patient-summary-grid svg{width:17px;height:17px}.patient-section-title h2{font-size:18px}.patient-section-title>span{font-size:8px}.patient-action-grid{grid-template-columns:1fr;gap:10px}.patient-action{height:78px!important;padding:16px!important}.patient-action strong{font-size:13px}.patient-action small{font-size:11px}.patient-section-title{flex-wrap:wrap;gap:12px}.patient-chart{height:210px;margin-left:-10px}.patient-segment button{padding:0 10px;font-size:10px}.patient-nav{width:100%;max-width:100%;padding:9px 16px calc(9px + env(safe-area-inset-bottom));border-radius:0;bottom:0}.patient-nav button{height:54px;font-size:9px}.patient-ingredient-list summary{gap:10px;font-size:11px}.patient-ingredient-list summary small{text-align:right;max-width:94px;font-size:9px}.patient-demo-photos{gap:8px}.patient-demo-photos p{font-size:10px}.patient-demo-photos small{font-size:8px}.patient-questionnaire{padding:15px 0}.patient-questionnaire h2{font-size:25px}.patient-rating{gap:10px}.patient-rating button{width:50px;height:54px;font-size:18px}.patient-photo-capture{grid-template-columns:1fr;gap:20px}.patient-camera-frame{max-height:410px}.patient-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.patient-manual-marker{grid-template-columns:1fr 1fr}.patient-manual-marker>label:first-child{grid-column:span 2}.patient-manual-marker>button{height:36px}.patient-marker-edit{grid-template-columns:2fr 1fr auto;gap:6px}.patient-marker-edit input:nth-child(3),.patient-marker-edit input:nth-child(4){grid-row:2}.patient-marker-edit button{grid-area:1/3/3}.patient-genetics-intro{align-items:flex-start;gap:15px;margin-left:-22px;margin-right:-22px;padding:22px}.patient-genetics-intro>svg{width:35px;height:35px}.patient-genetics-intro h2{font-size:23px}.patient-genetics-intro p:last-child{font-size:11px}.patient-demo-banner{margin-left:-10px;margin-right:-10px;font-size:9px}.patient-auth{padding:28px}.patient-footer{padding-bottom:20px}}.patient-app{--patient-header-height:calc(100px + env(safe-area-inset-top,0px));padding-top:var(--patient-header-height)}.patient-header{z-index:45;max-width:none;height:var(--patient-header-height);padding:calc(12px + env(safe-area-inset-top,0px)) max(36px,calc((100% - 1048px)/2)) 14px;background:var(--patient-surface);position:fixed;inset:0 0 auto}.patient-brand{white-space:nowrap;flex-shrink:0;font-size:34px;line-height:1.15}.patient-brand sup{font-size:13px}.patient-brand small{letter-spacing:0;margin-top:10px;font-size:10px}.patient-header-tools{flex-shrink:0}@media (width<=700px){.patient-app{--patient-header-height:calc(88px + env(safe-area-inset-top,0px))}.patient-header{padding:calc(10px + env(safe-area-inset-top,0px)) 22px 12px;gap:8px}.patient-brand{font-size:28px}.patient-brand sup{font-size:11px}.patient-brand small{margin-top:8px;font-size:9px}}@media (width<=360px){.patient-header{padding-left:14px;padding-right:14px}.patient-brand{font-size:26px}}@media (prefers-reduced-motion:reduce){.patient-app *{transition:none!important;animation:none!important}}.demo-intro{color:var(--patient-muted);max-width:660px;font-size:14px}.demo-month-control{margin:28px 0 36px}.demo-month-control>strong{color:var(--patient-green);font-size:22px}.demo-month-control>strong>span{color:var(--patient-muted);font-size:12px}.demo-timeline-labels{justify-content:space-between;font-size:10px;display:flex}.demo-photo-heading h3,.demo-wellbeing-heading h3{align-items:center;gap:10px;display:flex}.demo-photo-heading p{color:var(--patient-muted);margin-top:8px;font-size:12px}.demo-region-controls,.demo-metric-controls{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.demo-region-controls button,.demo-metric-controls button{white-space:normal;height:auto;min-height:38px;font-size:12px}.demo-photo-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:720px;margin:0 auto;display:grid}.demo-photo-comparison figcaption{margin-top:12px;padding:0 12px 12px}.demo-photo-comparison figcaption strong{font-size:13px;display:block}.demo-photo-comparison figcaption small{color:var(--patient-muted);margin-top:5px;font-size:10px;display:block}.demo-face-zone{border:2px solid var(--patient-green);background:color-mix(in oklab,var(--patient-mint) 15%,transparent);pointer-events:none;border-radius:40%;position:absolute}.demo-face-zone>span{background:var(--patient-green);width:25px;height:25px;color:var(--patient-surface);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:-12px;left:-12px}.zone-forehead{width:53%;height:9%;top:20%;left:24%}.zone-eyes{width:66%;height:9%;top:34%;left:17%}.zone-cheeks{width:70%;height:12%;top:44%;left:16%}.demo-region-note{background:var(--patient-mint);color:var(--patient-green);border-radius:6px;align-items:center;gap:10px;margin:24px 0 12px;padding:15px 18px;font-size:13px;display:flex}.demo-region-note svg{flex-shrink:0}.demo-wellbeing-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:38px 0 20px;display:flex}.demo-wellbeing-heading>span{color:var(--patient-muted);font-size:11px}.demo-gains{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.demo-gains article{border-bottom:1px solid var(--patient-line);min-width:0;padding:16px 0}.demo-gains article>span{color:var(--patient-muted);min-height:36px;font-size:12px;display:block}.demo-gains strong{color:var(--patient-green);margin:8px 0;font-size:27px;display:block}.demo-gains strong small{font-size:11px;font-weight:400}.demo-gains article>small{color:var(--patient-muted);font-size:10px}.demo-score-track{margin:10px 0}.demo-score-track progress{background:var(--patient-line);border:0;border-radius:4px;width:100%;height:5px;display:block;overflow:hidden}.demo-score-track progress::-webkit-progress-bar{background:var(--patient-line)}.demo-score-track progress::-webkit-progress-value{background:var(--patient-green)}.demo-score-track progress::-moz-progress-bar{background:var(--patient-green)}.demo-labs{border-top:1px solid var(--patient-line);margin-top:20px;padding-top:30px}.demo-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.demo-lab-item{border-bottom:1px solid var(--patient-line);min-width:0;padding-bottom:12px}.demo-lab-item h3 small{color:var(--patient-muted);font-size:11px}.demo-value-change{color:var(--patient-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.demo-value-change>span{font-size:16px}.demo-value-change strong{color:var(--patient-green);font-size:25px}.demo-value-change small{color:var(--patient-green);margin-left:auto;font-size:11px}.demo-mini-chart{height:190px}.demo-disclaimer{border-top:1px solid var(--patient-line);margin-top:26px;padding-top:20px}@media (width<=700px){.demo-photo-comparison{gap:12px}.demo-gains{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-lab-grid{grid-template-columns:1fr;gap:24px}.demo-photo-comparison figcaption strong{font-size:11px}.demo-photo-comparison figcaption small{font-size:9px}.demo-region-controls{gap:6px}.demo-region-controls button{padding:8px 10px;font-size:10px}.demo-face-zone>span{width:20px;height:20px;top:-8px;left:-8px}.demo-region-note{padding:12px;font-size:12px}.demo-metric-controls button{padding:8px;font-size:11px}.demo-gains strong{font-size:25px}}.patient-header-tools{align-items:center;gap:12px;display:flex}.patient-language{border:1px solid var(--patient-line);border-radius:6px;padding:2px;display:flex}.patient-language button{height:30px;padding:0 9px;font-size:11px}.demo-dna h2,.demo-checkin-history h2,.demo-report-history h2{align-items:center;gap:10px;display:flex}.demo-report-history details{border-bottom:1px solid var(--patient-line);padding:18px 0}.demo-report-history summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:13px;display:flex}.demo-report-history summary span{color:var(--patient-muted);font-size:11px}.demo-report-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0;display:grid}.demo-report-values span{color:var(--patient-muted);font-size:11px;display:block}.demo-report-values strong{font-size:16px}.demo-report-values small{font-size:10px;font-weight:400}.demo-annotated-photo{aspect-ratio:1264/2544}.demo-checkin-history>p{color:var(--patient-muted);font-size:13px}@media (width<=700px){.patient-header-tools{gap:4px}.patient-header-tools .patient-status{display:none}.patient-language button{height:28px;padding:0 8px}.demo-report-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.patient-profile-card{background:var(--patient-mint);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-bottom:26px;padding:36px;display:grid}.patient-profile-avatar{background:var(--patient-surface);border:1px solid var(--patient-green);width:84px;height:84px;color:var(--patient-green);border-radius:50%;justify-content:center;align-items:center;display:flex}.patient-profile-avatar svg{stroke-width:1.4px;width:34px;height:34px}.patient-profile-card h2{font-size:28px}.patient-profile-card p:not(.patient-eyebrow){color:var(--patient-muted);margin-top:8px;font-size:13px}.patient-profile-facts{color:var(--patient-green);flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:11px;display:flex}.patient-photo-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.patient-photo-strip figure{margin:0}.patient-photo-strip img{aspect-ratio:1/1.25;object-fit:cover;border-radius:6px;width:100%}.patient-photo-strip figcaption{color:var(--patient-muted);flex-direction:column;gap:2px;margin-top:6px;font-size:10px;display:flex}.patient-photo-strip svg{width:100%;height:80px;color:var(--patient-line)}.patient-evolution-runner{text-align:center;max-width:420px;margin:10px auto 0}.patient-evolution-runner img{aspect-ratio:1/1.15;object-fit:cover;width:100%;box-shadow:var(--patient-shadow);border-radius:8px}.patient-evolution-runner>svg{width:100%;height:200px;color:var(--patient-line)}.patient-evolution-meta{flex-direction:column;gap:4px;margin-top:14px;display:flex}.patient-evolution-meta strong{font-family:Sora,sans-serif;font-size:18px;font-weight:500}.patient-evolution-meta span{color:var(--patient-muted);font-size:11px}.patient-age-badge{background:var(--patient-mint);color:var(--patient-green);border-radius:20px;align-self:center;padding:4px 14px;font-weight:600;display:inline-block;font-size:11px!important}.patient-evolution-progress{background:var(--patient-line);border-radius:2px;height:3px;margin:14px 0 8px;overflow:hidden}.patient-evolution-progress>div{background:var(--patient-green);height:100%;transition:width .5s}.patient-evolution-runner small{color:var(--patient-muted);font-size:10px}.patient-ingredient-pathway{letter-spacing:.6px;color:var(--patient-green);padding:0 24px 18px;font-size:10px;display:block}.demo-age-curve{margin-top:8px}.demo-age-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 6px;display:grid}.demo-age-summary>div{border:1px solid var(--patient-line);border-radius:8px;flex-direction:column;gap:6px;padding:16px;display:flex}.demo-age-summary span{letter-spacing:1px;color:var(--patient-muted);font-size:10px}.demo-age-summary strong{font-family:Sora,sans-serif;font-size:19px;font-weight:500}.demo-age-delta{background:var(--patient-mint);border-color:var(--patient-green)!important}.demo-age-delta strong{color:var(--patient-green)}.photo-analysis-section h2{align-items:center;gap:10px;display:flex}.photo-analysis-intro{max-width:750px;color:var(--patient-muted);font-size:14px}.photo-analysis-consent{max-width:780px;margin:22px 0 16px}.photo-analysis-section>button{white-space:normal;height:auto;min-height:42px}.photo-analysis-section>.patient-message{margin-top:18px}.photo-analysis-filmstrip{scroll-snap-type:x proximity;gap:12px;padding:24px 0;display:flex;overflow-x:auto}.photo-analysis-thumbnail{scroll-snap-align:start;flex-direction:column;flex:0 0 130px;gap:8px;white-space:normal!important;height:auto!important;padding:8px!important;display:flex!important}.photo-analysis-thumbnail img{object-fit:cover;border-radius:4px;width:114px;height:140px}.photo-analysis-thumbnail span{font-size:11px}.photo-analysis-thumbnail small{font-size:10px;font-weight:400}.photo-analysis-regions{flex-wrap:wrap;gap:8px;margin:12px 0 24px;display:flex}.photo-analysis-regions button{white-space:normal;height:auto;min-height:36px;font-size:11px}.photo-analysis-inspection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;display:grid}.photo-analysis-image{min-height:60px;line-height:0;position:relative}.photo-analysis-image img{border-radius:6px;width:100%;height:auto}.photo-analysis-image svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photo-analysis-image rect{fill:#0000;stroke:var(--patient-green);stroke-width:.6px;vector-effect:non-scaling-stroke}.photo-analysis-inspection figcaption{justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;display:flex}.photo-analysis-observation{min-width:0}.photo-analysis-observation p{color:var(--patient-muted);overflow-wrap:anywhere;margin:12px 0;font-size:13px}.photo-analysis-change{background:var(--patient-mint);color:var(--patient-green);border-radius:4px;padding:8px 14px;font-size:12px;display:inline-block}.photo-analysis-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0;display:grid}.photo-analysis-charts>div{min-width:0}.photo-analysis-charts h3{font-size:17px}.photo-analysis-charts .patient-fine{min-height:54px}.photo-analysis-matrix{margin:24px 0;overflow-x:auto}.photo-analysis-matrix table{border-collapse:collapse;width:100%;font-size:11px}.photo-analysis-matrix caption{text-align:left;margin-bottom:14px;font-size:13px}.photo-analysis-matrix th,.photo-analysis-matrix td{text-align:left;border-bottom:1px solid var(--patient-line);min-width:110px;padding:14px 12px}.photo-analysis-matrix td{color:var(--patient-muted)}.photo-analysis-matrix td[data-change=less_visible]{color:var(--patient-green);background:var(--patient-mint)}.photo-analysis-matrix td[data-change=more_visible]{color:var(--ink);font-weight:600}@media (width<=700px){.photo-analysis-inspection,.photo-analysis-charts{grid-template-columns:1fr}.photo-analysis-inspection{gap:18px}.photo-analysis-charts{gap:12px}.photo-analysis-regions{gap:6px}.photo-analysis-regions button{padding:8px 10px}.photo-analysis-thumbnail{flex-basis:110px}.photo-analysis-thumbnail img{width:94px;height:116px}.photo-analysis-intro{font-size:12px}}.photo-analysis-all-regions{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0;display:grid}.photo-analysis-all-regions article{border-top:1px solid var(--patient-line);min-width:0;padding-top:18px}.photo-analysis-all-regions h3{font-size:15px}.photo-analysis-all-regions .patient-chart{height:180px}.photo-analysis-image rect{stroke-width:3px}.photo-analysis-section .patient-section-title>div{min-width:0}.photo-analysis-section h2 svg{flex-shrink:0}.photo-analysis-section .patient-chart .recharts-cartesian-axis-tick text{font-size:10px}@media (width<=700px){.photo-analysis-all-regions{grid-template-columns:1fr;gap:18px}.photo-analysis-section h2{font-size:18px}.photo-analysis-section .patient-section-title{gap:14px}.photo-analysis-section .patient-section-title>span{white-space:normal;flex-shrink:0}}@media (width<=640px){.patient-profile-card{text-align:center;grid-template-columns:1fr;justify-items:center;padding:26px}.patient-profile-facts{justify-content:center}.demo-age-summary{grid-template-columns:1fr}}.patient-age-result{border:1px solid var(--patient-line);background:var(--patient-mint);border-radius:14px;margin:18px 0;padding:20px 22px}.patient-age-result small{letter-spacing:.14em;color:var(--patient-green);font-size:10px}.patient-age-result strong{color:var(--patient-green);margin:6px 0;font-size:44px;line-height:1.1;display:block}.patient-age-result strong span{font-size:16px;font-weight:400}.patient-age-result p{font-size:13px}