:root{--forest:#173d2b;--forest-hover:#315b46;--sage:#a9bca7;--sage-pale:#edf2e9;--cream:#f7f3e9;--paper:#fffdf8;--muted:#6d786f;--line:#dce3d8;--card-radius:28px;--photo-radius:20px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:#17251d;font:15px/1.45 Arial,sans-serif;overflow:hidden}[hidden]{display:none!important}main{width:min(1480px,calc(100vw - 80px));height:100dvh;margin:auto;display:grid;grid-template-rows:76px clamp(145px,19vh,190px) minmax(0,1fr) 58px}header,footer{display:flex;align-items:center;justify-content:space-between;min-height:0}.brand{display:flex;align-items:center;gap:10px;color:var(--forest);text-decoration:none}.brand img{width:61px;height:61px;object-fit:contain}.brand strong,h1,h2,h3{font-family:Georgia,serif}.brand strong{font-size:30px;line-height:1}nav{display:flex;gap:24px;align-items:center;color:var(--forest);font-size:13px}nav:hover{color:var(--forest-hover)}.hero{text-align:center;align-self:center;padding:8px 0}.hero p{margin:0 0 8px;font:700 10px Arial;letter-spacing:.15em;color:var(--forest)}.hero h1{margin:0 0 8px;font-size:clamp(38px,3.8vw,56px);line-height:.94;letter-spacing:-.04em;color:var(--forest)}.hero span{color:var(--muted);font-size:13px}.card{min-height:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:0 16px 40px #193d2b10;overflow:visible}.two{display:grid;grid-template-columns:44% 56%;height:100%;min-height:0}.photo{min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(10px,1vw,14px);position:relative;background:#f1f4ee;border-radius:var(--card-radius) 0 0 var(--card-radius)}.photo>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--photo-radius)}.photo button{position:absolute;right:24px;bottom:24px;border:0;border-radius:999px;background:#173d2bdc;color:#fff;padding:6px 10px;font-size:11px;backdrop-filter:blur(5px);cursor:pointer}.photo button:hover{background:var(--forest-hover)}.two article{min-height:0;padding:clamp(22px,3.1vw,48px);display:flex;flex-direction:column;justify-content:center;max-width:650px}.two h2{margin:0 0 clamp(10px,1.2vh,16px);font-size:clamp(31px,3vw,45px);line-height:1.04;letter-spacing:-.035em;color:var(--forest)}.two button:not(.change){height:52px;margin-top:clamp(14px,2vh,20px);border:0;border-radius:999px;background:var(--forest);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.two button:not(.change):hover{background:var(--forest-hover);box-shadow:0 8px 18px #173d2b22;transform:translateY(-1px)}.two button:focus-visible,#empty label:focus-visible{outline:3px solid var(--sage);outline-offset:3px}.plain{height:auto!important;background:none!important;color:var(--forest)!important;margin:8px auto!important;padding:7px!important}.match{align-self:flex-start;margin-bottom:16px;padding:7px 11px;border-radius:999px;background:var(--sage-pale);color:var(--forest);font-size:9px;font-weight:bold;letter-spacing:.12em}#species{max-width:560px}#confidence{margin:0 0 9px;font-size:clamp(20px,2vw,27px);font-weight:700;color:var(--forest)}.bar{height:8px;border-radius:999px;background:var(--sage-pale);overflow:hidden}.bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--forest);transition:width .38s ease}.two h3{margin:clamp(16px,2.4vh,24px) 0 6px;font-size:19px;color:var(--forest)}.two ol{margin:0;padding:0;list-style:none}.two li{display:grid;grid-template-columns:20px minmax(115px,1fr) minmax(85px,145px) 45px;gap:10px;align-items:center;padding:clamp(4px,.75vh,7px) 0;border-bottom:1px solid #eef1ec}.two li em{font-style:normal;color:var(--muted);font-size:12px}.two li span{font-size:15px}.two li div{height:5px;background:var(--sage-pale);border-radius:999px;overflow:hidden}.two li i{display:block;height:100%;background:var(--sage);border-radius:inherit;transition:width .35s ease}.two li b{font-size:13px;color:var(--forest);text-align:right}.center{text-align:center;align-items:center}.dots{color:var(--sage);letter-spacing:4px;animation:pulse 1s infinite}#empty,#error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}#empty{border:2px dashed transparent;transition:.2s}#empty.over,#empty:hover{background:#f4f7f1;border-color:var(--sage)}#empty img{width:68px;height:68px;object-fit:contain}#empty h2,#error h2{margin:3px;font-size:31px;color:var(--forest)}#empty p,#error p{margin:0;color:var(--muted);text-align:center;font-size:13px}#empty label,#error button{margin-top:5px;padding:10px 18px;border:1px solid var(--forest);border-radius:999px;color:var(--forest);font-weight:bold;cursor:pointer}#empty small{font-size:10px;color:var(--muted)}footer{font-size:12px;color:var(--forest)}footer span:first-child{display:flex;align-items:center;gap:7px}footer img{width:36px;height:36px;object-fit:contain}footer b{font:700 17px Georgia,serif}@keyframes pulse{50%{opacity:.35}}@media(max-height:800px) and (min-width:761px){main{grid-template-rows:62px 108px minmax(0,1fr) 42px}.brand img{width:55px;height:55px}.brand strong{font-size:27px}.hero h1{font-size:clamp(34px,3.4vw,43px)}.hero span{font-size:12px}.two article{padding:13px 28px}.two h2{font-size:clamp(25px,2.5vw,34px)}.match{margin-bottom:8px}.two h3{font-size:17px;margin:9px 0 3px}.two li{padding:2px 0;font-size:11px}.two li span{font-size:13px}.two button:not(.change){height:43px;margin-top:8px}}@media(max-width:760px){body{overflow:auto}main{width:100%;height:auto;min-height:100dvh;padding:0 16px;display:block}.site-header{height:78px}nav{display:none}.hero{padding:30px 0}.card{min-height:420px}.two{height:auto;grid-template-columns:1fr}.photo{height:390px;border-radius:var(--card-radius) var(--card-radius) 0 0}.two article{padding:30px 25px;max-width:none}footer{padding:22px 4px;flex-direction:column;align-items:flex-start;gap:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}