html{color:#fff;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.7}body{--surface:#2fa8d0;background:#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%;margin-top:150px}#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}.button-div{height:40px}.custom-button{background:var(--surface);color:#000;cursor:pointer;border:2px solid var(--surface);-webkit-user-select:none;user-select:none;border-radius:20px;height:40px;padding:10px 20px;font-size:1rem;font-weight:700}.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)}.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{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}.input-box{display:flex}.review-select-dropdown{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;gap:0;width:200px;height:130px;display:flex}.review-select-button{cursor:pointer;background:var(--surface);border:1px solid var(--surface);color:#fff;border-radius:16px;outline:none;width:100%;height:50px}.review-select-button.active{border-bottom:1px solid #000;border-radius:16px 16px 0 0}.review-select-button:hover{border-color:#fff}.review-select-item{cursor:pointer;border:1px solid var(--surface);background:var(--surface);text-align:center;border-radius:0;justify-content:center;align-items:center;width:100%;height:40px;display:flex}.review-select-item.last{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.review-select-item:hover{cursor:pointer;border-color:#fff}