@property --_w{syntax:'<length>';inherits:true;initial-value:100vw}@property --_h{syntax:'<length>';inherits:true;initial-value:100vh}:root{--w:tan(atan2(var(--_w),1px));--h:tan(atan2(var(--_h),1px));--body-max-width:960px;--body-padding:20px;--form-height:40px;--form-radius:24px;--form-gap:2px;--form-padding:2px;--reset-width:40px;--submit-width:50px;--toggle-width:60px;--toggle-height:calc(var(--form-height) - (2 * var(--form-padding)));--describeTag-width:67px;--img-gutter:20px;--img-min:229.3px;--img-max:300px;--font-main:"Goudy Old Style",Garamond,Palatino,serif;--font-list:"Helvetica Neue","Gill Sans",sans-serif;--font-main-color:#444;--font-list-color:#444;--font-main-size:1.15rem;--font-list-size:0.8rem;--font-main-line-height:calc(1.4 + 0.2 * ((100vw - 320px) / (1200 - 320)));--font-list-line-height:calc(80% * var(--font-main-line-height))}*{box-sizing:border-box}html{height:100%}body{margin:0 auto;padding:var(--body-padding);max-width:var(--body-max-width);min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;font-family:var(--font-main);color:var(--font-main-color);background:#f5f5f5;border:none}img{max-width:100%;height:auto}footer,header{text-align:center;font-family:sans-serif}header img{width:40px;cursor:pointer}header nav{margin-top:-1.25rem}header nav ul{padding-left:37px}header nav li{display:inline;list-style:none;margin-right:1rem}.container{width:100%;margin:0 auto;position:relative}form{display:flex;flex-wrap:wrap;gap:var(--form-gap);align-items:center}.form-row{display:flex;align-items:center;gap:var(--form-gap);flex:1 1 100%;border:1px solid #000;border-radius:var(--form-radius);padding:var(--form-padding);background-color:#fff}.input-wrapper{flex:1 1 auto;min-width:0;position:relative}#describeTag{width:var(--describeTag-width);font-size:12px;font-family:sans-serif;color:grey;background-color:#d3d3d3;padding:4px;border-radius:3px;margin-left:4px}#queryInput{height:calc(var(--form-height) - 5px);border:none;outline:0;padding:8px;font-size:14px;background:0 0;border-bottom:1px solid #fff;transition:border-color .3s ease;text-box-trim:trim-both}#queryInput::placeholder{color:grey}#queryInput:focus{border-color:#673ab7}#queryInput:focus::placeholder{color:#d3d3d3}.queryInput{width:100%}.queryInput-describeTag{width:calc(100% - var(--describeTag-width))}.refresh-cache-container{margin-left:auto;margin-right:3px;display:flex;align-items:center;justify-content:center;gap:var(--form-gap);border:1px solid grey;width:30px;height:34px;border-radius:5px 20px 20px 5px;background-color:#f5f5f5}.refresh-cache-container input[type=checkbox]{margin-left:1px;transform:translateY(1px)}#refreshCacheMsg{margin-left:20px;font-family:sans-serif;color:orange!important;font-size:.7rem;display:block}.buttons{display:flex;width:100%;gap:var(--form-gap);position:relative;margin-left:20px}button{height:calc(var(--form-height) - 6px);border:1px solid #000;font-size:14px;cursor:pointer}#resetBtn{width:var(--reset-width);border-radius:5px 0 0 5px}#resetBtn:hover{background-color:red;color:#fff}#submitBtn{width:var(--submit-width);background:#90ee90;border-radius:0 5px 5px 0}@keyframes button-loading-spinner{to{transform:rotate(1turn)}}.button--loading::after{content:"";position:absolute;margin:auto;left:52px;top:10px;width:20px;height:20px;border:4px solid transparent;border-top-color:#006400;border-radius:50%;animation:button-loading-spinner 1s ease infinite;opacity:.75}.input-wrapper ul.suggestions{list-style:none;margin:0;padding:0;border:1px solid #ccc;max-height:150px;overflow-y:auto;position:absolute;top:calc(100% + 2px);left:0;width:100%;background:#fff;display:none;z-index:10;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}ul.suggestions li{padding:8px;cursor:pointer;font-family:var(--font-list)}ul.suggestions li.highlight{background:#e0e0e0}.input-wrapper ul.suggestions::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}#openEnded{display:none}.toggle-container{position:relative;width:var(--toggle-width);height:var(--toggle-height);flex-shrink:0;margin-left:3px}.slider{position:absolute;inset:0;background:#ccc;border-radius:calc(var(--toggle-height)/ 2);cursor:pointer;transition:.4s}.slider:before{content:"";position:absolute;height:calc(var(--toggle-height) - 8px);width:calc(var(--toggle-height) - 8px);left:4px;top:4px;background:#fff;border-radius:50%;transition:.4s}#openEnded:checked+.slider{background:#90ee90}#openEnded:checked+.slider:before{transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}#hint{position:absolute;margin:5px 25px;font-family:sans-serif;font-size:.7rem;padding:8px 1rem 8px;z-index:9999;border:1px solid #f5f5f5;border-left:4px solid #1abc9c;border-radius:4px;background-color:#e8f6f3;color:#16a085}#example-queries{margin-top:.75rem;border-top:1px solid grey;border-radius:0 0 10px 10px}#example-queries p{font-size:.7rem;margin-bottom:0;color:#444}.speciesName{text-decoration:underline wavy blue}#dropdown{margin-top:-10px;padding:10px 10px}#dropdown li{margin:.5rem 0;font-family:var(--font-list);font-size:.7rem;line-height:1rem;cursor:pointer}#dropdown li:hover{background-color:#faebd7}#response{margin:4rem 0}#response.dimmed{background-color:#fff;opacity:.25}.hidden{visibility:hidden;display:none}.invisible{visibility:hidden}pre,span.debuginfo{font-size:.5rem}pre{display:inline-block;padding:.5rem}span.debuginfo{font-family:sans-serif;background-color:#f5f5f5;border:1px solid grey;padding:1px;border-radius:5px;vertical-align:top}p{font-size:var(--font-main-size);line-height:var(--font-main-line-height)}ul{font-size:1rem;color:var(--font-main-color);line-height:var(--font-list-line-height);list-style:outside;padding:20px}figure{background-color:#f5f5f5;padding:5px;border:1px solid #d3d3d3}figcaption{font-family:var(--font-list);font-size:var(--font-list-size);color:var(--font-main-color);line-height:var(--font-list-line-height);padding:5px}#response{line-height:1.5}#response p{margin-bottom:1em}ul.citations{font-family:sans-serif;font-size:.8rem;padding:0}ul.citations li{list-style:none;margin-bottom:1rem}.zai-image-grid{display:grid;gap:var(--img-gutter);margin-top:10px;grid-template-columns:1fr}.zai-image-grid figure{margin:0;width:clamp(var(--img-min),100%,var(--img-max))}.zai-image-grid figcaption{font-size:.9rem;opacity:.8}@media (min-width:550px){.container{max-width:500px}form{flex-wrap:nowrap}.form-row{flex:1;border-radius:var(--form-radius) 0 0 var(--form-radius)}.refresh-cache-container{margin-right:5px;border-radius:5px;width:34px}.buttons{width:auto;margin-left:0}button{height:calc(var(--form-height) + 2px)}#resetBtn{border-radius:0}#submitBtn{border-radius:0 var(--form-radius) var(--form-radius) 0}#hint{width:90%}.zai-image-grid{grid-template-columns:repeat(2,minmax(var(--img-min),1fr))}}@media (min-width:768px){.container{max-width:800px}.zai-image-grid{grid-template-columns:repeat(3,minmax(var(--img-min),1fr))}.zai-image-grid figure:only-child{width:100%;max-width:100%}}