:root{--yellow:#ff86001f;--ink:#000;--line:#ccc;--muted:#8b8b8b}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ae5b00}a{color:inherit}h1,h2,p{margin:0}h1:focus{outline:none}.reference-funnel{min-height:100dvh;padding-bottom:140px}.first-banner{align-items:center;height:130px;display:flex}.first-banner-inner{justify-content:space-between;align-items:center;gap:24px;width:660px;margin:auto;display:flex}.first-banner strong{max-width:440px;font-size:16px;line-height:1.5;display:block}.first-banner p{margin-top:8px;font-size:14px}.first-banner img{object-fit:contain;max-width:130px;max-height:95px}.question-header{background:var(--yellow);width:100%;padding:20px 24px 46px}.header-inner{width:660px;max-width:100%;margin:0 auto}.brand{text-align:center;letter-spacing:-1.5px;font-size:27px;font-weight:900;line-height:1.25}.progress{background:#ff86003d;height:2px;margin:30px 0 34px}.progress span{background:#000;height:100%;transition:width .25s;display:block}.question-header h1{letter-spacing:-.55px;font-size:29px;font-weight:600;line-height:1.25}.question-header p{margin-top:15px;font-size:16px;line-height:1.4}.question-body{width:660px;max-width:calc(100% - 48px);margin:24px auto}.options{flex-direction:column;gap:16px;display:flex}.option{border:1px solid var(--line);color:#000;text-align:left;background:#fff;border-radius:4px;align-items:center;gap:18px;width:100%;min-height:64px;padding:18px 16px;font-size:16px;transition:background .15s,border-color .15s;display:flex}.option.selected{background:var(--yellow);border-color:#000}.option:hover{border-color:#555}.option.has-detail{min-height:73px;padding:15px 16px}.option-title{font-weight:600;display:block}.option small{margin-top:4px;font-size:14px;line-height:1.4;display:block}.skin-icon{flex-shrink:0;width:30px;height:30px}.fallback{color:#000;text-underline-offset:5px;background:0 0;border:0;margin:24px auto 0;padding:0;font-size:16px;line-height:1.5;text-decoration:underline;display:block}.fallback.chosen{background:var(--yellow);padding:4px 12px}.options.tiles{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 21px;display:grid}.tiles .option{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-height:94px;padding:15px 8px}.tiles .skin-icon{width:28px;height:28px}.bottom-actions{z-index:5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffed;padding:16px 24px 40px;position:fixed;bottom:0;left:0;right:0}.action-row{justify-content:center;align-items:center;width:660px;max-width:100%;margin:auto;display:flex;position:relative}.action-buttons{width:550px;max-width:calc(100% - 50px)}.primary,.secondary{border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:49px;padding:12px 16px;font-size:16px;font-weight:600;display:flex}.primary{color:#fff;background:#000;border:1px solid #000}.primary:hover:not(:disabled){background:#222}.primary:disabled{color:#fff;background:#686868;border-color:#686868}.secondary{color:#000;background:#fff;border:1px solid #000;margin-top:8px}.back{color:#333;background:0 0;border:0;width:40px;height:45px;font-size:26px;font-weight:400;position:absolute;left:0}.back:disabled{opacity:.3}.content{width:660px;max-width:calc(100% - 48px);margin:24px auto}.stage-13 .question-header,.stage-15 .question-header,.stage-20 .question-header,.stage-21 .question-header{padding-bottom:15px}.stage-13 .progress,.stage-15 .progress,.stage-20 .progress,.stage-21 .progress{margin-bottom:0}.photo-intro h1{letter-spacing:-.5px;font-size:29px;line-height:1.3}.photo-intro>p{margin-top:8px;font-size:16px;line-height:1.5}.intro-notice-space{align-items:end;min-height:112px;margin-bottom:16px;display:flex}.notice{background:#f5f5f2;border-radius:4px;padding:13px 17px;font-size:13px;line-height:1.5}.intro-notice-space .notice{width:100%}.intro-image{object-fit:contain;width:345px;max-width:100%;height:310px;margin:auto;display:block}.reserved-media{background:0 0}.upload-layout{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.stage-14{padding-bottom:0}.upload-left{border-right:1px solid #ddd;padding:32px 30px 30px 18px}.upload-left .brand{text-align:left}.upload-left-content{margin-top:100px}.upload-left .progress{background:#ddd;margin:0 0 30px}.upload-left h1{letter-spacing:-1px;max-width:740px;font-size:46px;font-weight:400;line-height:1.06}.upload-right{padding:clamp(60px,12vh,150px) 9.5% 190px;position:relative}.upload-guide{border:1px solid var(--line);border-radius:7px;min-height:400px;overflow:hidden}.upload-guide>img,.upload-guide .reserved-media{object-fit:contain;width:100%;height:520px;display:block}.upload-guide .original-photo{max-height:520px;overflow:auto}.upload-format{text-align:center;margin-top:10px;font-size:16px}.upload-tips{margin:12px 0}.upload-actions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#fffffff2;justify-content:center;align-items:center;padding:16px 9.5%;display:flex;position:fixed;bottom:22px;left:50%;right:0}.upload-actions>div{width:100%}.upload-actions .back{left:4%}.upload-actions .fallback{margin:8px auto;font-size:12px}.file-input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.photo-consent{align-items:flex-start;gap:10px;padding:12px 0;font-size:11px;line-height:1.6;display:flex}.photo-consent input{accent-color:#000;flex-shrink:0;width:17px;height:17px}.original-photo{line-height:0;position:relative}.original-photo img{image-orientation:from-image;width:100%;height:auto;display:block}.original-photo svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.analysis-loading{margin-top:24px}.analysis-status{align-items:flex-start;gap:20px;min-height:180px;font-size:14px;line-height:1.5;display:flex}.analysis-status .original-photo{flex-shrink:0;width:88px}.analysis-status>div:nth-child(2){flex:1;padding-top:8px}.analysis-status>span{margin-top:8px}.spinner{border:1px solid #aaa;border-top-color:#000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.analysis-progress{margin-bottom:22px;font-size:14px}.analysis-progress>div:first-child{justify-content:space-between;gap:20px;display:flex}.analysis-progress.waiting{color:#ccc}.analysis-track{background:#ddd;height:2px;margin-top:10px}.analysis-track>span{background:#000;height:100%;transition:width .3s;display:block}.fine{color:#888;margin-top:15px;font-size:11px;line-height:1.55}.analysis-results,.simple-results{padding-bottom:45px}.result-card{border:1px solid #d2d2d2;border-radius:4px;margin-bottom:24px;overflow:hidden}.card-heading{background:var(--yellow);justify-content:space-between;align-items:center;gap:15px;padding:11px 16px;font-size:11px;display:flex}.card-body{padding:20px 16px}.card-body h2{margin-bottom:14px;font-size:18px;font-weight:600}.card-body>strong{font-size:16px;line-height:1.5}.summary-rows{margin:0}.summary-rows>div{border-bottom:1px solid #ddd;justify-content:space-between;align-items:baseline;gap:22px;padding:11px 0;font-size:15px;line-height:1.5;display:flex}.summary-rows>div:first-child{padding-top:0}.summary-rows>div:last-child{border-bottom:none;padding-bottom:0}.summary-rows dt{color:#888}.summary-rows dd{text-align:right;max-width:65%;margin:0;font-weight:600}.severity{margin-top:26px}.severity-track{background:linear-gradient(90deg,#85e4a1,#ffff94 28% 49%,#ffb483 63%,#ff0808 80%);border-radius:10px;height:9px}.scale-labels{text-align:center;justify-content:space-around;margin-top:-12px;font-size:10px;display:flex}.scale-labels span{flex-direction:column;align-items:center;gap:10px;max-width:25%;display:flex}.scale-labels i{background:#fff;border:1px solid #777;border-radius:50%;width:14px;height:14px}.coverage-track{background:#ddd;height:2px;margin:28px 8px 0;position:relative}.coverage-track>span{border:2px solid var(--yellow);background:#000;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;transform:translate(-50%)}.coverage-labels{color:#999;justify-content:space-between;margin:12px 8px 0;font-size:11px;display:flex}.result-photo{width:375px;max-width:100%;margin:12px auto 0;position:relative}.photo-tag{background:var(--yellow);z-index:1;border-radius:3px;padding:7px;font-size:11px;position:absolute;top:12px;left:12px}.result-photo .fallback{margin-top:12px;font-size:12px}.gender-notice{width:550px;max-width:calc(100% - 50px);margin:0 auto 8px}.plan-loading{text-align:center;padding-top:90px}.plan-loading h1{letter-spacing:-.5px;font-size:25px;font-stretch:75%}.plan-track{border:1px solid #999;height:8px;margin:20px 0 15px}.plan-track>span{background:#000;height:100%;transition:width .1s;display:block}.plan-percentage{font-size:13px}.loading-slide{margin-top:75px;animation:.25s appear}.loading-slide h2{margin-bottom:25px;font-size:25px;line-height:1.2}.loading-slide img,.loading-media{object-fit:contain;width:100%;min-height:250px;max-height:425px}.error{z-index:6;background:#fff0e8;border:1px solid #e6b599;border-radius:4px;width:660px;max-width:calc(100% - 48px);margin:24px auto 0;padding:14px;font-size:13px;line-height:1.5;position:relative}.privacy-settings{z-index:6;color:#999;gap:12px;font-size:9px;display:flex;position:fixed;bottom:4px;right:10px}.privacy-settings button{color:inherit;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.cookie-consent{z-index:20;background:#fff;border:1px solid #ccc;border-radius:6px;align-items:center;gap:25px;max-width:950px;margin:auto;padding:20px 25px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 4px 30px #0002}.cookie-consent p{flex:1;font-size:12px;line-height:1.7}.cookie-consent>div{align-items:center;gap:10px;display:flex}.cookie-consent button{white-space:nowrap;min-height:42px;padding:10px 15px;font-size:12px}.cookie-consent .secondary{margin:0}.admin{max-width:1100px;margin:40px auto;padding:24px}.admin h1{margin:20px 0}.admin input,.admin textarea{color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:100%;margin:8px 0;padding:12px}.admin textarea{height:430px;font-family:monospace;font-size:12px}.admin-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.metric{background:#fff;border:1px solid #ccc;border-radius:6px;padding:22px}.metric b{margin-top:8px;font-size:30px;display:block}table{border-collapse:collapse;background:#fff;width:100%;margin:18px 0;font-size:12px}td,th{text-align:left;border-bottom:1px solid #ccc;padding:12px}.table-scroll{overflow:auto}details{margin:20px 0}summary{cursor:pointer;font-weight:600}.admin .secondary{margin:8px;display:inline-flex}.admin p{line-height:1.7}.admin .error{max-width:none}.admin label{font-size:12px}.admin h2{margin:25px 0 12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.upload-layout{grid-template-columns:1fr}.upload-left{background:var(--yellow);border-right:0;padding:20px 24px}.upload-left .brand{text-align:center}.upload-left-content{max-width:660px;margin:28px auto 0}.upload-left h1{letter-spacing:-.55px;font-size:29px;font-weight:600;line-height:1.25}.upload-left .progress{background:#ff86003d;margin-bottom:30px}.upload-right{width:100%;max-width:708px;margin:auto;padding:24px 24px 180px}.upload-guide{min-height:260px}.upload-guide>img,.upload-guide .reserved-media{height:340px}.upload-actions{padding:16px 24px 28px;bottom:0;left:0}.upload-actions>div{width:calc(100% - 50px);max-width:550px}.upload-actions .back{left:max(24px,50% - 330px)}.cookie-consent{gap:18px}.cookie-consent>div{flex-direction:column}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.first-banner{height:100px}.first-banner-inner{padding:16px 24px}.first-banner strong{font-size:12px}.first-banner p{font-size:11px}.first-banner img{max-width:85px;max-height:65px}.question-header{padding:19px 22px 30px}.brand{font-size:24px}.progress{margin:25px 0 26px}.question-header h1{letter-spacing:-.5px;font-size:25px;line-height:1.3}.question-header p{margin-top:12px;font-size:14px}.question-body,.content{max-width:calc(100% - 44px);margin-top:22px}.options{gap:12px}.option{gap:14px;min-height:58px;padding:15px 14px;font-size:14px}.option.has-detail{min-height:73px;padding:14px}.option small{font-size:12px}.skin-icon{width:27px;height:27px}.fallback{margin-top:24px;font-size:14px}.options.tiles{gap:9px;padding:0}.tiles .option{min-height:95px;padding:12px 6px;font-size:12px}.bottom-actions{padding:14px 22px 29px}.action-buttons{width:100%;max-width:calc(100% - 35px)}.action-row .back{width:30px;font-size:23px;left:-7px}.action-row{justify-content:flex-end}.stage-1 .action-row{justify-content:center}.stage-1 .action-buttons{max-width:100%}.primary,.secondary{min-height:49px;font-size:14px}.photo-intro h1{font-size:25px}.photo-intro>p{font-size:14px}.intro-notice-space{min-height:80px}.intro-image{width:290px;height:260px}.upload-left{padding:20px 22px 30px}.upload-left h1{font-size:25px}.upload-right{padding:22px 22px 180px}.upload-actions{padding:14px 22px 29px}.upload-actions>div{width:calc(100% - 35px)}.upload-actions .back{left:15px}.upload-guide>img,.upload-guide .reserved-media{height:300px}.analysis-status{gap:12px;min-height:150px;font-size:12px}.analysis-status .original-photo{width:70px}.analysis-progress{margin-bottom:20px;font-size:12px}.card-heading{padding:10px 12px;font-size:9px}.card-body{padding:17px 12px}.card-body h2{font-size:16px}.summary-rows>div{gap:12px;font-size:12px}.summary-rows dd{max-width:55%}.result-card{margin-bottom:20px}.scale-labels{font-size:8px}.scale-labels i{width:12px;height:12px}.scale-labels{margin-top:-10px}.severity-track{height:8px}.fine{font-size:10px}.gender-notice{max-width:calc(100% - 35px);margin-right:0;font-size:10px}.plan-loading{padding-top:58px}.plan-loading h1{font-size:23px}.loading-slide{margin-top:60px}.loading-slide h2{font-size:22px}.cookie-consent{padding:16px;display:block;bottom:10px;left:10px;right:10px}.cookie-consent p{font-size:11px}.cookie-consent>div{flex-direction:row;margin-top:12px}.cookie-consent button{white-space:normal;flex:1;font-size:11px}.notice{font-size:12px}.reference-funnel{padding-bottom:145px}.stage-14{padding-bottom:0}.stage-13{padding-bottom:190px}.admin{padding:20px}.metric{padding:14px}.metric b{font-size:24px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pigmentation-examples{width:100%;height:auto;margin-top:18px;display:block}.image-editor{border:1px solid #ccc;border-radius:6px;margin:36px 0;padding:24px}.image-editor h2{margin-top:0}.image-fields{margin:24px 0}.image-field{border-bottom:1px solid #ddd;grid-template-columns:180px 1fr;gap:24px;padding:24px 0;display:grid}.image-field h3{margin:0;font-size:16px}.image-preview{background:#f6f6f3;border:1px solid #ddd;border-radius:4px;place-items:center;min-height:130px;padding:10px;font-size:12px;display:grid}.image-preview img{object-fit:contain;max-width:100%;max-height:200px}.image-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.image-tools .secondary{width:auto;min-height:40px;margin:0;font-size:12px}.image-tools .fallback{margin:0;font-size:12px}.asset-upload-button{color:#fff;cursor:pointer;background:#000;border-radius:4px;justify-content:center;align-items:center;min-height:40px;padding:10px 14px;display:inline-flex;position:relative;overflow:hidden}.asset-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0;margin:0!important}.asset-upload-button:focus-within{outline-offset:3px;outline:3px solid #ae5b00}@media (max-width:600px){.image-editor{padding:16px}.image-field{grid-template-columns:1fr;gap:16px}.image-preview{max-height:200px}.image-tools{gap:8px}}.loading-slide.slide-2 img{width:340px;max-width:100%;max-height:425px;margin:0 auto;display:block}@media (max-width:900px){.reference-funnel{padding-bottom:calc(170px + env(safe-area-inset-bottom,0px))}.reference-funnel.stage-13{padding-bottom:calc(230px + env(safe-area-inset-bottom,0px))}.reference-funnel.stage-14{padding-bottom:0}.privacy-settings{min-height:44px;padding:0 20px env(safe-area-inset-bottom,0px);z-index:6;background:#fff;justify-content:center;align-items:center;gap:20px;font-size:11px;bottom:0;left:0;right:0}.privacy-settings a,.privacy-settings button{align-items:center;min-height:44px;line-height:1.3;display:inline-flex}.bottom-actions,.upload-actions{bottom:calc(44px + env(safe-area-inset-bottom,0px));background:#fff;padding:14px 20px;box-shadow:0 -5px 18px #00000006}.action-row,.upload-actions{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.action-row{width:660px;max-width:100%}.action-row .back,.upload-actions .back{justify-content:center;align-items:center;width:44px;height:49px;margin:0;padding:0;font-size:25px;line-height:1;display:flex;position:static}.action-buttons,.upload-actions>div{width:100%;min-width:0;max-width:none}.stage-1 .action-row{grid-template-columns:minmax(0,1fr)}.primary,.secondary{white-space:normal;min-height:49px;line-height:1.4}.upload-right{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))}.upload-right:has(.photo-consent){padding-bottom:calc(280px + env(safe-area-inset-bottom,0px))}.upload-actions .fallback{justify-content:center;align-items:center;min-height:36px;margin:4px 0;font-size:12px;display:flex}.gender-notice{width:604px;max-width:calc(100% - 56px);margin:0 0 10px auto}.reference-funnel.stage-19{padding-bottom:calc(240px + env(safe-area-inset-bottom,0px))}.options.tiles{min-width:0}.tiles .option{overflow-wrap:anywhere;min-width:0}.summary-rows dd{overflow-wrap:anywhere}}@media (max-width:360px){.bottom-actions,.upload-actions{padding-left:14px;padding-right:14px}.action-row,.upload-actions{grid-template-columns:40px minmax(0,1fr);gap:8px}.action-row .back,.upload-actions .back{width:40px}.primary,.secondary{padding-left:10px;padding-right:10px;font-size:13px}}.dropoff-panel{background:#fff;border:1px solid #deded6;border-radius:12px;margin:32px 0 40px;padding:24px}.dropoff-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dropoff-panel .dropoff-heading h2{margin:0;font-size:25px}.dropoff-heading p{color:#62625d;margin-top:8px;font-size:14px;line-height:1.5}.dropoff-period{background:#f8f8f4;border:1px solid #deded6;border-radius:20px;flex-shrink:0;padding:8px 12px;font-size:12px}.dropoff-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.dropoff-summary>div{background:#f6f6f1;border-radius:8px;padding:16px}.dropoff-summary span{color:#62625d;font-size:12px;line-height:1.4;display:block}.dropoff-summary strong{margin-top:8px;font-size:26px;display:block}.dropoff-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dropoff-paths{background:#f3f3ee;border-radius:7px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.dropoff-paths button{color:#444;background:0 0;border:0;border-radius:5px;min-height:44px;padding:10px 12px;font-size:13px}.dropoff-paths button[aria-pressed=true]{color:#fff;background:#000}.dropoff-legend{color:#62625d;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.dropoff-legend>span{align-items:center;gap:7px;display:flex}.dropoff-key{border-radius:3px;width:12px;height:12px;display:inline-block}.dropoff-key.reached{background:#dede98}.dropoff-key.left{background:#a34823}.dropoff-insight{background:#ffffdb;border:1px solid #e7e7ad;border-radius:7px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.6}.dropoff-insight strong{display:block}.dropoff-column-head,.dropoff-row{grid-template-columns:minmax(180px,1.2fr) minmax(160px,1.5fr) 80px 100px;align-items:center;gap:20px;display:grid}.dropoff-column-head{color:#73736c;padding:0 12px 12px;font-size:11px}.dropoff-row{border-top:1px solid #ecece5;padding:15px 12px}.dropoff-row.largest{background:#fafaf0;border-radius:5px}.dropoff-step{align-items:center;gap:10px;display:flex}.dropoff-step-number{background:#ededdf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.dropoff-step strong{font-size:13px;line-height:1.4;display:block}.dropoff-step small{color:#73736c;margin-top:3px;font-size:10px;line-height:1.4;display:block}.dropoff-bar{background:#f1f1eb;border-radius:4px;height:14px;position:relative;overflow:hidden}.dropoff-reached,.dropoff-left{border-radius:4px;position:absolute;top:0;bottom:0;left:0}.dropoff-reached{background:#dede98}.dropoff-left{background:#a34823}.dropoff-reached-count{color:#62625d;margin-top:5px;font-size:11px;display:block}.dropoff-left-count strong,.dropoff-time strong{font-size:15px;font-weight:600;display:block}.dropoff-left-count span{color:#73736c;margin-top:3px;font-size:11px;display:block}.dropoff-mobile-label{display:none}.dropoff-note{color:#73736c;margin-top:22px!important;font-size:11px!important;line-height:1.6!important}.dropoff-empty{text-align:center;background:#f8f8f3;border:1px dashed #d6d6c8;border-radius:8px;padding:32px 20px}.dropoff-empty strong{font-size:16px}.dropoff-empty p{color:#62625d;margin-top:8px;font-size:13px;line-height:1.6}@media (max-width:800px){.dropoff-column-head,.dropoff-row{grid-template-columns:minmax(140px,1.1fr) minmax(100px,1.3fr) 60px 75px;gap:12px}.dropoff-panel{padding:18px}.dropoff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dropoff-heading{flex-direction:column;gap:12px}.dropoff-period{padding:6px 10px}}@media (max-width:560px){.dropoff-panel{margin:24px 0;padding:16px}.dropoff-panel .dropoff-heading h2{font-size:22px}.dropoff-controls{gap:14px}.dropoff-paths{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.dropoff-paths button{padding:8px 5px;font-size:12px}.dropoff-column-head{display:none}.dropoff-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;padding:16px 0}.dropoff-step{grid-column:1/-1}.dropoff-bar-cell{grid-column:1/-1;margin-left:38px}.dropoff-left-count{margin-left:38px}.dropoff-left-count strong,.dropoff-left-count span{font-size:12px;display:inline}.dropoff-left-count span{margin-left:8px}.dropoff-time{text-align:right}.dropoff-time strong{font-size:12px;display:inline}.dropoff-mobile-label{color:#73736c;font-size:10px;font-weight:400;display:inline}.dropoff-summary{gap:8px}.dropoff-summary>div{padding:12px}.dropoff-summary strong{font-size:23px}.dropoff-insight{padding:12px}.dropoff-legend{font-size:11px}}.private-photo-library{border:1px solid #deded6;border-radius:12px;margin:32px 0;padding:24px}.private-photo-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.private-photo-heading h2{font-size:24px;margin:0!important}.private-photo-heading p{color:#62625d;max-width:700px;margin-top:10px;font-size:13px;line-height:1.6}.private-photo-heading>.secondary{flex-shrink:0;width:auto;min-width:170px;margin-top:0;font-size:13px}.private-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.private-photo-card{border:1px solid #ddd;border-radius:8px;min-width:0;overflow:hidden}.private-photo-preview{aspect-ratio:4/5;background:#f5f5ef;justify-content:center;align-items:center;display:flex;overflow:hidden}.private-photo-preview img{object-fit:contain;width:100%;height:100%}.private-photo-preview p{text-align:center;color:#666;padding:20px;font-size:12px;line-height:1.5}.private-photo-details{padding:16px}.private-photo-details time{color:#777;font-size:11px;display:block}.private-photo-details strong{text-transform:capitalize;margin:10px 0;font-size:14px;display:block}.private-photo-details p{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.private-photo-details .secondary{min-height:44px;margin-top:16px;font-size:12px}.private-photo-empty{color:#62625d;background:#f8f8f3;border-radius:6px;margin-top:24px;padding:22px;font-size:13px}.private-photo-library>.notice{margin-top:16px}@media (max-width:800px){.private-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-photo-heading{flex-direction:column;gap:16px}}@media (max-width:560px){.private-photo-library{padding:16px}.private-photo-heading h2{font-size:21px}.private-photo-heading>.secondary{width:100%}.private-photo-grid{grid-template-columns:1fr}.private-photo-preview{aspect-ratio:auto;min-height:260px;max-height:420px}.private-photo-preview img{max-height:420px}}.upload-actions{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;display:grid}.upload-actions .back{width:44px;height:49px;position:static}.upload-actions>div{width:100%;min-width:0;max-width:none}.upload-consent{color:#444;margin-bottom:12px;font-size:12px;line-height:1.5}.upload-consent strong{color:#000;margin-bottom:4px;display:block}.upload-error{background:#fff1e7;border:1px solid #edb991;border-radius:5px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.45}.upload-error strong{margin-bottom:4px;display:block}.upload-error span{margin-top:4px;display:block}.upload-right{padding-bottom:360px}@media (max-width:900px){:is(.upload-right,.upload-right:has(.upload-consent)){padding-bottom:calc(380px + env(safe-area-inset-bottom,0px))}.upload-actions{max-height:calc(80dvh - 44px);overflow-y:auto}.upload-consent{font-size:11px}.upload-actions .primary{min-height:54px}.privacy-settings{flex-wrap:wrap;gap:0 14px}}.result-photo .photo-tag{color:#000;background:#ff860029;border-radius:4px;padding:10px 9px;font-size:11px;top:16px;left:16px}.photo-switcher{pointer-events:none;justify-content:space-between;padding:0 16px;display:flex;position:absolute;top:44%;left:0;right:0}.photo-arrow{pointer-events:auto;color:#fff;background:#0007;border:0;border-radius:4px;place-items:center;width:48px;height:49px;font-size:25px;font-weight:400;display:grid}.photo-arrow:hover{background:#0009}.photo-analysis-note{color:#888;max-width:660px;margin-top:22px;font-size:12px;line-height:1.55}.analysis-status>div:nth-child(2){border-top:1px solid #888;min-height:44px;padding-top:16px}.analysis-status>span{padding-top:8px}@media (max-width:600px){.photo-switcher{padding:0 12px}.photo-arrow{width:44px;height:46px}.result-photo .photo-tag{font-size:10px;top:12px;left:12px}.photo-analysis-note{font-size:11px}}.analysis-status .original-photo:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 23px,#ff93 23px 24px),repeating-linear-gradient(0deg,#0000 0 23px,#ff93 23px 24px);border:1px solid #ffff9980;position:absolute;inset:3px}.redness-bars{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:35px;margin-bottom:8px;display:grid}.redness-bars span{background:#fff0f2;border-radius:20px;height:12px}.card-body:has(.redness-bars) .summary-rows>div{border:0;padding:6px 0 0;font-size:18px}.card-body:has(.redness-bars) .summary-rows dd{font-weight:600}@media (max-width:600px){.card-body:has(.redness-bars) .summary-rows>div{font-size:15px}.redness-bars{margin-top:27px}.redness-bars span{height:10px}}.reference-funnel .action-row,.reference-funnel .upload-actions{grid-template-columns:minmax(0,1fr)}.stage-14 .upload-layout{height:calc(100dvh - 44px - env(safe-area-inset-bottom,0px));min-height:0;overflow:hidden}.stage-14 .upload-right{flex-direction:column;gap:10px;min-height:0;padding:24px 9.5% 12px;display:flex}.stage-14 .upload-guide{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.stage-14 .upload-guide .original-photo{width:100%;height:100%;max-height:100%;overflow:hidden}.stage-14 .upload-guide img,.stage-14 .upload-guide>img,.stage-14 .upload-guide .reserved-media{object-fit:contain;width:100%;height:100%}.stage-14 .upload-format,.stage-14 .upload-tips,.stage-14 .upload-right>.fallback{flex-shrink:0;margin:0}.stage-14 .upload-actions{max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;flex-shrink:0;padding:10px 0 0;position:static;overflow:visible}.scan-mesh{pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 11px,#ff860040 11px 12px),repeating-linear-gradient(90deg,#0000 0 11px,#ff860040 11px 12px);animation:2s ease-in-out infinite mesh-pulse;position:absolute;inset:0;overflow:hidden}.scan-line{background:linear-gradient(#0000,#ff860055);border-bottom:1px solid #ff8600;height:18%;animation:2.4s ease-in-out infinite alternate face-scan;position:absolute;left:0;right:0}@keyframes face-scan{0%{top:0}to{top:82%}}@keyframes mesh-pulse{50%{opacity:.45}}@media (max-width:900px){.stage-14 .upload-layout{grid-template-rows:auto minmax(0,1fr)}.stage-14 .upload-left{padding:12px 22px}.stage-14 .upload-left-content{margin-top:14px}.stage-14 .upload-left .progress{margin-bottom:14px}.stage-14 .upload-left h1{font-size:22px}.stage-14 .upload-right{gap:7px;padding:12px 22px}.stage-14 .upload-format{font-size:12px}.stage-14 .upload-tips{font-size:10px}.stage-14 .upload-actions .primary{min-height:49px}}@media (prefers-reduced-motion:reduce){.scan-mesh,.scan-line{animation:none}.scan-line{top:40%}}.reference-description,.pigmentation-definitions{font-size:15px;line-height:1.5}.reference-description{margin-top:12px}.pigmentation-definitions{margin:4px 0 20px;padding-left:20px}