html{color:#fff;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.7}body{background:var(--bg);--surface:#2fa8d0;--bg:#04000a;margin:0;padding:0}button{font-size:1rem}a{color:#fff}h1,h2,h3,h4{font-family:Times New Roman,serif}*{box-sizing:border-box}.site-headline{color:#2fa8d0;width:fit-content;margin:50px min(100px,10vw);font-size:clamp(1rem,min(8vw,8vh),4rem);font-weight:700;position:relative}.site-headline:before{content:"";background:#2fa8d0;border-radius:20px;width:100%;height:4px;position:absolute;bottom:0;right:0}.site-box{width:100%;height:fit-content;margin-top:150px}.custom-button{background:var(--surface);color:#000;cursor:pointer;border:2px solid var(--surface);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;height:45px;padding:10px 20px;font-size:1rem;font-weight:700;display:flex}.custom-button:hover{color:#fff;border-color:#fff}.custom-button.inactive{opacity:.3;cursor:default;color:#000}.custom-button.inactive:hover{border-color:var(--surface)}#navbar-main{z-index:10;background:#04000a;border-bottom:1px solid #2fa8d0;justify-content:center;align-items:center;gap:20px;width:100%;height:80px;display:flex;position:fixed;top:0;left:0}.navbar-item{justify-content:center;align-items:center;width:120px;height:80px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.navbar-item:hover{background-color:#2fa8d0}.species-item{list-style:none;position:relative}.species-item:before{content:"";background:#fff;border-radius:8px;width:10px;height:1.5px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.site-box a{border-bottom:1px solid #fff;padding-bottom:2px;text-decoration:none;transition:border-color .15s}a:hover{border-color:#c59eff}.explanation-box{border-radius:12px;flex-flow:column wrap;flex:1;min-width:300px;margin:50px;display:flex;overflow:hidden}.image-box{justify-content:center;align-items:center;height:fit-content;margin-top:40px;margin-bottom:40px;display:flex}.image-box img{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #000;border-radius:10px;max-width:min(700px,80vw);height:auto;max-height:400px}.image-box img:hover{border-color:#fff}.content-block{flex-wrap:wrap;justify-content:center;align-items:center;column-gap:20px;width:fit-content;height:fit-content;display:flex}.loader-container{justify-content:center;width:85px;height:35px;padding:10px 0;scroll-margin-top:100px;display:flex}.loader{--g1:conic-gradient(from 90deg at left 3px top 3px, #0000 90deg, #fff 0);--g2:conic-gradient(from -90deg at bottom 3px right 3px, #0000 90deg, #fff 0);background:var(--g1), var(--g1), var(--g1), var(--g2), var(--g2), var(--g2);background-position:0,50%,100%;background-repeat:no-repeat;width:100%;height:100%;animation:1s infinite l8}@keyframes l8{0%{background-size:25px 100%,25px 100%,25px 100%}20%{background-size:25px 50%,25px 100%,25px 100%}40%{background-size:25px 50%,25px 50%,25px 100%}60%{background-size:25px 100%,25px 50%,25px 50%}80%{background-size:25px 100%,25px 100%,25px 50%}to{background-size:25px 100%,25px 100%,25px 100%}}.request-box{flex-direction:column;flex:none;align-items:center;width:min(700px,80%);height:fit-content;margin:0 50px;display:flex}.request-box *{box-sizing:content-box}.input-box-cnn{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:20px;width:min(500px,100%);height:160px;scroll-margin-top:100px;display:flex}.response-block{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:80%;height:100px;margin:40px 40px 100px;display:flex}.conten-block-text{text-align:center;flex-direction:column;justify-content:center;min-width:140px;margin:0;display:flex}.button-div *{box-sizing:border-box}.review-description{width:min(800px,70vw);height:fit-content;margin:70px;font-size:1.1rem}.input-box{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:fit-content(300px);place-self:center;place-items:center;gap:10px 10vw;width:98vw;max-width:calc(600px + 20vw);min-height:100vh;display:grid}.input-component-box{grid-template-rows:30px minmax(150px,1fr) fit-content(30px);place-items:center;gap:20px;width:fit-content;min-width:200px;height:fit-content;display:grid}.input-component-box.text{grid-column:1/-1}.description{grid-area:1/1;align-self:flex-end;margin:0}.input-component{grid-area:2/1;align-self:flex-start}.description.second{grid-area:3/1;align-self:flex-start}.review-select-dropdown{-webkit-user-select:none;user-select:none;--radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:0;width:fit-content;height:fit-content;display:flex}.review-select-dropdown.rating{width:180px}.review-select-button{cursor:pointer;background:var(--surface);border:1px solid var(--surface);color:#000;border-radius:var(--radius);outline:none;width:200px;height:50px;font-weight:700}.rating .review-select-button{width:60px}.review-select-button.active{border-top-right-radius:var(--radius);border-top-left-radius:var(--radius);border-bottom:2px solid #000;border-bottom-right-radius:0;border-bottom-left-radius:0}.review-select-button:hover{color:#fff;border:2px solid #fff;font-weight:700}.review-select-menu{grid-auto-rows:40px;width:200px}.website .review-select-menu{grid-template-rows:repeat(2,40px);grid-template-areas:"box0""box1"}.rating .review-select-menu{grid-template-columns:repeat(3,60px);grid-template-areas:"box0 box1 box2""box0 box3 box2";width:fit-content}.review-select-item{cursor:pointer;border:2px solid var(--surface);background:var(--surface);text-align:center;border-radius:0;justify-content:center;align-items:center;width:100%;display:flex}.review-select-item:hover{cursor:pointer;border:2px solid #fff;font-weight:700}.rating .review-select-box-0{border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius)}.rating .review-select-box-2{border-bottom-right-radius:var(--radius);border-top-right-radius:var(--radius)}.website .review-select-box-1{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.review-text-box{flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.review-text{resize:none;border:2px solid var(--bg);background:var(--surface);color:#000;border-radius:8px;width:min(600px,98vw);height:400px;padding:10px;font-family:Space Mono,monospace;font-size:15px;overflow:auto}.review-text::-webkit-scrollbar{width:10px}.review-text::-webkit-scrollbar-track{background:#aeaeae;border-radius:10px}.review-text::-webkit-scrollbar-thumb{cursor:pointer;background:#535353;border-radius:10px}.review-text::-webkit-scrollbar-thumb:hover{background:#2e2e2e}.review-text:focus{border:2px solid #fff;outline:none}.review-text::placeholder{color:#fff}.review-select-menu{display:grid}