:root{--paper:#f6f5f1;--ink:#272825;--muted:#73736d;--line:#dddcd5;--accent:#aa482a;--white:#fff;--soft:#eeede7;--sans:"Segoe UI",Arial,sans-serif;--mono:Consolas,"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.drop:focus-within{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}header,main,footer{max-width:1280px;margin:auto}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px}.brand{font-size:31px;font-weight:650;letter-spacing:-1.9px;display:inline-flex;align-items:baseline;gap:3px;line-height:1}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}nav{display:flex;gap:26px;margin-left:38px}nav a{font-size:13px}.status{margin-left:auto;font-size:12px;color:var(--muted)}.motion-toggle{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center;white-space:nowrap}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:58px 0 52px}.eyebrow{font:11px var(--mono);letter-spacing:1.4px;color:var(--muted);margin:0 0 20px}h1{font-size:clamp(38px,4.1vw,57px);line-height:1.09;letter-spacing:-2.8px;font-weight:480;margin:0 0 22px}h1 span{display:block;color:var(--accent)}.intro{font-size:16px;color:var(--muted);line-height:1.7;margin:0}.optics{width:270px;display:flex;flex-direction:column;align-items:center;margin-right:58px}.eye-shape{width:175px;height:98px;border:1.5px solid var(--ink);border-radius:85% 15% 85% 15%;transform:rotate(45deg);display:grid;place-items:center;overflow:hidden;background:var(--paper)}.iris{width:77px;height:77px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;transform:rotate(-45deg);background:repeating-conic-gradient(from 0deg,var(--paper) 0deg 7deg,#d6d4ca 8deg 9deg)}.pupil{width:29px;height:29px;border-radius:50%;background:var(--ink);position:relative}.pupil:after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--paper)}.eye-caption{font:9px var(--mono);letter-spacing:2px;margin-top:43px;color:var(--muted)}.workspace{scroll-margin-top:24px}.section-label{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:1.4px;padding:0 0 16px;color:var(--muted)}.section-label span:last-child{font:12px var(--sans);letter-spacing:0}.work-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid var(--line);background:#faf9f6}.upload-panel{padding:26px;border-right:1px solid var(--line)}.drop{position:relative;min-height:334px;border:1px dashed #c7c5bb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;padding:28px 16px;background:var(--paper)}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop.drag{border-color:var(--accent);background:#f0e9e0}.upload-icon{font-size:45px;line-height:1;font-weight:200;color:var(--accent);margin-bottom:14px}.drop strong{font-size:22px;font-weight:500;letter-spacing:-.5px}.drop>span:not(.upload-icon){font-size:13px;color:var(--muted)}.drop small{font:10px var(--mono);color:var(--muted);margin-top:20px}kbd{font:10px var(--mono);border:1px solid #d6d3c9;border-radius:3px;padding:3px 5px;background:#fff}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border:0;background:var(--ink);color:white;font-weight:500;margin-top:22px;min-height:55px}.primary:hover:enabled{background:var(--accent)}.primary:disabled{opacity:1;background:#e4e2da;color:#96948b}.primary span:last-child{font-size:24px;line-height:1}.privacy{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.error{color:#a83024;margin:10px 0 0}.error:empty{display:none}.result-panel{padding:25px 30px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}h2{font-weight:500;font-size:16px;margin:0}.tag{font:11px var(--mono);color:#9b998e}h3{font-weight:500;font-size:24px;letter-spacing:-.7px;line-height:1.3;margin:18px 0 12px}#empty{padding-top:18px}#empty .empty-symbol{font:27px var(--mono);color:#aaa79b;margin:18px 0 24px}#empty h3{font-size:22px}#empty p,#busy p{color:var(--muted);font-size:13px;margin:0 0 25px}.check-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.check-row span:last-child{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}#result{padding-top:26px}#result-label{color:var(--accent);margin-bottom:13px}#verdict{font-size:30px;letter-spacing:-1px;margin-top:0}#result[data-verdict=photo] #result-label{color:#48715b}#result[data-verdict=uncertain] #result-label{color:#947739}.result-description{font-size:13px;color:var(--muted);margin:0 0 23px;max-width:40ch}details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:13px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--mono);font-size:17px;color:var(--muted)}details[open]>summary:after{content:"−"}.score{display:flex;gap:16px;align-items:center;margin:10px 0 20px}.score>span{font-size:57px;line-height:1;letter-spacing:-3px;font-weight:450}.score small{font-size:11px;color:var(--muted)}meter{width:100%;height:5px;display:block;margin-bottom:22px;border:0;background:var(--soft)}meter::-webkit-meter-bar{background:var(--soft);border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:var(--accent)}meter::-moz-meter-bar{background:var(--accent)}.muted{color:var(--muted);font-size:12px;line-height:1.65}.muted:empty{display:none}.diagnostic img{width:100%;max-height:350px;object-fit:contain;background:#20221f;margin-bottom:20px}.secondary{border:1px solid #d1cfc5;background:transparent;padding:8px 12px;font-size:12px;border-radius:2px}.secondary:hover:enabled{border-color:var(--ink);background:var(--soft)}.secondary.active{background:var(--ink);color:#fff;border-color:var(--ink)}.text-btn{border:0;background:none;color:var(--muted);padding:8px 0;font-size:12px;white-space:nowrap}.text-btn:hover{color:var(--accent)}.report-download{margin-top:20px;width:100%}.canvas-wrap{background:#232521;display:flex;justify-content:center;align-items:center;min-height:230px;overflow:hidden}canvas{display:block;max-width:100%;max-height:520px;width:auto;height:auto;cursor:crosshair;touch-action:manipulation}.file-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}#filename{min-width:0;overflow-wrap:anywhere;font:11px var(--mono);color:var(--muted)}.face-tools{display:flex;gap:18px;align-items:center;padding-top:17px}.eye-confirm{display:flex;align-items:center;gap:8px;font-size:12px;margin:15px 0 20px}.eye-confirm input{flex-shrink:0}.tools{display:flex;gap:12px;flex-wrap:wrap;padding:5px 0}.methods{margin-top:30px;border-bottom:1px solid var(--line)}.methods>summary{font-size:15px;padding:22px 0;gap:30px}.method-summary{font-size:12px;color:var(--muted);margin-left:auto}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:15px 0 32px}.method-number{font:10px var(--mono);color:var(--accent)}.method-grid h3{font-size:19px;letter-spacing:-.4px}.method-grid p{font-size:13px;color:var(--muted);line-height:1.8}.method-grid a{font-size:12px;display:block;margin:8px 0;text-decoration:underline;text-underline-offset:4px}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 0;color:var(--muted);font-size:11px}footer .brand{font-size:25px;color:var(--ink)}footer>span:last-child{font:10px var(--mono)}#busy{padding:50px 0}.spinner{width:28px;height:28px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%}.progress-track{height:2px;background:var(--line);overflow:hidden}.progress-track:after{content:"";display:block;width:30%;height:100%;background:var(--accent)}@media(max-width:1370px){header,main,footer{margin-left:48px;margin-right:48px}}@media(max-width:850px){header,main,footer{margin-left:26px;margin-right:26px}header{gap:22px}nav{margin-left:15px;gap:20px}.motion-toggle{font-size:0;gap:0}.motion-toggle:after{content:"Без анимации";font-size:10px;margin-left:5px}.status{display:none}.motion-toggle{margin-left:auto}.hero{padding:44px 0}.optics{margin-right:0;width:200px}.work-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.upload-panel,.result-panel{padding:22px}.drop strong{font-size:19px}.drop>span:not(.upload-icon){font-size:12px}.face-tools{gap:10px;flex-wrap:wrap}.method-grid{gap:22px}}@media(max-width:640px){header,main,footer{margin-left:20px;margin-right:20px}header{height:77px;gap:20px}.brand{font-size:28px}nav{margin-left:auto;gap:20px}nav a{font-size:12px}.motion-toggle{display:none}.hero{gap:10px;padding:35px 0 38px}h1{font-size:36px;letter-spacing:-1.8px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:16px}.intro{font-size:13px}.intro br{display:none}.optics{width:64px;flex-shrink:0;margin-top:10px}.eye-shape{width:60px;height:34px}.iris{width:26px;height:26px}.pupil{width:12px;height:12px}.pupil:after{width:3px;height:3px;top:2px;right:2px}.eye-caption{display:none}.section-label{font-size:9px;gap:10px;letter-spacing:.6px}.section-label span:last-child{font-size:10px}.work-grid{grid-template-columns:1fr}.upload-panel{border-right:0;border-bottom:1px solid var(--line);padding:19px}.drop{min-height:280px}.result-panel{padding:23px}.canvas-wrap{min-height:180px}canvas{max-height:460px}#empty{padding-bottom:8px}#empty .empty-symbol{display:none}#empty h3{margin-top:12px}.method-summary{display:none}.method-grid{grid-template-columns:1fr;gap:24px}footer{padding:28px 0;gap:20px}footer>span:last-child{display:none}footer>span:nth-child(2){font-size:10px;max-width:170px;text-align:right}}
/* Accounts and a reserved display-ad placement. */
.account-open{flex-shrink:0;max-width:145px;overflow:hidden;text-overflow:ellipsis}.advertisement{position:relative;border:1px solid var(--line);padding:25px 20px 15px;margin-top:26px;min-height:125px;text-align:center;overflow:hidden}.ad-label{position:absolute;left:14px;top:9px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.ad-placeholder{font-size:13px;color:#8b8980;line-height:60px;margin:0}.adsbygoogle{display:block;min-height:90px}.advertisement:has(.adsbygoogle[data-ad-status="unfilled"]){display:none}#account-dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:27px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0003}#account-dialog::backdrop{background:#20231fcc;backdrop-filter:blur(3px)}.account-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.account-heading h2{font-size:22px;letter-spacing:-.6px}.account-heading button{font-size:25px;line-height:1;padding:3px 8px}#account-form label{display:block;font-size:12px;margin:15px 0 6px}#account-form input{width:100%;padding:12px;border:1px solid #c8c6bc;border-radius:2px;background:#fff;color:var(--ink)}#account-form .primary{justify-content:center}#account-switch{display:block;margin:17px auto 0;text-align:center;white-space:normal}#account-name{font-size:24px;overflow-wrap:anywhere;margin:0 0 24px}#account-signed-in{padding-bottom:10px}#account-error{font-size:12px}@media(max-width:1100px){header{gap:20px}nav{margin-left:10px}.status{display:none}.motion-toggle{margin-left:auto}}@media(max-width:640px){header{gap:15px}.account-open{max-width:90px;padding:7px 10px}.advertisement{margin-top:20px;padding-left:12px;padding-right:12px}nav{gap:13px;margin-left:auto}nav a{font-size:11px}}
