@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@400;500;600;700&display=swap";:root,.dark-theme{--bg-dark:#09090b;--bg-gradient:#09090b;--surface-color:#18181b;--surface-color-elevated:#27272a;--surface-border:#27272a;--surface-hover:#27272a;--primary:#3b82f6;--primary-hover:#2563eb;--primary-faded:#3b82f626;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#8b5cf6;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-fast:.15s ease;--transition-normal:.3s ease}.light-theme{--bg-dark:#f4f4f5;--bg-gradient:#f4f4f5;--surface-color:#fff;--surface-color-elevated:#fff;--surface-border:#e4e4e7;--surface-hover:#f4f4f5;--primary:#007aff;--primary-hover:#0056b3;--primary-faded:#007aff26;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--accent:#5856d6;--danger:#ff3b30;--warning:#ff9500;--success:#34c759}.theme-marketing{--bg-dark:#1c1c1c;--bg-gradient:linear-gradient(135deg, #1c1c1c 0%, #2a2a2a 100%);--surface-color:#2a2a2ad9;--surface-border:#8c7b6b33;--surface-hover:#3c3730e6;--primary:#8c7b6b;--primary-hover:#a08e7e;--primary-faded:#8c7b6b33;--text-primary:#f3f0eb;--text-secondary:#f3f0eb99;--text-muted:#f3f0eb66;--accent:#8c7b6b;--kaleo-cream:#f3f0eb}.light-theme .theme-marketing{--bg-dark:#f3f0eb;--bg-gradient:linear-gradient(135deg, #f3f0eb 0%, #eae4d9 100%);--surface-color:#ffffffd9;--surface-border:#8c7b6b26;--surface-hover:#fff;--text-primary:#2a2a2a;--text-secondary:#2a2a2a99;--text-muted:#2a2a2a66}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--transition-normal), color var(--transition-normal);background-attachment:fixed;margin:0;font-family:Inter,-apple-system,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::selection{background-color:var(--primary-faded);color:var(--primary)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-family:Inter,system-ui,sans-serif;font-weight:600}.font-display{letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-weight:400}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.2}h3{font-size:1.25rem;line-height:1.3}h4{font-size:1rem;line-height:1.4}p{margin:0 0 1rem;line-height:1.5}p:last-child{margin-bottom:0}.app-content-pad{padding:1.25rem}.app-container-full{background:var(--bg-dark);width:100%;max-width:1300px;margin:0 auto;padding:0}@media (width<=1350px){.app-container-full{max-width:95%}}.native-list{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--surface-border);margin-bottom:1.5rem;overflow:hidden}@media (width<=768px){.native-list{border-left:none;border-right:none;border-radius:0;margin-left:-1rem;margin-right:-1rem}}.native-list-item{border-bottom:1px solid var(--surface-border);transition:background var(--transition-fast);background:0 0;flex-direction:column;padding:1rem 1.25rem;display:flex}.native-list-item:last-child{border-bottom:none}button.native-list-item,a.native-list-item{text-align:left;cursor:pointer;width:100%}button.native-list-item:active,a.native-list-item:active{background:var(--surface-hover)}.segmented-control{background:var(--surface-color-elevated);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:1.5rem;padding:.25rem;display:flex;overflow-x:auto}.segmented-control::-webkit-scrollbar{display:none}.segment-btn{text-align:center;color:var(--text-secondary);border-radius:calc(var(--radius-sm) - 2px);white-space:nowrap;flex:1 0;padding:.4rem .5rem;font-size:.85rem;font-weight:500;transition:all .2s}.segment-btn.active{background:var(--surface-color);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.input-base{background:var(--surface-color-elevated);color:var(--text-primary);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);border:1px solid #0000;padding:.85rem 1.1rem;font-family:inherit;font-size:1rem}.input-base:focus{border-color:var(--primary);background:var(--surface-color);outline:none}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.btn-primary:active{opacity:.9;transform:scale(.98)}.theme-marketing .btn-primary{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;width:auto;font-size:.875rem}.btn-secondary{background:var(--surface-color-elevated);color:var(--text-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.theme-marketing .btn-secondary{border:1px solid var(--surface-border);text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:999px;width:auto;font-size:.875rem}.icon-btn{background:var(--surface-color-elevated);color:var(--text-primary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;border-radius:50%!important;width:40px!important;height:40px!important;padding:0!important;display:flex!important}.icon-btn:active{background:var(--surface-hover);transform:scale(.9)}.text-caption{color:var(--text-muted);font-size:.8rem}.text-sub{color:var(--text-secondary);font-size:.9rem}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.badge{background:var(--primary-faded);color:var(--primary);border-radius:99px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.25rem}.theme-marketing .glass-panel{-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000000f}.desktop-nav{display:flex}.mobile-nav-toggle{display:none}.mobile-nav-menu{background:var(--surface-color);border-bottom:1px solid var(--surface-border);z-index:40;flex-direction:column;gap:1rem;padding:1rem;display:none;position:absolute;top:100%;left:0;right:0}@media (width<=768px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex}.mobile-nav-menu.open{animation:.2s fadeIn;display:flex}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeInOverlay;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-color);border-radius:var(--radius-xl);border:1px solid var(--surface-border);width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}@media (width<=768px){.modal-overlay{align-items:flex-end}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;max-width:none;max-height:92vh;animation:.4s cubic-bezier(.32,.72,0,1) drawerSlideUp}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-handle{background:var(--text-muted);opacity:.3;border-radius:2px;width:40px;height:4px;margin:12px auto}.mobile-lab-list{flex-direction:column;gap:.75rem;display:flex}.lab-card-mobile{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1rem;transition:transform .1s;display:flex}.lab-card-mobile:active{background:var(--surface-hover);transform:scale(.99)}.lab-trend-mini{opacity:.5;width:40px;height:20px}@media (width>=769px){.mobile-only-flex{display:none!important}}@media (width<=768px){.desktop-only-table{display:none!important}}