@font-face{font-family:Poppins;src:url('assets/poppins-300.woff2') format('woff2');font-weight:300;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--ink:#26392c;--green:#344d3a;--pale:#eef2e6;--muted:#7b8874;--line:#e0e6d8}*{box-sizing:border-box}body{margin:0;font:300 15px/1.6 Poppins,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6b9257;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;letter-spacing:-.055em;line-height:1.1}img{max-width:100%;display:block}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:30}.skip:focus{top:12px}.analysis-header{max-width:1250px;padding:27px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.analysis-header img{width:145px;height:auto}.analysis-header nav{display:flex;gap:25px;font-size:13px}.account-link{font-size:13px;background:var(--pale);padding:10px 20px;border-radius:25px}.mobile-back{display:none}.analysis-top{text-align:center;padding:44px 20px 0}.eyebrow{font-size:10px;letter-spacing:.13em;color:#91a17f;font-weight:600}.analysis-top h1{font-size:53px;margin:18px 0 18px;line-height:1.025}.analysis-top h1>span{color:#7c9567}.analysis-top>p{font-size:14px;color:var(--muted)}.analysis-workspace{max-width:1210px;margin:48px auto 0;padding:0 32px;display:grid;grid-template-columns:1.22fr 1fr;gap:70px;align-items:center}.capture-stage{height:630px;position:relative;isolation:isolate}.capture-stage:before{content:'';position:absolute;inset:14% -6% -3%;background:radial-gradient(ellipse,#eff4e1aa,transparent 66%);z-index:-1}.capture-device{position:absolute;left:50%;top:0;transform:translateX(-50%);width:303px;height:608px;background:#182719;border:6px solid #f7f8f4;border-radius:48px;box-shadow:0 0 0 1px #c0c5bb,0 8px 14px #17261122,0 30px 40px #17261112;overflow:hidden;z-index:3}.device-island{position:absolute;width:100px;height:28px;left:50%;top:14px;transform:translateX(-50%);border-radius:20px;background:#131c12;z-index:10}.device-island:after{content:'';position:absolute;width:8px;height:8px;right:12px;top:10px;background:#2b3c2a;box-shadow:0 0 2px 2px #ffffff10;border-radius:50%}.camera-view{height:426px;position:relative;overflow:hidden}.camera-view:after{content:'';position:absolute;inset:75% 0 -2px;background:linear-gradient(transparent,#182719);pointer-events:none;z-index:4}.camera-view>img,.camera-view>video{width:100%;height:100%;object-fit:cover;object-position:50% center}.camera-view>video{transform:scaleX(-1)}.camera-view>img#photo-preview{object-fit:contain;background:#182719}.example-badge,.photo-badge{position:absolute;top:57px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;padding:4px 10px;border-radius:20px;background:#ffffffb0;backdrop-filter:blur(8px);color:#3a4e30;z-index:5}.face-guide{position:absolute;left:10%;right:10%;top:78px;bottom:27px;border:2px dashed #dbe8c3aa;border-radius:48%;transition:opacity .3s;pointer-events:none;z-index:3}.face-guide span{position:absolute;inset:0;border:1px solid #ffffff10;border-radius:50%;animation:breathe 4s ease-in-out infinite}.capture-bottom{padding:0 14px;text-align:center;position:relative;z-index:6;margin-top:-2px;color:#fff}.capture-bottom>p{font-size:19px;line-height:1.18;letter-spacing:-.045em}.shutter-row{display:flex;justify-content:center;align-items:center;gap:27px;margin-top:18px}.shutter{width:54px;height:54px;border:1px solid #fff;background:transparent;border-radius:50%;padding:4px}.shutter>span{background:white;display:block;width:100%;height:100%;border-radius:50%;transition:transform .2s}.shutter:hover>span{transform:scale(.92)}.small-camera-button{background:#ffffff13;border:0;color:#fff;width:32px;height:32px;padding:7px;border-radius:50%}.small-camera-button svg{width:100%;height:100%}.shutter-hint{font-size:9px;display:block;margin-top:8px;color:#c4d0b7}.side-preview{position:absolute;top:62px;width:245px;height:500px;border-radius:39px;border:6px solid #f5f6f2;background:#f8f9f3;overflow:hidden;box-shadow:0 0 0 1px #d2d6ca,0 10px 25px #17251112;z-index:1}.side-left{left:0;transform:rotate(-4deg)}.side-right{right:0;transform:rotate(4deg)}.side-brand{padding:22px 15px;display:flex;justify-content:space-between;background:#1d2b1d;color:white;font-size:12px}.side-brand small{font-size:10px}.side-preview>img{height:345px;width:100%;object-fit:cover;opacity:.9}.side-tags{display:flex;gap:5px;padding:15px 8px;background:#1d2b1d;font-size:10px;color:#fff}.side-tags>span{background:#ffffff1a;padding:5px 8px;border-radius:20px}.side-routine{padding:30px 20px}.side-routine p{font-size:22px;line-height:1.2;letter-spacing:-.05em}.side-routine>span{display:block;font-size:46px;color:#96a980;margin:23px 0}.side-routine>div{font-size:11px;border-bottom:1px solid #dde5d5;padding:15px 0;color:#97a58a}.side-routine b{font-weight:300;color:#4a613d;margin-left:13px}.photo-caption{text-align:center;font-size:11px;color:#90a081;margin:3px 0 0}.capture-panel{padding:0 0 14px}.steps{display:flex;list-style:none;padding:0;margin:0 0 35px;gap:27px;font-size:12px;align-items:center;color:#b4bdb0}.steps li{display:flex;gap:8px;align-items:center}.steps li>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #e0e5dc;border-radius:50%;font-size:10px}.steps .current{color:#536c41}.steps .current>span{background:#3a5130;color:white;border-color:#3a5130}.steps li:first-child:after{content:'';width:60px;height:1px;background:#e4e9dd;margin-left:15px}.panel-heading h2{font-size:32px;margin:13px 0 15px;line-height:1.15}.panel-heading>p{font-size:13px;color:var(--muted)}.photo-tips{list-style:none;padding:0;display:grid;gap:19px;margin:26px 0}.photo-tips li{display:flex;align-items:flex-start;gap:14px}.tip-icon{width:33px;height:33px;border-radius:50%;background:#f2f5ec;flex-shrink:0;display:grid;place-items:center;font-size:21px;color:#8ba272}.photo-tips strong{font-size:13px;font-weight:300}.photo-tips p{font-size:11px;color:#9ba68f;margin-top:2px}.upload-actions{display:flex;gap:10px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:46px;border-radius:15px;font-size:13px;padding:12px 20px;border:1px solid transparent}.primary-button{background:#2e432e;color:#fff}.primary-button:hover:not(:disabled){background:#49623e}.secondary-button{background:#f2f5ec;color:#5c744a;border:1px solid #e9eedf}.upload-actions>button{flex:1;padding:12px 10px}.file-hint{font-size:10px;color:#9ca88f;margin:10px 0 20px;text-align:center}.analysis-submit{width:100%;justify-content:space-between;margin-top:18px}.analysis-submit:disabled{display:none}.photo-details{display:flex;align-items:center;gap:12px;background:#f3f6ed;border-radius:14px;padding:14px}.photo-details .file-check{color:#7b9a60;font-size:21px}.photo-details>div{min-width:0;flex:1}.photo-details strong{display:block;font-weight:300;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px}.photo-details p{font-size:10px;color:#91a07f}.photo-details button{font-size:11px;border:0;background:none;color:#526d3d;padding:5px;text-decoration:underline;text-underline-offset:3px}.preview-note{font-size:10px;color:#96a389;line-height:1.7;margin:17px 0}.preview-note a{text-decoration:underline;text-underline-offset:3px;color:#637b50}.privacy-line{border-top:1px solid #e7ecdf;display:flex;gap:12px;padding-top:17px;align-items:center}.privacy-line>span{font-size:22px;color:#8ba172}.privacy-line p{font-size:11px;color:#70875c;line-height:1.55}.privacy-line p>span{font-size:10px;color:#9aa98b}.status-box{margin-top:15px;padding:14px;border-radius:14px;background:#f2f6e8;font-size:12px;color:#657e4b;line-height:1.6}.status-box.error{background:#fbf0e8;color:#986e51}.camera-controls{text-align:center;margin:12px 0}.camera-controls button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#668447;font-size:12px}.capture-stage.drag-active .capture-device{outline:4px solid #9cba7a;outline-offset:10px}.analysis-result{max-width:900px;margin:50px auto;padding:40px;background:#f6f8f1;border-radius:30px}.analysis-result h2{font-size:36px;margin:15px 0 20px}.analysis-result>p{font-size:15px;color:var(--muted)}#result-observations{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}#result-observations>article{padding:20px;background:white;border-radius:17px}#result-observations h3{font-size:21px;margin-bottom:13px}#result-observations p{font-size:13px;color:var(--muted)}.medical-note{text-align:center;font-size:11px;color:#96a389;max-width:630px;margin:48px auto 0;padding:0 20px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1150px;margin:75px auto 0;padding:23px 25px;border-top:1px solid #edf0e7;font-size:11px;color:#849675}footer>a:first-child{font-family:Georgia,serif;font-size:22px;color:#49613c}main.is-busy .face-guide{border-style:solid}main.is-busy .face-guide:after{content:'';position:absolute;left:0;right:0;top:5%;height:2px;background:#e9ffd0;box-shadow:0 0 12px #eeffd8;animation:scan 3s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025);opacity:.5}}@keyframes scan{50%{top:90%}}@media(max-width:1100px){.analysis-header nav{gap:16px;font-size:12px}.analysis-workspace{gap:38px;grid-template-columns:1.1fr 1fr}.side-preview{width:220px}.capture-device{width:280px}.capture-stage{height:630px}.side-left{left:-10px}.side-right{right:-10px}.panel-heading h2{font-size:29px}}
@media(max-width:800px){.analysis-header nav,.account-link{display:none}.analysis-header{padding:20px 24px}.analysis-header img{width:122px}.mobile-back{display:block;font-size:12px;color:#8aa073}.analysis-top{padding:25px 20px 0}.analysis-top h1{font-size:37px;margin:16px 0}.analysis-top>p{font-size:12px}.eyebrow{font-size:9px}.analysis-workspace{display:flex;flex-direction:column;gap:25px;padding:0 24px;margin:30px auto 0;max-width:600px}.capture-section{width:100%}.capture-stage{height:534px;margin-inline:-5px}.capture-device{height:515px;width:260px;border-radius:42px;border-width:5px}.device-island{width:83px;height:23px;top:11px}.device-island:after{width:6px;height:6px;right:11px;top:8px}.camera-view{height:352px}.face-guide{top:65px;bottom:20px}.example-badge,.photo-badge{top:48px;font-size:8px}.capture-bottom>p{font-size:17px}.shutter-row{margin-top:15px;gap:25px}.shutter{width:46px;height:46px}.small-camera-button{width:29px;height:29px;padding:6px}.shutter-hint{font-size:8px;margin-top:7px}.side-preview{width:207px;height:430px;border-radius:33px;top:47px;border-width:4px}.side-left{left:-5px;transform:rotate(-5deg) scale(.95)}.side-right{right:-5px;transform:rotate(5deg) scale(.95)}.side-brand{font-size:10px;padding:20px 11px}.side-brand small{font-size:8px}.side-preview>img{height:290px}.side-tags{font-size:8px;padding:11px 5px}.side-routine{padding:25px 15px}.side-routine p{font-size:19px}.side-routine>span{font-size:38px}.side-routine>div{font-size:9px}.photo-caption{font-size:10px;margin-top:5px}.capture-panel{width:100%;padding:0}.steps{justify-content:center;margin:3px 0 28px;font-size:11px}.steps li:first-child:after{width:65px}.panel-heading{display:none}.photo-tips{gap:13px;margin:0 0 24px;padding:20px;background:#f8faf4;border-radius:24px}.photo-tips strong{font-size:12px}.photo-tips p{font-size:10px}.tip-icon{width:29px;height:29px;font-size:20px}.upload-actions{gap:9px}.primary-button,.secondary-button{font-size:12px;min-height:47px;border-radius:15px}.file-hint{font-size:9px;margin-bottom:18px}.preview-note{font-size:10px;margin-top:15px}.privacy-line{justify-content:center}.photo-details strong{max-width:170px}.photo-details{padding:12px}.photo-details button{font-size:10px}.medical-note{font-size:10px;margin-top:30px}.analysis-result{margin:30px 20px;padding:26px;border-radius:25px}.analysis-result h2{font-size:29px}#result-observations{grid-template-columns:1fr}footer{margin:45px 24px 0;padding:22px 0;flex-wrap:wrap;font-size:10px;gap:15px}footer>span{display:none}}
@media(max-width:370px){.capture-device{width:237px}.side-preview{width:185px}.analysis-workspace{padding-inline:20px}.photo-tips{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
body{overflow-x:clip}

/* ---------- Korelio entegrasyonu: cilt hissi, onaylar, gerçek sonuç alanları ---------- */
.feel-box{border:0;padding:0;margin:20px 0 4px}
.feel-box legend{font-size:12px;color:var(--ink);margin-bottom:9px}
.feel-box small{color:var(--muted)}
.feel-chips{display:flex;flex-wrap:wrap;gap:7px}
.feel-chips button{min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12px;color:var(--ink)}
.feel-chips button[aria-pressed=true]{background:#2e432e;border-color:#2e432e;color:#fff}
.consent-box{display:grid;gap:10px;margin:16px 0 4px}
.consent{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;font-size:11.5px;line-height:1.55;color:#4d5c48}
.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#2e432e}
.consent a{text-decoration:underline;text-underline-offset:3px}
main.is-busy .capture-device .camera-view:after{content:'';position:absolute;left:0;right:0;height:3px;top:0;background:linear-gradient(90deg,transparent,#e6edda,#fff,#e6edda,transparent);box-shadow:0 0 18px #fff;animation:k-busy-scan 2.2s ease-in-out infinite}
@keyframes k-busy-scan{0%{top:6%}50%{top:90%}100%{top:6%}}
@media (prefers-reduced-motion:reduce){main.is-busy .capture-device .camera-view:after{animation:none;top:50%}}
.result-type{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 4px}
.result-type strong{font-size:30px;font-weight:300;letter-spacing:-.04em}
.result-type span{font-size:11px;padding:3px 10px;border-radius:999px;background:#fff;color:var(--muted)}
.result-flags{margin:6px 0 18px;padding:14px 16px;border-radius:14px;background:#eef7fb;color:#2f5160;font-size:13px;line-height:1.6}
.result-products h3,.result-lock h3{font-size:22px;margin:8px 0 14px}
#result-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.result-product{display:grid;gap:6px;padding:14px;background:#fff;border-radius:17px}
.result-product img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f8f1;border-radius:12px;mix-blend-mode:multiply}
.result-product small{font-size:10.5px;color:var(--muted)}
.result-product strong{font-weight:600;font-size:13px;line-height:1.35}
.result-product em{font-style:normal;font-size:11.5px;color:var(--muted);line-height:1.45}
.result-lock{margin:6px 0 20px;padding:24px;border-radius:22px;background:#2e432e;color:#fff}
.result-lock .eyebrow{color:#c7d6b8}
.result-lock h3{color:#fff}
.result-lock ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:7px;font-size:13px}
.result-lock li:before{content:'✓ ';color:#c7d6b8}
.result-lock-actions{display:flex;gap:10px;flex-wrap:wrap}
.result-lock .primary-button{background:#e6edda;color:#2e432e}
.result-lock .secondary-button{background:transparent;color:#fff;border-color:#ffffff55}
.result-fine{font-size:11px;color:#c7d6b8;margin:14px 0 4px}
.text-link{background:none;border:0;padding:0;color:#fff;text-decoration:underline;font-size:11px}
@media (max-width:800px){#result-products{grid-template-columns:1fr}.result-product{grid-template-columns:72px 1fr;align-items:center}.result-product img{grid-row:span 3}.result-type strong{font-size:26px}}
.result-product>span{display:grid;gap:3px;min-width:0}
.analysis-submit{margin-top:14px}
@media (max-width:800px){.result-product img{grid-row:auto;width:72px;height:72px;align-self:center}}