:root{--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--card-foreground:#0f172a;--popover:#ffffff;--popover-foreground:#0f172a;--primary:#1e293b;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#1e293b;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#0f172a;--radius:0.5rem;--emerald-50:hsl(152,81%,96%);--emerald-100:hsl(149,80%,90%);--emerald-200:hsl(152,76%,80%);--emerald-300:hsl(156,72%,67%);--emerald-400:hsl(158,64%,52%);--emerald-500:hsl(160,84%,39%);--emerald-600:hsl(161,94%,30%);--emerald-700:hsl(163,94%,24%);--emerald-800:hsl(163,88%,20%);--emerald-900:hsl(164,86%,16%)}.dark{--background:#0f172a;--foreground:#f8fafc;--card:#0f172a;--card-foreground:#f8fafc;--popover:#0f172a;--popover-foreground:#f8fafc;--primary:#f8fafc;--primary-foreground:#1e293b;--secondary:#1e293b;--secondary-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#1e293b;--accent-foreground:#f8fafc;--destructive:#7f1d1d;--destructive-foreground:#f8fafc;--border:#1e293b;--input:#1e293b;--ring:#cbd5e1}*{border-color:#e5e7eb}body{background-color:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}h1{font-size:2.25rem}h1,h2{font-weight:700;letter-spacing:-.025em}h2{font-size:1.875rem}h3{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.enhanced-card{border-radius:.75rem;background-color:#ffffff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.enhanced-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-emerald{background-color:var(--emerald-600);color:white;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.btn-emerald:hover{background-color:var(--emerald-700);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.btn-emerald:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--emerald-500)}.tree-container{border-width:2px;border-style:solid;border-radius:.75rem;padding:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background-color:white}.gene-option{padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.gene-option:hover{background-color:var(--emerald-50)}.custom-tab{font-weight:500;transition:color .2s ease,border-color .2s ease}.custom-tab-active{color:var(--emerald-700);border-bottom:2px solid var(--emerald-600)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--emerald-300) #f3f4f6}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--emerald-300);border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--emerald-400)}.ascii-tree{font-family:monospace;font-size:.875rem;background-color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;border:1px solid #e5e7eb}.info-box{background-color:var(--emerald-50);border-left:4px solid var(--emerald-600);padding:1rem;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;color:var(--emerald-800)}.tree-display-container{margin-left:auto;margin-right:auto;max-width:42rem;background-color:#ffffff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:1rem}.tree-image-container{position:relative;width:100%;height:400px;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;background-color:#ffffff}.gene-selector{display:flex;flex-direction:column;gap:1rem;border-radius:.5rem;border:1px solid #e5e7eb;padding:1rem;background-color:#ffffff}.gene-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;transition:background-color .2s ease}.gene-item:hover{background-color:var(--emerald-50)}.analysis-results-card{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-radius:.75rem;background-color:#ffffff;padding:1.5rem}.results-tabs{width:100%;border-bottom:1px solid #e5e7eb}.tab-trigger{padding:.5rem 1rem;font-weight:500;color:#4b5563;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.tab-trigger:hover{color:var(--emerald-600)}.tab-trigger-active,.tab-trigger:hover{border-bottom:2px solid var(--emerald-600)}.tab-trigger-active{color:var(--emerald-700)}.result-info-box{background-color:var(--emerald-50);padding:1rem;border-radius:.5rem;border:1px solid var(--emerald-100);color:var(--emerald-800)}.hero-section{position:relative;background:linear-gradient(180deg,#ffffff,#f9fafb);padding:6rem 1.5rem}@media (min-width:768px){.hero-section{padding-top:8rem;padding-bottom:8rem}}.hero-title{font-size:2.25rem;line-height:1.2;font-weight:700;letter-spacing:-.025em;color:#111827;margin-bottom:1rem}@media (min-width:768px){.hero-title{font-size:3.75rem;line-height:1.1}}.hero-subtitle{font-size:1.25rem;line-height:1.75rem;color:#4b5563;max-width:42rem;margin-bottom:2.5rem}@media (min-width:768px){.hero-subtitle{font-size:1.5rem;line-height:2rem}}.hero-cta-primary{background-color:var(--emerald-600);color:#ffffff;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;display:inline-flex;align-items:center;text-decoration:none;transition:all .3s ease}.hero-cta-primary:hover{background-color:var(--emerald-700);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.hero-cta-secondary{background-color:#ffffff;border:1px solid #e5e7eb;color:#111827;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;display:inline-flex;align-items:center;text-decoration:none;transition:all .3s ease}.hero-cta-secondary:hover{background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.hero-visual{margin-top:4rem;width:100%;max-width:48rem;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.about-section{padding:5rem 1.5rem;background-color:#ffffff}.about-title{font-size:1.875rem;line-height:1.2;font-weight:700;color:#111827;margin-bottom:1rem}@media (min-width:768px){.about-title{font-size:2.5rem;line-height:1.2}}.about-subtitle{font-size:1.125rem;line-height:1.75rem;color:#4b5563;max-width:42rem;margin-left:auto;margin-right:auto}.info-card{background-color:#ffffff;border-radius:.75rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border:1px solid #f3f4f6;padding:1.5rem;transition:all .3s ease}.info-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.info-card-header{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:1rem}.info-card-icon{height:2rem;width:2rem;color:var(--emerald-600)}.info-card-title{font-size:1.25rem;font-weight:700;color:#111827}.info-card-description{font-size:.875rem;color:#6b7280}.site-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding-top:2rem;padding-bottom:2rem}.footer-brand{display:flex;align-items:center;gap:.5rem}.footer-nav{display:flex;gap:1.5rem}.footer-link{color:#4b5563;transition:color .2s ease;text-decoration:none}.footer-link:hover{color:var(--emerald-600)}.footer-social{display:flex;gap:1rem}.footer-copyright{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#6b7280}.site-header{border-bottom:1px solid #e5e7eb;background-color:#ffffff;position:sticky;top:0;z-index:10}.header-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;justify-content:space-between}.header-container,.site-logo{display:flex;align-items:center}.site-logo{gap:.5rem}.site-nav{display:flex;gap:1.5rem}.nav-item{color:#4b5563;transition:color .2s ease;text-decoration:none}.nav-item:hover{color:var(--emerald-600)}.nav-link{position:relative;display:inline-block;padding-bottom:.25rem}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem}.loading-spinner{height:2rem;width:2rem;animation:spin 1s linear infinite;color:var(--emerald-600);margin-bottom:1rem}.error-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem;padding-bottom:3rem}.error-icon{height:2rem;width:2rem;color:#ef4444;margin-bottom:1rem}.error-message{color:#dc2626;font-weight:500;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes draw-line{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-pulse-subtle{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-draw-line{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-line 1.5s ease-in-out forwards}.tree-node{fill:var(--emerald-500);stroke:var(--emerald-600);stroke-width:1.5;transition:all .3s ease}.tree-branch{stroke:var(--emerald-700);stroke-width:1.5;transition:all .3s ease}.tree-label{font-size:12px;font-family:system-ui,-apple-system,sans-serif;fill:#374151}.phylo-tree-svg{width:100%;height:auto;max-height:500px}.text-emerald-gradient{background:linear-gradient(90deg,var(--emerald-600),var(--emerald-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-emerald-gradient{background:linear-gradient(135deg,var(--emerald-500),var(--emerald-700))}.bg-grid-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.container{width:100%;padding-left:1rem;padding-right:1rem}.container,.mx-auto{margin-left:auto;margin-right:auto}.max-w-6xl{max-width:72rem}.max-w-2xl{max-width:42rem}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.inline-flex{display:inline-flex}.items-center{align-items:center}.rounded-md{border-radius:.375rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.ml-2{margin-left:.5rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.min-h-screen{min-height:100vh}.gap-8{gap:2rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.tree-image-container{height:300px}.ascii-tree{font-size:.75rem}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}.h-24{height:6rem}.w-24{width:6rem}.bg-emerald-50{background-color:var(--emerald-50)}.text-emerald-500{color:var(--emerald-500)}.bg-white{background-color:white}