html,#root{height:100%;width:100%;margin:0;overflow-x:hidden;background-color:#f6f5f4}.prevent-scroll{overflow:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{height:6vh;display:flex;justify-content:center;margin-bottom:10px}.footer{text-align:center;font-size:.9rem;padding:10px;color:#333;background-color:#f0f0f0;border-top:1px solid #000000}nav ul{list-style-type:none;padding:0;margin:0;display:flex;align-items:center;height:100%}nav li{margin-right:10px}.home-container{display:flex;flex-direction:column;flex:1}.top-row{display:flex;width:100%;max-height:70vh;height:50vw}.top-row-left,.top-row-right{flex:1;display:flex}.top-row-left{justify-content:center;align-items:center}.bottom-row{height:6vh;width:100%;flex:1;display:flex;justify-content:space-between}.lineage-graph{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.lineage-graph img{max-width:100%;max-height:100%;object-fit:contain}.circle-link{text-decoration:none}.circle{width:85px;height:85px;border-radius:50%;background-color:#007bff;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1rem;margin:0 5px;transition:background-color .3s;text-align:center}.circle:hover{background-color:#0056b3}.bottom-row-comp{display:flex;justify-content:center;align-items:center;width:100%;background-color:#d3d3d3;border-top:1px solid black;overflow-x:auto}.home-button{align-items:center}.btn{min-width:120px;padding:12px 17px;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff1a;background:radial-gradient(ellipse at bottom,#47515c,#0b151e 45%);color:#ffffffa8;text-align:center;cursor:pointer}.btn:before{content:"";width:70%;height:1px;position:absolute;bottom:0;left:15%;background:#fff;background:linear-gradient(90deg,#fff0,#fff,#fff0);opacity:.2;transition:all 1s cubic-bezier(.15,.83,.66,1)}.btn:hover{color:#fff}.btn:hover:before{opacity:1}.image-gallery-container{display:flex;flex-direction:column;align-items:center;min-width:100%}.request-upload{display:flex}.image-gallery{display:flex;align-items:center;justify-content:space-between;height:85%;max-height:85%;min-width:100%}.gallery-button{background-color:transparent;border:none;font-size:2rem;color:#333;cursor:pointer}.image-container{display:flex;justify-content:center;max-height:100%}.image-container img{max-width:100%;max-height:100%;object-fit:contain}.image-caption{margin-top:10px;font-size:1rem;text-align:center;color:#333;flex:1}.request-upload-button{border-radius:8px;border:1px solid transparent;padding:.2em .4em;font-size:.8em;font-weight:500;font-family:inherit;background-color:#434343;color:#ebebeb;cursor:pointer;transition:border-color .25s;margin-bottom:10px}.caption-container{display:flex;height:15%;flex-direction:column;flex:1}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;text-align:center;border-radius:10px;color:#333}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.upload-form{display:flex;flex-direction:column;align-items:center}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}.loading-text{color:#fff;margin-top:20px;font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.NoImagesText{color:#333}.recent-feed{padding:20px;text-align:center;max-width:600px;margin:0 auto}.feed-column{display:flex;flex-direction:column;gap:30px}.feed-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:10px}.feed-item img{width:100%;height:auto;border-radius:4px}.feed-item p{margin:5px 0;font-size:.95rem;color:#222}@media (max-width: 1000px){html,#root{overflow-y:auto}.home-container{overflow:visible}.top-row{flex-direction:column;max-height:none;height:auto}.top-row-right{height:100vw;min-height:100vw;max-height:100vw}.circle{height:80px;width:80px;margin:5px;text-align:center}.bottom-row-comp{flex-wrap:wrap}.gallery-button{background-color:transparent;border:none;font-size:1rem;color:#333;cursor:pointer}.choosefiles,.image-gallery-container{margin-bottom:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}